@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/form/layouts/ModalForm/index.js

@@ -1,309 +1,289 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/form/layouts/ModalForm/index.tsx
-var ModalForm_exports = {};
-__export(ModalForm_exports, {
-  ModalForm: () => ModalForm
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ModalForm_exports);
-var import_antd = require("antd");
-var import_lodash_es = require("lodash-es");
-var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
-var import_warning = require("rc-util/lib/warning");
-var import_react = __toESM(require("react"));
-var import_react_dom = require("react-dom");
-var import_BaseForm = require("../../BaseForm");
-function ModalForm(_a) {
-  var _b = _a, {
-    children,
-    trigger,
-    onOpenChange,
-    modalProps,
-    onFinish,
-    submitTimeout,
-    title,
-    width,
-    open: propsOpen
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "trigger",
-    "onOpenChange",
-    "modalProps",
-    "onFinish",
-    "submitTimeout",
-    "title",
-    "width",
-    "open"
-  ]);
-  var _a2, _b2, _c, _d;
-  (0, import_warning.noteOnce)(
-    // eslint-disable-next-line @typescript-eslint/dot-notation
-    !rest["footer"] || !(modalProps == null ? void 0 : modalProps.footer),
-    "ModalForm 是一个 ProForm 的特殊布局，如果想自定义按钮，请使用 submit.render 自定义。"
-  );
-  const context = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const [, forceUpdate] = (0, import_react.useState)([]);
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const [open, setOpen] = (0, import_useMergedState.default)(false, {
-    value: propsOpen,
-    onChange: onOpenChange
-  });
-  const footerRef = (0, import_react.useRef)(null);
-  const footerDomRef = (0, import_react.useCallback)(
-    (element) => {
-      if (footerRef.current === null && element) {
-        forceUpdate([]);
-      }
-      footerRef.current = element;
-    },
-    []
-  );
-  const formRef = (0, import_react.useRef)();
-  const resetFields = (0, import_react.useCallback)(() => {
-    var _a3, _b3, _c2;
-    const form = (_c2 = (_b3 = rest.form) != null ? _b3 : (_a3 = rest.formRef) == null ? void 0 : _a3.current) != null ? _c2 : formRef.current;
-    if (form && (modalProps == null ? void 0 : modalProps.destroyOnHidden)) {
+exports.ModalForm = ModalForm;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _lodashEs = require("lodash-es");
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _BaseForm = require("../../BaseForm");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "trigger", "onOpenChange", "modalProps", "onFinish", "submitTimeout", "title", "width", "open"];
+var noteOnce = _util.warning.noteOnce;
+function ModalForm(_ref) {
+  var _context$locale3, _context$locale4;
+  var children = _ref.children,
+    trigger = _ref.trigger,
+    onOpenChange = _ref.onOpenChange,
+    modalProps = _ref.modalProps,
+    onFinish = _ref.onFinish,
+    submitTimeout = _ref.submitTimeout,
+    title = _ref.title,
+    width = _ref.width,
+    propsOpen = _ref.open,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  noteOnce(
+  // eslint-disable-next-line @typescript-eslint/dot-notation
+  !rest['footer'] || !(modalProps !== null && modalProps !== void 0 && modalProps.footer), 'ModalForm 是一个 ProForm 的特殊布局，如果想自定义按钮，请使用 submit.render 自定义。');
+  var context = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    forceUpdate = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useMergedState = (0, _util.useMergedState)(false, {
+      value: propsOpen,
+      onChange: onOpenChange
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    open = _useMergedState2[0],
+    setOpen = _useMergedState2[1];
+  var footerRef = (0, _react.useRef)(null);
+  var footerDomRef = (0, _react.useCallback)(function (element) {
+    if (footerRef.current === null && element) {
+      forceUpdate([]);
+    }
+    footerRef.current = element;
+  }, []);
+  var formRef = (0, _react.useRef)();
+  var resetFields = (0, _react.useCallback)(function () {
+    var _ref2, _rest$form, _rest$formRef;
+    var form = (_ref2 = (_rest$form = rest.form) !== null && _rest$form !== void 0 ? _rest$form : (_rest$formRef = rest.formRef) === null || _rest$formRef === void 0 ? void 0 : _rest$formRef.current) !== null && _ref2 !== void 0 ? _ref2 : formRef.current;
+    // 重置表单
+    if (form && modalProps !== null && modalProps !== void 0 && modalProps.destroyOnHidden) {
       form.resetFields();
     }
-  }, [modalProps == null ? void 0 : modalProps.destroyOnHidden, rest.form, rest.formRef]);
-  (0, import_react.useImperativeHandle)(
-    rest.formRef,
-    () => {
-      return formRef.current;
-    },
-    [formRef.current]
-  );
-  (0, import_react.useEffect)(() => {
+  }, [modalProps === null || modalProps === void 0 ? void 0 : modalProps.destroyOnHidden, rest.form, rest.formRef]);
+  (0, _react.useImperativeHandle)(rest.formRef, function () {
+    return formRef.current;
+  }, [formRef.current]);
+  (0, _react.useEffect)(function () {
     if (propsOpen) {
-      onOpenChange == null ? void 0 : onOpenChange(true);
+      onOpenChange === null || onOpenChange === void 0 || onOpenChange(true);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [propsOpen]);
-  const triggerDom = (0, import_react.useMemo)(() => {
+  var triggerDom = (0, _react.useMemo)(function () {
     if (!trigger) {
       return null;
     }
-    return import_react.default.cloneElement(trigger, __spreadProps(__spreadValues({
-      key: "trigger"
-    }, trigger.props), {
-      onClick: (e) => __async(this, null, function* () {
-        var _a3, _b3;
-        setOpen(!open);
-        (_b3 = (_a3 = trigger.props) == null ? void 0 : _a3.onClick) == null ? void 0 : _b3.call(_a3, e);
-      })
+    return /*#__PURE__*/_react.default.cloneElement(trigger, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      key: 'trigger'
+    }, trigger.props), {}, {
+      onClick: function () {
+        var _onClick = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(e) {
+          var _trigger$props, _trigger$props$onClic;
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                setOpen(!open);
+                (_trigger$props = trigger.props) === null || _trigger$props === void 0 || (_trigger$props$onClic = _trigger$props.onClick) === null || _trigger$props$onClic === void 0 || _trigger$props$onClic.call(_trigger$props, e);
+              case 2:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onClick(_x) {
+          return _onClick.apply(this, arguments);
+        }
+        return onClick;
+      }()
     }));
   }, [setOpen, trigger, open]);
-  const submitterConfig = (0, import_react.useMemo)(() => {
-    var _a3, _b3, _c2, _d2, _e, _f, _g, _h, _i;
+  var submitterConfig = (0, _react.useMemo)(function () {
+    var _ref3, _modalProps$okText, _context$locale, _ref4, _modalProps$cancelTex, _context$locale2, _rest$submitter;
     if (rest.submitter === false) {
       return false;
     }
-    return (0, import_lodash_es.merge)(
-      {
-        searchConfig: {
-          submitText: (_d2 = (_c2 = modalProps == null ? void 0 : modalProps.okText) != null ? _c2 : (_b3 = (_a3 = context.locale) == null ? void 0 : _a3.Modal) == null ? void 0 : _b3.okText) != null ? _d2 : "确认",
-          resetText: (_h = (_g = modalProps == null ? void 0 : modalProps.cancelText) != null ? _g : (_f = (_e = context.locale) == null ? void 0 : _e.Modal) == null ? void 0 : _f.cancelText) != null ? _h : "取消"
-        },
-        resetButtonProps: {
-          preventDefault: true,
-          disabled: submitTimeout && loading,
-          onClick: (e) => {
-            var _a4;
-            setOpen(false);
-            (_a4 = modalProps == null ? void 0 : modalProps.onCancel) == null ? void 0 : _a4.call(modalProps, e);
-          }
-        }
+    return (0, _lodashEs.merge)({
+      searchConfig: {
+        submitText: (_ref3 = (_modalProps$okText = modalProps === null || modalProps === void 0 ? void 0 : modalProps.okText) !== null && _modalProps$okText !== void 0 ? _modalProps$okText : (_context$locale = context.locale) === null || _context$locale === void 0 || (_context$locale = _context$locale.Modal) === null || _context$locale === void 0 ? void 0 : _context$locale.okText) !== null && _ref3 !== void 0 ? _ref3 : '确认',
+        resetText: (_ref4 = (_modalProps$cancelTex = modalProps === null || modalProps === void 0 ? void 0 : modalProps.cancelText) !== null && _modalProps$cancelTex !== void 0 ? _modalProps$cancelTex : (_context$locale2 = context.locale) === null || _context$locale2 === void 0 || (_context$locale2 = _context$locale2.Modal) === null || _context$locale2 === void 0 ? void 0 : _context$locale2.cancelText) !== null && _ref4 !== void 0 ? _ref4 : '取消'
       },
-      (_i = rest.submitter) != null ? _i : {}
-    );
-  }, [
-    (_b2 = (_a2 = context.locale) == null ? void 0 : _a2.Modal) == null ? void 0 : _b2.cancelText,
-    (_d = (_c = context.locale) == null ? void 0 : _c.Modal) == null ? void 0 : _d.okText,
-    modalProps,
-    rest.submitter,
-    setOpen,
-    loading,
-    submitTimeout
-  ]);
-  const contentRender = (0, import_react.useCallback)((formDom, submitter) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, formDom, footerRef.current && submitter ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: "submitter" }, (0, import_react_dom.createPortal)(submitter, footerRef.current)) : submitter);
-  }, []);
-  const onFinishHandle = (0, import_react.useCallback)(
-    (values) => __async(this, null, function* () {
-      const response = onFinish == null ? void 0 : onFinish(values);
-      if (submitTimeout && response instanceof Promise) {
-        setLoading(true);
-        const timer = setTimeout(() => setLoading(false), submitTimeout);
-        try {
-          const result2 = yield response;
-          clearTimeout(timer);
-          setLoading(false);
-          if (result2) {
-            setOpen(false);
-          }
-          return result2;
-        } catch (error) {
-          clearTimeout(timer);
-          setLoading(false);
-          throw error;
-        }
-      } else if (submitTimeout) {
-        setLoading(true);
-        const timer = setTimeout(() => setLoading(false), submitTimeout);
-        try {
-          const result2 = yield response;
-          clearTimeout(timer);
-          setLoading(false);
-          if (result2) {
-            setOpen(false);
-          }
-          return result2;
-        } catch (error) {
-          clearTimeout(timer);
-          setLoading(false);
-          throw error;
+      resetButtonProps: {
+        preventDefault: true,
+        disabled: submitTimeout && loading,
+        onClick: function onClick(e) {
+          var _modalProps$onCancel;
+          setOpen(false);
+          modalProps === null || modalProps === void 0 || (_modalProps$onCancel = modalProps.onCancel) === null || _modalProps$onCancel === void 0 || _modalProps$onCancel.call(modalProps, e);
         }
       }
-      const result = yield response;
-      if (result) {
-        setOpen(false);
-      }
-      return result;
-    }),
-    [onFinish, setOpen, submitTimeout]
-  );
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Modal,
-    __spreadProps(__spreadValues({
-      title,
+    }, (_rest$submitter = rest.submitter) !== null && _rest$submitter !== void 0 ? _rest$submitter : {});
+  }, [(_context$locale3 = context.locale) === null || _context$locale3 === void 0 || (_context$locale3 = _context$locale3.Modal) === null || _context$locale3 === void 0 ? void 0 : _context$locale3.cancelText, (_context$locale4 = context.locale) === null || _context$locale4 === void 0 || (_context$locale4 = _context$locale4.Modal) === null || _context$locale4 === void 0 ? void 0 : _context$locale4.okText, modalProps, rest.submitter, setOpen, loading, submitTimeout]);
+  var contentRender = (0, _react.useCallback)(function (formDom, submitter) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: /*#__PURE__*/(0, _reactDom.createPortal)(submitter, footerRef.current)
+      }, "submitter") : submitter]
+    });
+  }, []);
+  var onFinishHandle = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(values) {
+      var response, timer, _result, _timer, _result2, result;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            response = onFinish === null || onFinish === void 0 ? void 0 : onFinish(values);
+            if (!(submitTimeout && response instanceof Promise)) {
+              _context2.next = 21;
+              break;
+            }
+            setLoading(true);
+            timer = setTimeout(function () {
+              return setLoading(false);
+            }, submitTimeout);
+            _context2.prev = 4;
+            _context2.next = 7;
+            return response;
+          case 7:
+            _result = _context2.sent;
+            clearTimeout(timer);
+            setLoading(false);
+            // 返回真值，关闭弹框
+            if (_result) {
+              setOpen(false);
+            }
+            return _context2.abrupt("return", _result);
+          case 14:
+            _context2.prev = 14;
+            _context2.t0 = _context2["catch"](4);
+            clearTimeout(timer);
+            setLoading(false);
+            throw _context2.t0;
+          case 19:
+            _context2.next = 39;
+            break;
+          case 21:
+            if (!submitTimeout) {
+              _context2.next = 39;
+              break;
+            }
+            // 如果 submitTimeout 存在但 response 不是 Promise，也要设置 loading
+            setLoading(true);
+            _timer = setTimeout(function () {
+              return setLoading(false);
+            }, submitTimeout);
+            _context2.prev = 24;
+            _context2.next = 27;
+            return response;
+          case 27:
+            _result2 = _context2.sent;
+            clearTimeout(_timer);
+            setLoading(false);
+            // 返回真值，关闭弹框
+            if (_result2) {
+              setOpen(false);
+            }
+            return _context2.abrupt("return", _result2);
+          case 34:
+            _context2.prev = 34;
+            _context2.t1 = _context2["catch"](24);
+            clearTimeout(_timer);
+            setLoading(false);
+            throw _context2.t1;
+          case 39:
+            _context2.next = 41;
+            return response;
+          case 41:
+            result = _context2.sent;
+            // 返回真值，关闭弹框
+            if (result) {
+              setOpen(false);
+            }
+            return _context2.abrupt("return", result);
+          case 44:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[4, 14], [24, 34]]);
+    }));
+    return function (_x2) {
+      return _ref5.apply(this, arguments);
+    };
+  }(), [onFinish, setOpen, submitTimeout]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Modal, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: title,
       width: width || 800
-    }, modalProps), {
-      open,
-      onCancel: (e) => {
-        var _a3;
-        if (submitTimeout && loading)
-          return;
+    }, modalProps), {}, {
+      open: open,
+      onCancel: function onCancel(e) {
+        var _modalProps$onCancel2;
+        // 提交表单loading时，阻止弹框关闭
+        if (submitTimeout && loading) return;
         setOpen(false);
-        (_a3 = modalProps == null ? void 0 : modalProps.onCancel) == null ? void 0 : _a3.call(modalProps, e);
+        modalProps === null || modalProps === void 0 || (_modalProps$onCancel2 = modalProps.onCancel) === null || _modalProps$onCancel2 === void 0 || _modalProps$onCancel2.call(modalProps, e);
       },
-      afterClose: () => {
-        var _a3;
-        if (modalProps == null ? void 0 : modalProps.destroyOnHidden) {
+      afterClose: function afterClose() {
+        var _modalProps$afterClos;
+        // 确保在关闭时立即重置表单
+        if (modalProps !== null && modalProps !== void 0 && modalProps.destroyOnHidden) {
           resetFields();
         }
         if (open) {
           setOpen(false);
         }
-        (_a3 = modalProps == null ? void 0 : modalProps.afterClose) == null ? void 0 : _a3.call(modalProps);
+        modalProps === null || modalProps === void 0 || (_modalProps$afterClos = modalProps.afterClose) === null || _modalProps$afterClos === void 0 || _modalProps$afterClos.call(modalProps);
       },
-      footer: rest.submitter !== false ? /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          ref: footerDomRef,
-          style: {
-            display: "flex",
-            justifyContent: "flex-end"
-          }
+      footer: rest.submitter !== false ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: footerDomRef,
+        style: {
+          display: 'flex',
+          justifyContent: 'flex-end'
         }
-      ) : null
-    }),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_BaseForm.BaseForm,
-      __spreadProps(__spreadValues({
+      }) : null,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseForm.BaseForm, (0, _objectSpread2.default)((0, _objectSpread2.default)({
         formComponentType: "ModalForm",
         layout: "vertical"
-      }, rest), {
-        onInit: (_, form) => {
-          var _a3;
+      }, rest), {}, {
+        onInit: function onInit(_, form) {
+          var _rest$onInit;
           if (rest.formRef) {
             rest.formRef.current = form;
           }
-          (_a3 = rest == null ? void 0 : rest.onInit) == null ? void 0 : _a3.call(rest, _, form);
+          rest === null || rest === void 0 || (_rest$onInit = rest.onInit) === null || _rest$onInit === void 0 || _rest$onInit.call(rest, _, form);
           formRef.current = form;
         },
-        formRef,
+        formRef: formRef,
         submitter: submitterConfig,
-        onFinish: (values) => __async(this, null, function* () {
-          const result = yield onFinishHandle(values);
-          return result;
-        }),
-        contentRender
-      }),
-      children
-    )
-  ), triggerDom);
-}
+        onFinish: ( /*#__PURE__*/function () {
+          var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(values) {
+            var result;
+            return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+              while (1) switch (_context3.prev = _context3.next) {
+                case 0:
+                  _context3.next = 2;
+                  return onFinishHandle(values);
+                case 2:
+                  result = _context3.sent;
+                  return _context3.abrupt("return", result);
+                case 4:
+                case "end":
+                  return _context3.stop();
+              }
+            }, _callee3);
+          }));
+          return function (_x3) {
+            return _ref6.apply(this, arguments);
+          };
+        }()),
+        contentRender: contentRender,
+        children: children
+      }))
+    })), triggerDom]
+  });
+}