@douyinfe/semi-ui 2.40.0-alpha.0 → 2.40.0

package/lib/cjs/form/hoc/withField.js

@@ -19,7 +19,7 @@ var _grid = require("../../grid");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/* eslint-disable max-lines-per-function, react-hooks/rules-of-hooks, prefer-const, max-len */
+/* eslint-disable react-hooks/rules-of-hooks */
 
 const prefix = _constants.cssClasses.PREFIX;
 // To avoid useLayoutEffect warning when ssr, refer: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
@@ -161,9 +161,7 @@ function withField(Component, opts) {
       const rootPromise = new Promise((resolve, reject) => {
         validator.validate(model, {
           first: stopValidateWithError
-        },
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        (errors, fields) => {}).then(res => {
+        }, (errors, fields) => {}).then(res => {
           if (validatePromise.current !== rootPromise) {
             return;
           }
@@ -182,7 +180,6 @@ function withField(Component, opts) {
           if (errors && fields) {
             let messages = errors.map(e => e.message);
             if (messages.length === 1) {
-              // eslint-disable-next-line prefer-destructuring
               messages = messages[0];
             }
             updateError(messages, callOpts);
@@ -359,7 +356,6 @@ function withField(Component, opts) {
     useIsomorphicEffect(() => {
       // register
       if (typeof field === 'undefined') {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         return () => {};
       }
       // log('register: ' + field);

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Subtract } from 'utility-types';
 import type { RuleItem } from 'async-validator';
-import type { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
+import type { Options as ScrollIntoViewOptions } from 'scroll-into-view-if-needed';
 import type { BaseFormApi as FormApi, FormState, WithFieldOption, AllErrors } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
 import type { SelectProps } from '../select/index';
 import Option from '../select/option';
@@ -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;
@@ -106,7 +106,7 @@ export interface BaseFormProps<Values extends Record<string, any> = any> extends
     render?: (internalProps: FormFCChild) => React.ReactNode;
     component?: React.FC<any> | React.ComponentClass<any>;
     children?: React.ReactNode | ((internalProps: FormFCChild) => React.ReactNode);
-    autoScrollToError?: boolean | scrollIntoViewOptions;
+    autoScrollToError?: boolean | ScrollIntoViewOptions;
     disabled?: boolean;
     showValidateIcon?: boolean;
     extraTextPosition?: 'middle' | 'bottom';

package/lib/cjs/form/interface.js

@@ -7,9 +7,6 @@ exports.FormSelectType = exports.FormSelect = exports.FormRadioType = exports.Fo
 var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/* eslint-disable one-var */
-/* eslint-disable react/prefer-stateless-function, max-len */
-
 class FormSelect extends React.Component {}
 exports.FormSelect = FormSelect;
 class Field extends React.Component {}

package/lib/cjs/form/section.js

@@ -11,8 +11,6 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/* eslint-disable prefer-template */
-
 const prefix = _constants.cssClasses.PREFIX;
 class Section extends _react.PureComponent {
   render() {

package/lib/cjs/form/slot.js

@@ -25,8 +25,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-lines-per-function, prefer-destructuring, prefer-const, @typescript-eslint/no-unused-vars */
-
 const prefix = _constants.cssClasses.PREFIX;
 const FormSlot = props => {
   let labelCol, wrapperCol, labelWidth, labelAlign, content;
@@ -40,7 +38,6 @@ const FormSlot = props => {
     labelAlign = formProps.labelAlign;
     labelPosition = formProps.labelPosition ? formProps.labelPosition : labelPosition;
   } catch (error) {}
-  // eslint-disable-next-line react/destructuring-assignment
   props.labelPosition ? labelPosition = props.labelPosition : null;
   let {
       children,

package/lib/cjs/iconButton/index.js

@@ -24,8 +24,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable eqeqeq */
-
 const iconSizes = _constants2.strings.SIZE;
 // TODO: add a buttonGroup component
 // TODO: icon configuration

package/lib/cjs/image/image.js

@@ -28,8 +28,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
 const prefixCls = _constants.cssClasses.PREFIX;
 class Image extends _baseComponent.default {
   get adapter() {
@@ -169,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
@@ -181,36 +180,32 @@ class Image extends _baseComponent.default {
     const showPreviewCursor = preview && loadStatus === "success";
     const previewSrc = (0, _isObject2.default)(preview) ? (_a = preview.src) !== null && _a !== void 0 ? _a : src : src;
     const previewProps = (0, _isObject2.default)(preview) ? preview : {};
-    return (
-      /*#__PURE__*/
-      // eslint-disable jsx-a11y/no-static-element-interactions
-      // eslint-disable jsx-a11y/click-events-have-key-events
-      _react.default.createElement("div", {
-        style: outerStyle,
-        className: outerCls,
-        onClick: this.handleClick
-      }, /*#__PURE__*/_react.default.createElement("img", Object.assign({
-        ref: this.imgRef
-      }, restProps, {
-        src: this.isInGroup() && this.isLazyLoad() ? undefined : src,
-        "data-src": src,
-        alt: alt,
-        className: (0, _classnames.default)(`${prefixCls}-img`, {
-          [`${prefixCls}-img-preview`]: showPreviewCursor,
-          [`${prefixCls}-img-error`]: loadStatus === "error"
-        }),
-        width: width,
-        height: height,
-        crossOrigin: crossOrigin,
-        onError: this.handleError,
-        onLoad: this.handleLoaded
-      })), loadStatus !== "success" && this.renderExtra(), canPreview && /*#__PURE__*/_react.default.createElement(_previewInner.default, Object.assign({}, previewProps, {
-        src: previewSrc,
-        visible: previewVisible,
-        onVisibleChange: this.handlePreviewVisibleChange,
-        crossOrigin: !(0, _isUndefined2.default)(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin
-      })))
-    );
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: outerStyle,
+      className: outerCls,
+      onClick: this.handleClick
+    }, /*#__PURE__*/_react.default.createElement("img", Object.assign({
+      ref: this.imgRef
+    }, restProps, {
+      src: this.isInGroup() && this.isLazyLoad() ? undefined : src,
+      "data-src": src,
+      alt: alt,
+      className: (0, _classnames.default)(`${prefixCls}-img`, {
+        [`${prefixCls}-img-preview`]: showPreviewCursor,
+        [`${prefixCls}-img-error`]: loadStatus === "error"
+      }),
+      width: width,
+      height: height,
+      crossOrigin: crossOrigin,
+      onError: this.handleError,
+      onLoad: this.handleLoaded
+    })), loadStatus !== "success" && this.renderExtra(), canPreview && /*#__PURE__*/_react.default.createElement(_previewInner.default, Object.assign({}, previewProps, {
+      src: previewSrc,
+      visible: previewVisible,
+      onVisibleChange: this.handlePreviewVisibleChange,
+      crossOrigin: !(0, _isUndefined2.default)(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin,
+      setDownloadName: setDownloadName
+    })));
   }
 }
 exports.default = Image;

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

@@ -1,6 +1,8 @@
 import { ReactNode } from "react";
 import { BaseProps } from "_base/baseComponent";
+import { RatioType } from '@douyinfe/semi-foundation/lib/cjs/image/previewInnerFoundation';
 import React from "react";
+export type { RatioType };
 export interface ImageStates {
     src: string;
     loadStatus: "loading" | "success" | "error";
@@ -19,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;
@@ -63,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;
@@ -84,7 +88,6 @@ export interface MenuProps {
     onRotateLeft?: () => void;
     onRotateRight?: () => void;
 }
-export type RatioType = "adaptation" | "realSize";
 export interface PreviewInnerStates {
     imgSrc?: string[];
     imgLoadStatus?: Map<string, boolean>;

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.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import { PreviewProps as PreviewInnerProps, PreviewInnerStates } from "./interface";
 import PropTypes from "prop-types";
-import PreviewInnerFoundation, { PreviewInnerAdapter } from '@douyinfe/semi-foundation/lib/cjs/image/previewInnerFoundation';
+import PreviewInnerFoundation, { PreviewInnerAdapter, RatioType } from '@douyinfe/semi-foundation/lib/cjs/image/previewInnerFoundation';
 import { PreviewContextProps } from "./previewContext";
 export default class PreviewInner extends BaseComponent<PreviewInnerProps, PreviewInnerStates> {
     static contextType: React.Context<PreviewContextProps>;
@@ -77,7 +77,7 @@ export default class PreviewInner extends BaseComponent<PreviewInnerProps, Previ
     handleSwitchImage: (direction: string) => void;
     handleDownload: () => void;
     handlePreviewClose: () => void;
-    handleAdjustRatio: (type: string) => void;
+    handleAdjustRatio: (type: RatioType) => void;
     handleRotateImage: (direction: any) => void;
     handleZoomImage: (newZoom: number) => void;
     handleMouseUp: (e: any) => void;

package/lib/cjs/image/previewInner.js

@@ -19,8 +19,6 @@ var _previewImage = _interopRequireDefault(require("./previewImage"));
 var _previewInnerFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/image/previewInnerFoundation"));
 var _previewContext = require("./previewContext");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-
 const prefixCls = _constants.cssClasses.PREFIX;
 let startMouseDown = {
   x: 0,
@@ -133,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/input/index.js

@@ -26,8 +26,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable no-unused-vars, max-len, @typescript-eslint/no-unused-vars */
-
 const prefixCls = _constants.cssClasses.PREFIX;
 const sizeSet = _constants.strings.SIZE;
 const statusSet = _constants.strings.STATUS;

package/lib/cjs/input/inputGroup.js

@@ -22,13 +22,10 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable max-len */
-
 const prefixCls = _constants.cssClasses.PREFIX;
 const sizeSet = _constants.strings.SIZE;
 class inputGroup extends _baseComponent.default {
   renderGroupWithLabel(inner) {
-    // eslint-disable-next-line no-unused-vars
     const _a = this.props,
       {
         size,

package/lib/cjs/input/textarea.js

@@ -24,8 +24,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable no-unused-vars */
-
 const prefixCls = _constants.cssClasses.PREFIX;
 class TextArea extends _baseComponent.default {
   constructor(props) {

package/lib/cjs/inputNumber/index.js

@@ -29,11 +29,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable no-unused-vars */
-/* eslint-disable max-depth */
-/* eslint-disable react/no-did-update-set-state */
-/* eslint-disable max-len */
+
 class InputNumber extends _baseComponent.default {
   get adapter() {
     var _this = this;

package/lib/cjs/modal/ConfirmModal.js

@@ -21,8 +21,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable react/destructuring-assignment */
-/* eslint-disable eqeqeq */
 const ConfirmModal = props => {
   const [visible, setVisible] = (0, _react.useState)(true);
   const [confirmLoading, setConfirmLoading] = (0, _react.useState)();

package/lib/cjs/modal/Modal.js

@@ -30,8 +30,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable react/destructuring-assignment, prefer-const, @typescript-eslint/no-unused-vars */
-
 const destroyFns = [];
 exports.destroyFns = destroyFns;
 class Modal extends _baseComponent.default {

package/lib/cjs/modal/ModalContent.js

@@ -27,10 +27,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable eqeqeq */
-
-// eslint-disable-next-line max-len
-
 let uuid = 0;
 class ModalContent extends _baseComponent.default {
   constructor(props) {
@@ -317,7 +313,6 @@ class ModalContent extends _baseComponent.default {
       onClick: maskClosable ? this.onMaskClick : null,
       onMouseUp: maskClosable ? this.onMaskMouseUp : null
     }, this.props.contentExtraProps), this.getDialogElement()));
-    // eslint-disable-next-line max-len
     return containerContext && containerContext.Provider ? /*#__PURE__*/_react.default.createElement(containerContext.Provider, {
       value: containerContext.value
     }, elem) : elem;