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

package/es/form/layouts/DrawerForm/index.js

@@ -1,113 +1,46 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __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());
-  });
-};
-
-// src/form/layouts/DrawerForm/index.tsx
-import { ConfigProvider, Drawer } from "antd";
-import classNames from "classnames";
-import useMergedState from "rc-util/lib/hooks/useMergedState";
-import { merge } from "rc-util/lib/utils/set";
-import { noteOnce } from "rc-util/lib/warning";
-import React, {
-  useCallback,
-  useContext,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { createPortal } from "react-dom";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "trigger", "drawerProps", "onFinish", "submitTimeout", "title", "width", "resize", "onOpenChange", "open"];
+import { merge, useMergedState, warning } from '@rc-component/util';
+import { ConfigProvider, Drawer } from 'antd';
+import classNames from 'classnames';
+import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import { isBrowser, omitUndefined, useRefFunction } from "../../../utils";
 import { BaseForm } from "../../BaseForm";
 import { useStyle } from "./style";
-function DrawerForm(_a) {
-  var _b = _a, {
-    children,
-    trigger,
-    drawerProps,
-    onFinish,
-    submitTimeout,
-    title,
-    width,
-    resize,
-    onOpenChange,
-    open: propsOpen
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "trigger",
-    "drawerProps",
-    "onFinish",
-    "submitTimeout",
-    "title",
-    "width",
-    "resize",
-    "onOpenChange",
-    "open"
-  ]);
-  var _a2, _b2, _c, _d;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var noteOnce = warning.noteOnce;
+function DrawerForm(_ref) {
+  var _context$locale3, _context$locale4;
+  var children = _ref.children,
+    trigger = _ref.trigger,
+    drawerProps = _ref.drawerProps,
+    onFinish = _ref.onFinish,
+    submitTimeout = _ref.submitTimeout,
+    title = _ref.title,
+    width = _ref.width,
+    resize = _ref.resize,
+    onOpenChange = _ref.onOpenChange,
+    propsOpen = _ref.open,
+    rest = _objectWithoutProperties(_ref, _excluded);
   noteOnce(
-    // eslint-disable-next-line @typescript-eslint/dot-notation
-    !rest["footer"] || !(drawerProps == null ? void 0 : drawerProps.footer),
-    "DrawerForm 是一个 ProForm 的特殊布局，如果想自定义按钮，请使用 submit.render 自定义。"
-  );
-  const resizeInfo = React.useMemo(() => {
-    var _a3, _b3, _c2;
-    const defaultResize = {
-      onResize: () => {
-      },
-      maxWidth: isBrowser() ? window.innerWidth * 0.8 : void 0,
+  // eslint-disable-next-line @typescript-eslint/dot-notation
+  !rest['footer'] || !(drawerProps !== null && drawerProps !== void 0 && drawerProps.footer), 'DrawerForm 是一个 ProForm 的特殊布局，如果想自定义按钮，请使用 submit.render 自定义。');
+  var resizeInfo = React.useMemo(function () {
+    var _resize$onResize, _resize$maxWidth, _resize$minWidth;
+    var defaultResize = {
+      onResize: function onResize() {},
+      maxWidth: isBrowser() ? window.innerWidth * 0.8 : undefined,
       minWidth: 300
     };
-    if (typeof resize === "boolean") {
+    if (typeof resize === 'boolean') {
       if (resize) {
         return defaultResize;
       } else {
@@ -115,250 +48,310 @@ function DrawerForm(_a) {
       }
     }
     return omitUndefined({
-      onResize: (_a3 = resize == null ? void 0 : resize.onResize) != null ? _a3 : defaultResize.onResize,
-      maxWidth: (_b3 = resize == null ? void 0 : resize.maxWidth) != null ? _b3 : defaultResize.maxWidth,
-      minWidth: (_c2 = resize == null ? void 0 : resize.minWidth) != null ? _c2 : defaultResize.minWidth
+      onResize: (_resize$onResize = resize === null || resize === void 0 ? void 0 : resize.onResize) !== null && _resize$onResize !== void 0 ? _resize$onResize : defaultResize.onResize,
+      maxWidth: (_resize$maxWidth = resize === null || resize === void 0 ? void 0 : resize.maxWidth) !== null && _resize$maxWidth !== void 0 ? _resize$maxWidth : defaultResize.maxWidth,
+      minWidth: (_resize$minWidth = resize === null || resize === void 0 ? void 0 : resize.minWidth) !== null && _resize$minWidth !== void 0 ? _resize$minWidth : defaultResize.minWidth
     });
   }, [resize]);
-  const context = useContext(ConfigProvider.ConfigContext);
-  const baseClassName = context.getPrefixCls("pro-form-drawer");
-  const { wrapSSR, hashId } = useStyle(baseClassName);
-  const getCls = (className) => `${baseClassName}-${className} ${hashId}`;
-  const [, forceUpdate] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [resizableDrawer, setResizableDrawer] = useState(false);
-  const [drawerWidth, setDrawerWidth] = useState(
-    width ? width : resize ? resizeInfo == null ? void 0 : resizeInfo.minWidth : 800
-  );
-  const [open, setOpen] = useMergedState(!!propsOpen, {
-    value: propsOpen,
-    onChange: onOpenChange
-  });
-  const footerRef = useRef(null);
-  const footerDomRef = useCallback(
-    (element) => {
-      if (footerRef.current === null && element) {
-        forceUpdate([]);
-      }
-      footerRef.current = element;
-    },
-    []
-  );
-  const formRef = useRef();
-  const resetFields = useCallback(() => {
-    var _a3, _b3, _c2;
-    const form = (_c2 = (_b3 = (_a3 = rest.formRef) == null ? void 0 : _a3.current) != null ? _b3 : rest.form) != null ? _c2 : formRef.current;
-    if (form && (drawerProps == null ? void 0 : drawerProps.destroyOnHidden)) {
+  var context = useContext(ConfigProvider.ConfigContext);
+  var baseClassName = context.getPrefixCls('pro-form-drawer');
+  var _useStyle = useStyle(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var getCls = function getCls(className) {
+    return "".concat(baseClassName, "-").concat(className, " ").concat(hashId);
+  };
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    forceUpdate = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    resizableDrawer = _useState6[0],
+    setResizableDrawer = _useState6[1];
+  var _useState7 = useState(width ? width : resize ? resizeInfo === null || resizeInfo === void 0 ? void 0 : resizeInfo.minWidth : 800),
+    _useState8 = _slicedToArray(_useState7, 2),
+    drawerWidth = _useState8[0],
+    setDrawerWidth = _useState8[1];
+  var _useMergedState = useMergedState(!!propsOpen, {
+      value: propsOpen,
+      onChange: onOpenChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    open = _useMergedState2[0],
+    setOpen = _useMergedState2[1];
+  var footerRef = useRef(null);
+  var footerDomRef = useCallback(function (element) {
+    if (footerRef.current === null && element) {
+      forceUpdate([]);
+    }
+    footerRef.current = element;
+  }, []);
+  var formRef = useRef();
+  var resetFields = useCallback(function () {
+    var _ref2, _rest$formRef$current, _rest$formRef;
+    var form = (_ref2 = (_rest$formRef$current = (_rest$formRef = rest.formRef) === null || _rest$formRef === void 0 ? void 0 : _rest$formRef.current) !== null && _rest$formRef$current !== void 0 ? _rest$formRef$current : rest.form) !== null && _ref2 !== void 0 ? _ref2 : formRef.current;
+    // 重置表单
+    if (form && drawerProps !== null && drawerProps !== void 0 && drawerProps.destroyOnHidden) {
       form.resetFields();
     }
-  }, [drawerProps == null ? void 0 : drawerProps.destroyOnHidden, rest.form, rest.formRef]);
-  useEffect(() => {
+  }, [drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.destroyOnHidden, rest.form, rest.formRef]);
+  useEffect(function () {
     if (open && propsOpen) {
-      onOpenChange == null ? void 0 : onOpenChange(true);
+      onOpenChange === null || onOpenChange === void 0 || onOpenChange(true);
     }
     if (resizableDrawer) {
-      setDrawerWidth(resizeInfo == null ? void 0 : resizeInfo.minWidth);
+      setDrawerWidth(resizeInfo === null || resizeInfo === void 0 ? void 0 : resizeInfo.minWidth);
     }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [propsOpen, open, resizableDrawer]);
-  useImperativeHandle(
-    rest.formRef,
-    () => {
-      return formRef.current;
-    },
-    [formRef.current]
-  );
-  const triggerDom = useMemo(() => {
+  useImperativeHandle(rest.formRef, function () {
+    return formRef.current;
+  }, [formRef.current]);
+  var triggerDom = useMemo(function () {
     if (!trigger) {
       return null;
     }
-    return React.cloneElement(trigger, __spreadProps(__spreadValues({
-      key: "trigger"
-    }, trigger.props), {
-      onClick: (e) => __async(this, null, function* () {
-        var _a3, _b3;
-        setOpen(!open);
-        setResizableDrawer(!Object.keys(resizeInfo));
-        (_b3 = (_a3 = trigger.props) == null ? void 0 : _a3.onClick) == null ? void 0 : _b3.call(_a3, e);
-      })
+    return /*#__PURE__*/React.cloneElement(trigger, _objectSpread(_objectSpread({
+      key: 'trigger'
+    }, trigger.props), {}, {
+      onClick: function () {
+        var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
+          var _trigger$props, _trigger$props$onClic;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                setOpen(!open);
+                setResizableDrawer(!Object.keys(resizeInfo));
+                (_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 3:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onClick(_x) {
+          return _onClick.apply(this, arguments);
+        }
+        return onClick;
+      }()
     }));
   }, [setOpen, trigger, open, setResizableDrawer, resizableDrawer]);
-  const submitterConfig = useMemo(() => {
-    var _a3, _b3, _c2, _d2, _e, _f, _g;
+  var submitterConfig = useMemo(function () {
+    var _context$locale$Modal, _context$locale, _context$locale$Modal2, _context$locale2, _rest$submitter;
     if (rest.submitter === false) {
       return false;
     }
-    return merge(
-      {
-        searchConfig: {
-          submitText: (_c2 = (_b3 = (_a3 = context.locale) == null ? void 0 : _a3.Modal) == null ? void 0 : _b3.okText) != null ? _c2 : "确认",
-          resetText: (_f = (_e = (_d2 = context.locale) == null ? void 0 : _d2.Modal) == null ? void 0 : _e.cancelText) != null ? _f : "取消"
-        },
-        resetButtonProps: {
-          preventDefault: true,
-          disabled: submitTimeout && loading,
-          onClick: (e) => {
-            var _a4;
-            setOpen(false);
-            (_a4 = drawerProps == null ? void 0 : drawerProps.onClose) == null ? void 0 : _a4.call(drawerProps, e);
-          }
-        }
+    return merge({
+      searchConfig: {
+        submitText: (_context$locale$Modal = (_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 && _context$locale$Modal !== void 0 ? _context$locale$Modal : '确认',
+        resetText: (_context$locale$Modal2 = (_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 && _context$locale$Modal2 !== void 0 ? _context$locale$Modal2 : '取消'
       },
-      (_g = rest.submitter) != null ? _g : {}
-    );
-  }, [
-    rest.submitter,
-    (_b2 = (_a2 = context.locale) == null ? void 0 : _a2.Modal) == null ? void 0 : _b2.okText,
-    (_d = (_c = context.locale) == null ? void 0 : _c.Modal) == null ? void 0 : _d.cancelText,
-    submitTimeout,
-    loading,
-    setOpen,
-    drawerProps
-  ]);
-  const contentRender = useCallback((formDom, submitter) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, formDom, footerRef.current && submitter ? /* @__PURE__ */ React.createElement(React.Fragment, { key: "submitter" }, createPortal(submitter, footerRef.current)) : submitter);
-  }, []);
-  const onFinishHandle = useRefFunction((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) {
+      resetButtonProps: {
+        preventDefault: true,
+        disabled: submitTimeout && loading,
+        onClick: function onClick(e) {
+          var _drawerProps$onClose;
           setOpen(false);
+          drawerProps === null || drawerProps === void 0 || (_drawerProps$onClose = drawerProps.onClose) === null || _drawerProps$onClose === void 0 || _drawerProps$onClose.call(drawerProps, e);
         }
-        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);
+    }, (_rest$submitter = rest.submitter) !== null && _rest$submitter !== void 0 ? _rest$submitter : {});
+  }, [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.okText, (_context$locale4 = context.locale) === null || _context$locale4 === void 0 || (_context$locale4 = _context$locale4.Modal) === null || _context$locale4 === void 0 ? void 0 : _context$locale4.cancelText, submitTimeout, loading, setOpen, drawerProps]);
+  var contentRender = useCallback(function (formDom, submitter) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/_jsx(React.Fragment, {
+        children: /*#__PURE__*/createPortal(submitter, footerRef.current)
+      }, "submitter") : submitter]
+    });
+  }, []);
+  var onFinishHandle = useRefFunction( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
+      var response, timer, _result, _timer, _result2, result;
+      return _regeneratorRuntime().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();
         }
-        return result2;
-      } catch (error) {
-        clearTimeout(timer);
-        setLoading(false);
-        throw error;
-      }
+      }, _callee2, null, [[4, 14], [24, 34]]);
+    }));
+    return function (_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }());
+  var cbHandleMouseMove = useCallback(function (e) {
+    var _resizeInfo$minWidth, _resizeInfo$maxWidth;
+    var offsetRight = (document.body.offsetWidth || 1000) - (e.clientX - document.body.offsetLeft);
+    var minWidth = (_resizeInfo$minWidth = resizeInfo === null || resizeInfo === void 0 ? void 0 : resizeInfo.minWidth) !== null && _resizeInfo$minWidth !== void 0 ? _resizeInfo$minWidth : width || 800;
+    var maxWidth = (_resizeInfo$maxWidth = resizeInfo === null || resizeInfo === void 0 ? void 0 : resizeInfo.maxWidth) !== null && _resizeInfo$maxWidth !== void 0 ? _resizeInfo$maxWidth : window.innerWidth * 0.8;
+    if (offsetRight < minWidth) {
+      setDrawerWidth(minWidth);
+      return;
     }
-    const result = yield response;
-    if (result) {
-      setOpen(false);
+    if (offsetRight > maxWidth) {
+      setDrawerWidth(maxWidth);
+      return;
     }
-    return result;
-  }));
-  const cbHandleMouseMove = useCallback(
-    (e) => {
-      var _a3, _b3;
-      const offsetRight = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft);
-      const minWidth = (_a3 = resizeInfo == null ? void 0 : resizeInfo.minWidth) != null ? _a3 : width || 800;
-      const maxWidth = (_b3 = resizeInfo == null ? void 0 : resizeInfo.maxWidth) != null ? _b3 : window.innerWidth * 0.8;
-      if (offsetRight < minWidth) {
-        setDrawerWidth(minWidth);
-        return;
-      }
-      if (offsetRight > maxWidth) {
-        setDrawerWidth(maxWidth);
-        return;
-      }
-      setDrawerWidth(offsetRight);
-    },
-    [resizeInfo == null ? void 0 : resizeInfo.maxWidth, resizeInfo == null ? void 0 : resizeInfo.minWidth, width]
-  );
-  const cbHandleMouseUp = useCallback(() => {
-    document.removeEventListener("mousemove", cbHandleMouseMove);
-    document.removeEventListener("mouseup", cbHandleMouseUp);
+    setDrawerWidth(offsetRight);
+  }, [resizeInfo === null || resizeInfo === void 0 ? void 0 : resizeInfo.maxWidth, resizeInfo === null || resizeInfo === void 0 ? void 0 : resizeInfo.minWidth, width]);
+  var cbHandleMouseUp = useCallback(function () {
+    document.removeEventListener('mousemove', cbHandleMouseMove);
+    document.removeEventListener('mouseup', cbHandleMouseUp);
   }, [cbHandleMouseMove]);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      Drawer,
-      __spreadProps(__spreadValues({}, drawerProps), {
-        destroyOnHidden: drawerProps == null ? void 0 : drawerProps.destroyOnHidden,
-        title,
-        width: drawerWidth,
-        open,
-        afterOpenChange: (open2) => {
-          var _a3;
-          if (!open2 && (drawerProps == null ? void 0 : drawerProps.destroyOnHidden)) {
-            resetFields();
-          }
-          (_a3 = drawerProps == null ? void 0 : drawerProps.afterOpenChange) == null ? void 0 : _a3.call(drawerProps, open2);
-          onOpenChange == null ? void 0 : onOpenChange(open2);
-        },
-        onClose: (e) => {
-          var _a3;
-          if (submitTimeout && loading)
-            return;
-          setOpen(false);
-          (_a3 = drawerProps == null ? void 0 : drawerProps.onClose) == null ? void 0 : _a3.call(drawerProps, e);
-        },
-        footer: rest.submitter !== false && /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            ref: footerDomRef,
-            style: {
-              display: "flex",
-              justifyContent: "flex-end"
-            }
-          }
-        )
+  return wrapSSR( /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Drawer, _objectSpread(_objectSpread({}, drawerProps), {}, {
+      destroyOnHidden: drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.destroyOnHidden,
+      title: title,
+      width: drawerWidth,
+      open: open,
+      afterOpenChange: function afterOpenChange(open) {
+        var _drawerProps$afterOpe;
+        if (!open && drawerProps !== null && drawerProps !== void 0 && drawerProps.destroyOnHidden) {
+          resetFields();
+        }
+        drawerProps === null || drawerProps === void 0 || (_drawerProps$afterOpe = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe === void 0 || _drawerProps$afterOpe.call(drawerProps, open);
+        onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
+      },
+      onClose: function onClose(e) {
+        var _drawerProps$onClose2;
+        // 提交表单loading时，阻止弹框关闭
+        if (submitTimeout && loading) return;
+        setOpen(false);
+        drawerProps === null || drawerProps === void 0 || (_drawerProps$onClose2 = drawerProps.onClose) === null || _drawerProps$onClose2 === void 0 || _drawerProps$onClose2.call(drawerProps, e);
+      },
+      footer: rest.submitter !== false && /*#__PURE__*/_jsx("div", {
+        ref: footerDomRef,
+        style: {
+          display: 'flex',
+          justifyContent: 'flex-end'
+        }
       }),
-      resize ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(getCls("sidebar-dragger"), hashId, {
-            [getCls("sidebar-dragger-min-disabled")]: drawerWidth === (resizeInfo == null ? void 0 : resizeInfo.minWidth),
-            [getCls("sidebar-dragger-max-disabled")]: drawerWidth === (resizeInfo == null ? void 0 : resizeInfo.maxWidth)
-          }),
-          onMouseDown: (e) => {
-            var _a3;
-            (_a3 = resizeInfo == null ? void 0 : resizeInfo.onResize) == null ? void 0 : _a3.call(resizeInfo);
-            e.stopPropagation();
-            e.preventDefault();
-            document.addEventListener("mousemove", cbHandleMouseMove);
-            document.addEventListener("mouseup", cbHandleMouseUp);
-            setResizableDrawer(true);
-          }
+      children: [resize ? /*#__PURE__*/_jsx("div", {
+        className: classNames(getCls('sidebar-dragger'), hashId, _defineProperty(_defineProperty({}, getCls('sidebar-dragger-min-disabled'), drawerWidth === (resizeInfo === null || resizeInfo === void 0 ? void 0 : resizeInfo.minWidth)), getCls('sidebar-dragger-max-disabled'), drawerWidth === (resizeInfo === null || resizeInfo === void 0 ? void 0 : resizeInfo.maxWidth))),
+        onMouseDown: function onMouseDown(e) {
+          var _resizeInfo$onResize;
+          resizeInfo === null || resizeInfo === void 0 || (_resizeInfo$onResize = resizeInfo.onResize) === null || _resizeInfo$onResize === void 0 || _resizeInfo$onResize.call(resizeInfo);
+          e.stopPropagation();
+          e.preventDefault();
+          document.addEventListener('mousemove', cbHandleMouseMove);
+          document.addEventListener('mouseup', cbHandleMouseUp);
+          setResizableDrawer(true);
         }
-      ) : null,
-      /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        BaseForm,
-        __spreadProps(__spreadValues({
+      }) : null, /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsx(BaseForm, _objectSpread(_objectSpread({
           formComponentType: "DrawerForm",
           layout: "vertical"
-        }, rest), {
-          formRef,
-          onInit: (_, form) => {
-            var _a3;
+        }, rest), {}, {
+          formRef: formRef,
+          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;
           },
           submitter: submitterConfig,
-          onFinish: (values) => __async(this, null, function* () {
-            const result = yield onFinishHandle(values);
-            return result;
-          }),
-          contentRender
-        }),
-        children
-      ))
-    ), triggerDom)
-  );
+          onFinish: ( /*#__PURE__*/function () {
+            var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(values) {
+              var result;
+              return _regeneratorRuntime().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 _ref4.apply(this, arguments);
+            };
+          }()),
+          contentRender: contentRender,
+          children: children
+        }))
+      })]
+    })), triggerDom]
+  }));
 }
-export {
-  DrawerForm
-};
+export { DrawerForm };