@douyinfe/semi-ui 2.39.3 → 2.40.0-beta.0

package/lib/cjs/_portal/index.d.ts

@@ -27,12 +27,13 @@ declare class Portal extends PureComponent<PortalProps, PortalState> {
     };
     el: HTMLElement;
     context: ContextValue;
-    constructor(props: PortalProps);
+    constructor(props: PortalProps, context: ContextValue);
     componentDidMount(): void;
+    initContainer: (context: ContextValue, catchError?: boolean) => HTMLElement;
     componentDidUpdate(prevProps: PortalProps): void;
     componentWillUnmount(): void;
     addStyle: (style?: {}) => void;
-    addClass: (prefixCls: string, ...classNames: string[]) => void;
+    addClass: (prefixCls: string, context?: ContextValue, ...classNames: string[]) => void;
     render(): React.ReactPortal;
 }
 export default Portal;

package/lib/cjs/_portal/index.js

@@ -14,10 +14,35 @@ require("@douyinfe/semi-foundation/lib/cjs/_portal/portal.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const defaultGetContainer = () => document.body;
 class Portal extends _react.PureComponent {
-  constructor(props) {
+  constructor(props, context) {
     var _this;
     super(props);
     _this = this;
+    this.initContainer = function (context) {
+      let catchError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var _a, _b;
+      let container = undefined;
+      if (!_this.el) {
+        _this.el = document.createElement('div');
+      }
+      if (!((_a = _this.state) === null || _a === void 0 ? void 0 : _a.container)) {
+        try {
+          _this.el = document.createElement('div');
+          const getContainer = _this.props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
+          const portalContainer = getContainer();
+          portalContainer.appendChild(_this.el);
+          _this.addStyle(_this.props.style);
+          _this.addClass(_this.props.prefixCls, context, _this.props.className);
+          container = portalContainer;
+          return container;
+        } catch (e) {
+          if (!catchError) {
+            throw e;
+          }
+        }
+      }
+      return (_b = _this.state) === null || _b === void 0 ? void 0 : _b.container;
+    };
     this.addStyle = function () {
       let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       if (_this.el) {
@@ -27,11 +52,12 @@ class Portal extends _react.PureComponent {
       }
     };
     this.addClass = function (prefixCls) {
+      let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this.context;
       const {
         direction
-      } = _this.context;
-      for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        classNames[_key - 1] = arguments[_key];
+      } = context;
+      for (var _len = arguments.length, classNames = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        classNames[_key - 2] = arguments[_key];
       }
       const cls = (0, _classnames.default)(prefixCls, ...classNames, {
         [`${prefixCls}-rtl`]: direction === 'rtl'
@@ -40,32 +66,13 @@ class Portal extends _react.PureComponent {
         _this.el.className = cls;
       }
     };
-    try {
-      this.el = document.createElement('div');
-    } catch (e) {}
     this.state = {
-      container: undefined
+      container: this.initContainer(context, true)
     };
   }
   componentDidMount() {
-    if (!this.el) {
-      this.el = document.createElement('div');
-    }
-    const {
-      state,
-      props,
-      context
-    } = this;
-    const getContainer = props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
-    const container = getContainer();
-    if (container !== state.container) {
-      // const computedStyle = window.getComputedStyle(container);
-      // if (computedStyle.position !== 'relative') {
-      //    container.style.position = 'relative';
-      // }
-      container.appendChild(this.el);
-      this.addStyle(props.style);
-      this.addClass(props.prefixCls, props.className);
+    const container = this.initContainer(this.context);
+    if (container !== this.state.container) {
       this.setState({
         container
       });

package/lib/cjs/form/baseForm.js

@@ -60,11 +60,11 @@ class Form extends _baseComponent.default {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep: _index.cloneDeep,
-      notifySubmit: values => {
-        this.props.onSubmit(values);
+      notifySubmit: (values, e) => {
+        this.props.onSubmit(values, e);
       },
-      notifySubmitFail: (errors, values) => {
-        this.props.onSubmitFail(errors, values);
+      notifySubmitFail: (errors, values, e) => {
+        this.props.onSubmitFail(errors, values, e);
       },
       forceUpdate: callback => {
         this.forceUpdate(callback);
@@ -135,7 +135,7 @@ class Form extends _baseComponent.default {
   }
   submit(e) {
     e.preventDefault();
-    this.foundation.submit();
+    this.foundation.submit(e);
   }
   reset(e) {
     e.preventDefault();

package/lib/cjs/form/interface.d.ts

@@ -83,8 +83,8 @@ export interface FormFCChild<K extends Record<string, any> = any> {
 }
 export interface BaseFormProps<Values extends Record<string, any> = any> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange' | 'onSubmit' | 'onReset'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
-    onSubmit?: (values: Values) => void;
-    onSubmitFail?: (errors: Record<keyof Values, FieldError>, values: Partial<Values>) => void;
+    onSubmit?: (values: Values, e?: React.FormEvent<HTMLFormElement>) => void;
+    onSubmitFail?: (errors: Record<keyof Values, FieldError>, values: Partial<Values>, e?: React.FormEvent<HTMLFormElement>) => void;
     onReset?: () => void;
     onValueChange?: (values: Values, changedValue: Partial<Values>) => void;
     onChange?: (formState: FormState<Values>) => void;

package/lib/cjs/image/image.js

@@ -167,9 +167,10 @@ class Image extends _baseComponent.default {
         preview,
         fallback,
         placeholder,
-        imageID
+        imageID,
+        setDownloadName
       } = _b,
-      restProps = __rest(_b, ["src", "width", "height", "alt", "style", "className", "crossOrigin", "preview", "fallback", "placeholder", "imageID"]);
+      restProps = __rest(_b, ["src", "width", "height", "alt", "style", "className", "crossOrigin", "preview", "fallback", "placeholder", "imageID", "setDownloadName"]);
     const outerStyle = Object.assign({
       width,
       height
@@ -202,7 +203,8 @@ class Image extends _baseComponent.default {
       src: previewSrc,
       visible: previewVisible,
       onVisibleChange: this.handlePreviewVisibleChange,
-      crossOrigin: !(0, _isUndefined2.default)(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin
+      crossOrigin: !(0, _isUndefined2.default)(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin,
+      setDownloadName: setDownloadName
     })));
   }
 }

package/lib/cjs/image/interface.d.ts

@@ -21,6 +21,7 @@ export interface ImageProps extends BaseProps {
     crossOrigin?: "anonymous" | "use-credentials";
     children?: ReactNode;
     imageID?: number;
+    setDownloadName?: (src: string) => string;
 }
 export interface PreviewProps extends BaseProps {
     visible?: boolean;
@@ -65,6 +66,7 @@ export interface PreviewProps extends BaseProps {
     onRatioChange?: (type: RatioType) => void;
     onRotateLeft?: (angle: number) => void;
     onDownload?: (src: string, index: number) => void;
+    setDownloadName?: (src: string) => string;
 }
 export interface MenuProps {
     min?: number;

package/lib/cjs/image/preview.js

@@ -150,9 +150,10 @@ class Preview extends _baseComponent.default {
         src,
         className,
         style,
-        lazyLoad
+        lazyLoad,
+        setDownloadName
       } = _a,
-      restProps = __rest(_a, ["src", "className", "style", "lazyLoad"]);
+      restProps = __rest(_a, ["src", "className", "style", "lazyLoad", "setDownloadName"]);
     const {
       currentIndex,
       visible
@@ -174,7 +175,8 @@ class Preview extends _baseComponent.default {
         lazyLoad,
         previewObserver: this.previewObserver,
         setCurrentIndex: this.handleCurrentIndexChange,
-        handleVisibleChange: this.handleVisibleChange
+        handleVisibleChange: this.handleVisibleChange,
+        setDownloadName: setDownloadName
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       id: this.previewGroupId,

package/lib/cjs/image/previewContext.d.ts

@@ -9,5 +9,6 @@ export interface PreviewContextProps {
     previewObserver: IntersectionObserver;
     setCurrentIndex: (current: number) => void;
     handleVisibleChange: (visible: boolean, preVisible?: boolean) => void;
+    setDownloadName: (src: string) => string;
 }
 export declare const PreviewContext: import("react").Context<PreviewContextProps>;

package/lib/cjs/image/previewFooter.d.ts

@@ -49,7 +49,7 @@ export default class Footer extends BaseComponent<FooterProps> {
     handleSlideChange: import("lodash").DebouncedFunc<(value: any) => void>;
     handleRatioClick: () => void;
     customRenderViewMenu: () => ReactNode;
-    getFinalIconElement: (element: ReactNode, content: ReactNode) => string | number | boolean | React.ReactFragment | JSX.Element;
+    getFinalIconElement: (element: ReactNode, content: ReactNode, key: string) => string | number | boolean | React.ReactFragment | JSX.Element;
     getLocalTextByKey: (key: string) => JSX.Element;
     getIconChevronLeft: () => string | number | boolean | React.ReactFragment | JSX.Element;
     getIconChevronRight: () => string | number | boolean | React.ReactFragment | JSX.Element;
@@ -58,5 +58,9 @@ export default class Footer extends BaseComponent<FooterProps> {
     getIconRatio: () => string | number | boolean | React.ReactFragment | JSX.Element;
     getIconRotate: () => string | number | boolean | React.ReactFragment | JSX.Element;
     getIconDownload: () => string | number | boolean | React.ReactFragment | JSX.Element;
+    getNumberInfo: () => JSX.Element;
+    getSlider: () => JSX.Element;
+    getMenu: () => (string | number | boolean | React.ReactFragment | JSX.Element)[];
+    getFooterMenu: () => (string | number | boolean | React.ReactFragment | JSX.Element)[];
     render(): JSX.Element;
 }

package/lib/cjs/image/previewFooter.js

@@ -88,18 +88,20 @@ class Footer extends _baseComponent.default {
         disabledZoomOut: zoom === min,
         onRatioClick: this.handleRatioClick,
         onZoomIn: this.handlePlusClick,
-        onZoomOut: this.handleMinusClick
+        onZoomOut: this.handleMinusClick,
+        menuItems: this.getMenu()
       };
       return renderPreviewMenu(props);
     };
     // According to showTooltip in props, decide whether to use Tooltip to pack a layer
     // 根据 props 中的 showTooltip 决定是否使用 Tooltip 包一层
-    this.getFinalIconElement = (element, content) => {
+    this.getFinalIconElement = (element, content, key) => {
       const {
         showTooltip
       } = this.props;
       return showTooltip ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-        content: content
+        content: content,
+        key: `tooltip-${key}`
       }, element) : element;
     };
     this.getLocalTextByKey = key => /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
@@ -112,12 +114,13 @@ class Footer extends _baseComponent.default {
         prevTip
       } = this.props;
       const icon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronLeft, {
+        key: "chevron-left",
         size: "large",
         className: disabledPrev ? `${footerPrefixCls}-disabled` : "",
         onClick: !disabledPrev ? onPrev : undefined
       });
       const content = prevTip !== null && prevTip !== void 0 ? prevTip : this.getLocalTextByKey("prevTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'chevron-left');
     };
     this.getIconChevronRight = () => {
       const {
@@ -126,12 +129,13 @@ class Footer extends _baseComponent.default {
         nextTip
       } = this.props;
       const icon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
+        key: "chevron-right",
         size: "large",
         className: disabledNext ? `${footerPrefixCls}-disabled` : "",
         onClick: !disabledNext ? onNext : undefined
       });
       const content = nextTip !== null && nextTip !== void 0 ? nextTip : this.getLocalTextByKey("nextTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'chevron-right');
     };
     this.getIconMinus = () => {
       const {
@@ -141,12 +145,13 @@ class Footer extends _baseComponent.default {
       } = this.props;
       const disabledZoomOut = zoom === min;
       const icon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconMinus, {
+        key: "minus",
         size: "large",
         onClick: !disabledZoomOut ? this.handleMinusClick : undefined,
         className: disabledZoomOut ? `${footerPrefixCls}-disabled` : ""
       });
       const content = zoomOutTip !== null && zoomOutTip !== void 0 ? zoomOutTip : this.getLocalTextByKey("zoomOutTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'minus');
     };
     this.getIconPlus = () => {
       const {
@@ -156,12 +161,13 @@ class Footer extends _baseComponent.default {
       } = this.props;
       const disabledZoomIn = zoom === max;
       const icon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconPlus, {
+        key: "plus",
         size: "large",
         onClick: !disabledZoomIn ? this.handlePlusClick : undefined,
         className: disabledZoomIn ? `${footerPrefixCls}-disabled` : ""
       });
       const content = zoomInTip !== null && zoomInTip !== void 0 ? zoomInTip : this.getLocalTextByKey("zoomInTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'plus');
     };
     this.getIconRatio = () => {
       const {
@@ -170,6 +176,7 @@ class Footer extends _baseComponent.default {
         adaptiveTip
       } = this.props;
       const props = {
+        key: "ratio",
         size: "large",
         className: (0, _classnames.default)(`${footerPrefixCls}-gap`),
         onClick: this.handleRatioClick
@@ -181,18 +188,19 @@ class Footer extends _baseComponent.default {
       } else {
         content = adaptiveTip !== null && adaptiveTip !== void 0 ? adaptiveTip : this.getLocalTextByKey("adaptiveTip");
       }
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'ratio');
     };
     this.getIconRotate = () => {
       const {
         rotateTip
       } = this.props;
       const icon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconRotate, {
+        key: "rotate",
         size: "large",
         onClick: this.handleRotateLeft
       });
       const content = rotateTip !== null && rotateTip !== void 0 ? rotateTip : this.getLocalTextByKey("rotateTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'rotate');
     };
     this.getIconDownload = () => {
       const {
@@ -201,6 +209,7 @@ class Footer extends _baseComponent.default {
         disableDownload
       } = this.props;
       const icon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconDownload, {
+        key: 'download',
         size: "large",
         onClick: !disableDownload ? onDownload : undefined,
         className: (0, _classnames.default)(`${footerPrefixCls}-gap`, {
@@ -208,44 +217,63 @@ class Footer extends _baseComponent.default {
         })
       });
       const content = downloadTip !== null && downloadTip !== void 0 ? downloadTip : this.getLocalTextByKey("downloadTip");
-      return this.getFinalIconElement(icon, content);
+      return this.getFinalIconElement(icon, content, 'download');
+    };
+    this.getNumberInfo = () => {
+      const {
+        curPage,
+        totalNum
+      } = this.props;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: `${footerPrefixCls}-page`,
+        key: 'info'
+      }, curPage, "/", totalNum);
+    };
+    this.getSlider = () => {
+      const {
+        zoom,
+        min,
+        max,
+        step,
+        showTooltip
+      } = this.props;
+      return /*#__PURE__*/_react.default.createElement(_slider.default, {
+        key: 'slider',
+        value: zoom,
+        min: min,
+        max: max,
+        step: step,
+        tipFormatter: v => `${v}%`,
+        tooltipVisible: showTooltip ? undefined : false,
+        onChange: this.handleSlideChange
+      });
+    };
+    this.getMenu = () => [this.getIconChevronLeft(), this.getNumberInfo(), this.getIconChevronRight(), this.getIconMinus(), this.getSlider(), this.getIconPlus(), this.getIconRatio(), this.getIconRotate(), this.getIconDownload()];
+    this.getFooterMenu = () => {
+      const menuItems = this.getMenu();
+      menuItems.splice(3, 0, /*#__PURE__*/_react.default.createElement(_divider.default, {
+        layout: "vertical",
+        key: "divider-first"
+      }));
+      menuItems.splice(8, 0, /*#__PURE__*/_react.default.createElement(_divider.default, {
+        layout: "vertical",
+        key: "divider-second"
+      }));
+      return menuItems;
     };
     this.foundation = new _previewFooterFoundation.default(this.adapter);
   }
   render() {
     const {
-      min,
-      max,
-      step,
-      curPage,
-      totalNum,
-      zoom,
-      showTooltip,
       className,
       renderPreviewMenu
     } = this.props;
-    if (renderPreviewMenu) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: `${footerPrefixCls}-wrapper`
-      }, this.customRenderViewMenu());
-    }
+    const menuCls = (0, _classnames.default)(footerPrefixCls, `${footerPrefixCls}-wrapper`, className, {
+      [`${footerPrefixCls}-content`]: !Boolean(renderPreviewMenu)
+    });
     return /*#__PURE__*/_react.default.createElement("section", {
-      className: (0, _classnames.default)(footerPrefixCls, `${footerPrefixCls}-wrapper`, className)
-    }, this.getIconChevronLeft(), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${footerPrefixCls}-page`
-    }, /*#__PURE__*/_react.default.createElement("span", null, curPage), /*#__PURE__*/_react.default.createElement("span", null, "/"), /*#__PURE__*/_react.default.createElement("span", null, totalNum)), this.getIconChevronRight(), /*#__PURE__*/_react.default.createElement(_divider.default, {
-      layout: "vertical"
-    }), this.getIconMinus(), /*#__PURE__*/_react.default.createElement(_slider.default, {
-      value: zoom,
-      min: min,
-      max: max,
-      step: step,
-      tipFormatter: v => `${v}%`,
-      tooltipVisible: showTooltip ? undefined : false,
-      onChange: this.handleSlideChange
-    }), this.getIconPlus(), this.getIconRatio(), /*#__PURE__*/_react.default.createElement(_divider.default, {
-      layout: "vertical"
-    }), this.getIconRotate(), this.getIconDownload());
+      className: menuCls
+    }, renderPreviewMenu ? this.customRenderViewMenu() : this.getFooterMenu());
   }
 }
 exports.default = Footer;

package/lib/cjs/image/previewInner.js

@@ -131,6 +131,10 @@ class PreviewInner extends _baseComponent.default {
       },
       setMouseActiveTime: time => {
         mouseActiveTime = time;
+      },
+      getSetDownloadFunc: () => {
+        var _a, _b;
+        return (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.setDownloadName) !== null && _b !== void 0 ? _b : this.props.setDownloadName;
       }
     });
   }

package/lib/cjs/upload/index.js

@@ -88,10 +88,7 @@ class Upload extends _baseComponent.default {
      * manual upload by user
      */
     this.upload = () => {
-      const {
-        fileList
-      } = this.state;
-      this.foundation.startUpload(fileList);
+      this.foundation.manualUpload();
     };
     /**
      * ref method

package/lib/es/_portal/index.d.ts

@@ -27,12 +27,13 @@ declare class Portal extends PureComponent<PortalProps, PortalState> {
     };
     el: HTMLElement;
     context: ContextValue;
-    constructor(props: PortalProps);
+    constructor(props: PortalProps, context: ContextValue);
     componentDidMount(): void;
+    initContainer: (context: ContextValue, catchError?: boolean) => HTMLElement;
     componentDidUpdate(prevProps: PortalProps): void;
     componentWillUnmount(): void;
     addStyle: (style?: {}) => void;
-    addClass: (prefixCls: string, ...classNames: string[]) => void;
+    addClass: (prefixCls: string, context?: ContextValue, ...classNames: string[]) => void;
     render(): React.ReactPortal;
 }
 export default Portal;

package/lib/es/_portal/index.js

@@ -7,10 +7,35 @@ import ConfigContext from '../configProvider/context';
 import '@douyinfe/semi-foundation/lib/es/_portal/portal.css';
 const defaultGetContainer = () => document.body;
 class Portal extends PureComponent {
-  constructor(props) {
+  constructor(props, context) {
     var _this;
     super(props);
     _this = this;
+    this.initContainer = function (context) {
+      let catchError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var _a, _b;
+      let container = undefined;
+      if (!_this.el) {
+        _this.el = document.createElement('div');
+      }
+      if (!((_a = _this.state) === null || _a === void 0 ? void 0 : _a.container)) {
+        try {
+          _this.el = document.createElement('div');
+          const getContainer = _this.props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
+          const portalContainer = getContainer();
+          portalContainer.appendChild(_this.el);
+          _this.addStyle(_this.props.style);
+          _this.addClass(_this.props.prefixCls, context, _this.props.className);
+          container = portalContainer;
+          return container;
+        } catch (e) {
+          if (!catchError) {
+            throw e;
+          }
+        }
+      }
+      return (_b = _this.state) === null || _b === void 0 ? void 0 : _b.container;
+    };
     this.addStyle = function () {
       let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       if (_this.el) {
@@ -20,11 +45,12 @@ class Portal extends PureComponent {
       }
     };
     this.addClass = function (prefixCls) {
+      let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this.context;
       const {
         direction
-      } = _this.context;
-      for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        classNames[_key - 1] = arguments[_key];
+      } = context;
+      for (var _len = arguments.length, classNames = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        classNames[_key - 2] = arguments[_key];
       }
       const cls = classnames(prefixCls, ...classNames, {
         [`${prefixCls}-rtl`]: direction === 'rtl'
@@ -33,32 +59,13 @@ class Portal extends PureComponent {
         _this.el.className = cls;
       }
     };
-    try {
-      this.el = document.createElement('div');
-    } catch (e) {}
     this.state = {
-      container: undefined
+      container: this.initContainer(context, true)
     };
   }
   componentDidMount() {
-    if (!this.el) {
-      this.el = document.createElement('div');
-    }
-    const {
-      state,
-      props,
-      context
-    } = this;
-    const getContainer = props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
-    const container = getContainer();
-    if (container !== state.container) {
-      // const computedStyle = window.getComputedStyle(container);
-      // if (computedStyle.position !== 'relative') {
-      //    container.style.position = 'relative';
-      // }
-      container.appendChild(this.el);
-      this.addStyle(props.style);
-      this.addClass(props.prefixCls, props.className);
+    const container = this.initContainer(this.context);
+    if (container !== this.state.container) {
       this.setState({
         container
       });

package/lib/es/form/baseForm.js

@@ -53,11 +53,11 @@ class Form extends BaseComponent {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep,
-      notifySubmit: values => {
-        this.props.onSubmit(values);
+      notifySubmit: (values, e) => {
+        this.props.onSubmit(values, e);
       },
-      notifySubmitFail: (errors, values) => {
-        this.props.onSubmitFail(errors, values);
+      notifySubmitFail: (errors, values, e) => {
+        this.props.onSubmitFail(errors, values, e);
       },
       forceUpdate: callback => {
         this.forceUpdate(callback);
@@ -128,7 +128,7 @@ class Form extends BaseComponent {
   }
   submit(e) {
     e.preventDefault();
-    this.foundation.submit();
+    this.foundation.submit(e);
   }
   reset(e) {
     e.preventDefault();

package/lib/es/form/interface.d.ts

@@ -83,8 +83,8 @@ export interface FormFCChild<K extends Record<string, any> = any> {
 }
 export interface BaseFormProps<Values extends Record<string, any> = any> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange' | 'onSubmit' | 'onReset'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
-    onSubmit?: (values: Values) => void;
-    onSubmitFail?: (errors: Record<keyof Values, FieldError>, values: Partial<Values>) => void;
+    onSubmit?: (values: Values, e?: React.FormEvent<HTMLFormElement>) => void;
+    onSubmitFail?: (errors: Record<keyof Values, FieldError>, values: Partial<Values>, e?: React.FormEvent<HTMLFormElement>) => void;
     onReset?: () => void;
     onValueChange?: (values: Values, changedValue: Partial<Values>) => void;
     onChange?: (formState: FormState<Values>) => void;

package/lib/es/image/image.js

@@ -160,9 +160,10 @@ export default class Image extends BaseComponent {
         preview,
         fallback,
         placeholder,
-        imageID
+        imageID,
+        setDownloadName
       } = _b,
-      restProps = __rest(_b, ["src", "width", "height", "alt", "style", "className", "crossOrigin", "preview", "fallback", "placeholder", "imageID"]);
+      restProps = __rest(_b, ["src", "width", "height", "alt", "style", "className", "crossOrigin", "preview", "fallback", "placeholder", "imageID", "setDownloadName"]);
     const outerStyle = Object.assign({
       width,
       height
@@ -195,7 +196,8 @@ export default class Image extends BaseComponent {
       src: previewSrc,
       visible: previewVisible,
       onVisibleChange: this.handlePreviewVisibleChange,
-      crossOrigin: !_isUndefined(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin
+      crossOrigin: !_isUndefined(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin,
+      setDownloadName: setDownloadName
     })));
   }
 }

package/lib/es/image/interface.d.ts

@@ -21,6 +21,7 @@ export interface ImageProps extends BaseProps {
     crossOrigin?: "anonymous" | "use-credentials";
     children?: ReactNode;
     imageID?: number;
+    setDownloadName?: (src: string) => string;
 }
 export interface PreviewProps extends BaseProps {
     visible?: boolean;
@@ -65,6 +66,7 @@ export interface PreviewProps extends BaseProps {
     onRatioChange?: (type: RatioType) => void;
     onRotateLeft?: (angle: number) => void;
     onDownload?: (src: string, index: number) => void;
+    setDownloadName?: (src: string) => string;
 }
 export interface MenuProps {
     min?: number;