@douyinfe/semi-ui 2.19.2-alpha.0 → 2.20.0-beta.0

package/lib/cjs/toast/toast.d.ts

@@ -41,6 +41,7 @@ declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
     close(e: React.MouseEvent): void;
     clearCloseTimer: () => void;
     startCloseTimer: () => void;
+    restartCloseTimer: () => void;
     renderIcon(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
     render(): JSX.Element;
 }

package/lib/cjs/toast/toast.js

@@ -44,6 +44,10 @@ class Toast extends _baseComponent.default {
       this.foundation.startCloseTimer_();
     };
 
+    this.restartCloseTimer = () => {
+      this.foundation.restartCloseTimer();
+    };
+
     this.state = {};
     this.foundation = new _toastFoundation.default(this.adapter);
   }

package/lib/cjs/typography/base.d.ts

@@ -64,7 +64,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/cjs/typography/paragraph.d.ts

@@ -29,7 +29,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<boolean | object>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

package/lib/cjs/typography/text.d.ts

@@ -32,7 +32,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<boolean | object>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/typography/title.d.ts

@@ -36,8 +36,8 @@ export default class Title extends PureComponent<TitleProps> {
         link: PropTypes.Requireable<boolean | object>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -140,7 +140,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         style: PropTypes.Requireable<object>;
         timeout: PropTypes.Requireable<number>;
         transformFile: PropTypes.Requireable<(...args: any[]) => any>;
-        uploadTrigger: PropTypes.Requireable<"custom" | "auto">;
+        uploadTrigger: PropTypes.Requireable<"auto" | "custom">;
         validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         withCredentials: PropTypes.Requireable<boolean>;

package/lib/es/button/Button.d.ts

@@ -48,7 +48,7 @@ export default class Button extends PureComponent<ButtonProps> {
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
+        type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -23,7 +23,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
         size: import("prop-types").Requireable<"default" | "small" | "large">;
-        type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
+        type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/es/carousel/CarouselIndicator.d.ts

@@ -8,7 +8,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
         position: PropTypes.Requireable<"left" | "right" | "center">;
         size: PropTypes.Requireable<"small" | "medium">;
         style: PropTypes.Requireable<object>;
-        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
+        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
         total: PropTypes.Requireable<number>;
         onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<"line" | "dot" | "columnar">;

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

@@ -22,7 +22,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;
         indicatorSize: PropTypes.Requireable<"small" | "medium">;
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
-        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
+        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         arrowType: PropTypes.Requireable<"hover" | "always">;
         showArrow: PropTypes.Requireable<boolean>;

package/lib/es/datePicker/dateInput.d.ts

@@ -26,7 +26,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/es/datePicker/datePicker.d.ts

@@ -41,7 +41,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<string | number | object>;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -17,7 +17,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<string | number | object>;
         defaultPickerValue: PropTypes.Requireable<string | number | object>;
         multiple: PropTypes.Requireable<boolean>;

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

@@ -0,0 +1,48 @@
+import React from "react";
+import BaseComponent from "../_base/baseComponent";
+import { ImageProps, ImageStates } from "./interface";
+import PropTypes from "prop-types";
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
+import { PreviewContextProps } from "./previewContext";
+import ImageFoundation, { ImageAdapter } from '@douyinfe/semi-foundation/lib/es/image/imageFoundation';
+export default class Image extends BaseComponent<ImageProps, ImageStates> {
+    static isSemiImage: boolean;
+    static contextType: React.Context<PreviewContextProps>;
+    static propTypes: {
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        src: PropTypes.Requireable<string>;
+        width: PropTypes.Requireable<string | number>;
+        height: PropTypes.Requireable<string | number>;
+        alt: PropTypes.Requireable<string>;
+        placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        fallback: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        preview: PropTypes.Requireable<boolean | object>;
+        onLoad: PropTypes.Requireable<(...args: any[]) => any>;
+        onError: PropTypes.Requireable<(...args: any[]) => any>;
+        crossOrigin: PropTypes.Requireable<string>;
+        imageID: PropTypes.Requireable<number>;
+    };
+    static defaultProps: {
+        preview: boolean;
+    };
+    get adapter(): ImageAdapter<ImageProps, ImageStates>;
+    context: PreviewContextProps;
+    foundation: ImageFoundation;
+    constructor(props: ImageProps);
+    static getDerivedStateFromProps(props: ImageProps, state: ImageStates): Partial<ImageStates>;
+    isInGroup(): boolean;
+    isLazyLoad(): boolean;
+    handleClick: (e: any) => void;
+    handleLoaded: (e: any) => void;
+    handleError: (e: any) => void;
+    handlePreviewVisibleChange: (visible: boolean) => void;
+    renderDefaultLoading: () => JSX.Element;
+    renderDefaultError: () => JSX.Element;
+    renderLoad: () => JSX.Element;
+    renderError: () => JSX.Element;
+    renderExtra: () => JSX.Element;
+    getLocalTextByKey: (key: string) => JSX.Element;
+    renderMask: () => JSX.Element;
+    render(): JSX.Element;
+}

package/lib/es/image/image.js

@@ -0,0 +1,224 @@
+import _isObject from "lodash/isObject";
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+import React from "react";
+import BaseComponent from "../_base/baseComponent";
+import PropTypes from "prop-types";
+import { cssClasses } from '@douyinfe/semi-foundation/lib/es/image/constants';
+import cls from "classnames";
+import { IconUploadError, IconEyeOpened } from "@douyinfe/semi-icons";
+import PreviewInner from "./previewInner";
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
+import { PreviewContext } from "./previewContext";
+import ImageFoundation from '@douyinfe/semi-foundation/lib/es/image/imageFoundation';
+import LocaleConsumer from "../locale/localeConsumer";
+import Skeleton from "../skeleton";
+const prefixCls = cssClasses.PREFIX;
+export default class Image extends BaseComponent {
+  constructor(props) {
+    super(props);
+
+    this.handleClick = e => {
+      this.foundation.handleClick(e);
+    };
+
+    this.handleLoaded = e => {
+      this.foundation.handleLoaded(e);
+    };
+
+    this.handleError = e => {
+      this.foundation.handleError(e);
+    };
+
+    this.handlePreviewVisibleChange = visible => {
+      this.foundation.handlePreviewVisibleChange(visible);
+    };
+
+    this.renderDefaultLoading = () => {
+      const {
+        width,
+        height
+      } = this.props;
+      return /*#__PURE__*/React.createElement(Skeleton.Image, {
+        style: {
+          width,
+          height
+        }
+      });
+    };
+
+    this.renderDefaultError = () => {
+      const prefixClsName = "".concat(prefixCls, "-status");
+      return /*#__PURE__*/React.createElement("div", {
+        className: prefixClsName
+      }, /*#__PURE__*/React.createElement(IconUploadError, {
+        size: "extra-large"
+      }));
+    };
+
+    this.renderLoad = () => {
+      const prefixClsName = "".concat(prefixCls, "-status");
+      const {
+        placeholder
+      } = this.props;
+      return placeholder ? /*#__PURE__*/React.createElement("div", {
+        className: prefixClsName
+      }, placeholder) : this.renderDefaultLoading();
+    };
+
+    this.renderError = () => {
+      const {
+        fallback
+      } = this.props;
+      const prefixClsName = "".concat(prefixCls, "-status");
+      const fallbackNode = typeof fallback === "string" ? /*#__PURE__*/React.createElement("img", {
+        style: {
+          width: "100%",
+          height: "100%"
+        },
+        src: fallback,
+        alt: "fallback"
+      }) : fallback;
+      return fallback ? /*#__PURE__*/React.createElement("div", {
+        className: prefixClsName
+      }, fallbackNode) : this.renderDefaultError();
+    };
+
+    this.renderExtra = () => {
+      const {
+        loadStatus
+      } = this.state;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-overlay")
+      }, loadStatus === "error" && this.renderError(), loadStatus === "loading" && this.renderLoad());
+    };
+
+    this.getLocalTextByKey = key => /*#__PURE__*/React.createElement(LocaleConsumer, {
+      componentName: "Image"
+    }, locale => locale[key]);
+
+    this.renderMask = () => /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-mask")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-mask-info")
+    }, /*#__PURE__*/React.createElement(IconEyeOpened, {
+      size: "extra-large"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-mask-info-text")
+    }, this.getLocalTextByKey("preview"))));
+
+    this.state = {
+      src: "",
+      loadStatus: "loading",
+      previewVisible: false
+    };
+    this.foundation = new ImageFoundation(this.adapter);
+  }
+
+  get adapter() {
+    return Object.assign(Object.assign({}, super.adapter), {
+      getIsInGroup: () => this.isInGroup()
+    });
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    const willUpdateStates = {};
+
+    if (props.src !== state.src) {
+      willUpdateStates.src = props.src;
+      willUpdateStates.loadStatus = "loading";
+    }
+
+    return willUpdateStates;
+  }
+
+  isInGroup() {
+    return Boolean(this.context && this.context.isGroup);
+  }
+
+  isLazyLoad() {
+    if (this.context) {
+      return this.context.lazyLoad;
+    }
+
+    return false;
+  }
+
+  render() {
+    var _a;
+
+    const {
+      src,
+      loadStatus,
+      previewVisible
+    } = this.state;
+    const {
+      width,
+      height,
+      alt,
+      style,
+      className,
+      crossOrigin,
+      preview
+    } = this.props;
+    const outerStyle = Object.assign({
+      width,
+      height
+    }, style);
+    const outerCls = cls(prefixCls, className);
+    const canPreview = loadStatus === "success" && preview && !this.isInGroup();
+    const showPreviewCursor = preview && loadStatus === "success";
+    const previewSrc = _isObject(preview) ? (_a = preview.src) !== null && _a !== void 0 ? _a : src : src;
+    const previewProps = _isObject(preview) ? preview : {};
+    return (
+      /*#__PURE__*/
+      // eslint-disable jsx-a11y/no-static-element-interactions
+      // eslint-disable jsx-a11y/click-events-have-key-events
+      React.createElement("div", {
+        style: outerStyle,
+        className: outerCls,
+        onClick: this.handleClick
+      }, /*#__PURE__*/React.createElement("img", {
+        src: this.isInGroup() && this.isLazyLoad() ? undefined : src,
+        "data-src": src,
+        alt: alt,
+        className: cls("".concat(prefixCls, "-img"), {
+          ["".concat(prefixCls, "-img-preview")]: showPreviewCursor,
+          ["".concat(prefixCls, "-img-error")]: loadStatus === "error"
+        }),
+        width: width,
+        height: height,
+        crossOrigin: crossOrigin,
+        onError: this.handleError,
+        onLoad: this.handleLoaded
+      }), loadStatus !== "success" && this.renderExtra(), canPreview && /*#__PURE__*/React.createElement(PreviewInner, Object.assign({}, previewProps, {
+        src: previewSrc,
+        visible: previewVisible,
+        onVisibleChange: this.handlePreviewVisibleChange
+      })))
+    );
+  }
+
+}
+Image.isSemiImage = true;
+Image.contextType = PreviewContext;
+Image.propTypes = {
+  style: PropTypes.object,
+  className: PropTypes.string,
+  src: PropTypes.string,
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  alt: PropTypes.string,
+  placeholder: PropTypes.node,
+  fallback: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  preview: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+  onLoad: PropTypes.func,
+  onError: PropTypes.func,
+  crossOrigin: PropTypes.string,
+  imageID: PropTypes.number
+};
+Image.defaultProps = {
+  preview: true
+};

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

@@ -0,0 +1,6 @@
+import Image from "./image";
+import PreviewInner from "./previewInner";
+import Preview from "./preview";
+export default Image;
+export { PreviewInner, Preview, };
+export { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

package/lib/es/image/index.js

@@ -0,0 +1,5 @@
+import Image from "./image";
+import PreviewInner from "./previewInner";
+import Preview from "./preview";
+export default Image;
+export { PreviewInner, Preview };

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

@@ -0,0 +1,178 @@
+import { ReactNode } from "react";
+import { BaseProps } from "_base/baseComponent";
+import React from "react";
+export interface ImageStates {
+    src: string;
+    loadStatus: "loading" | "success" | "error";
+    previewVisible: boolean;
+}
+export interface ImageProps extends BaseProps {
+    src?: string;
+    width?: string | number;
+    height?: string | number;
+    alt?: string;
+    placeholder?: ReactNode;
+    fallback?: string | ReactNode;
+    preview?: boolean | PreviewProps;
+    onError?: (event: Event) => void;
+    onLoad?: (event: Event) => void;
+    crossOrigin?: "anonymous" | "use-credentials";
+    children?: ReactNode;
+    imageID?: number;
+}
+export interface PreviewProps extends BaseProps {
+    visible?: boolean;
+    src?: string | string[];
+    previewTitle?: ReactNode;
+    currentIndex?: number;
+    defaultIndex?: number;
+    defaultVisible?: boolean;
+    maskClosable?: boolean;
+    closable?: boolean;
+    zoomStep?: number;
+    infinite?: boolean;
+    showTooltip?: boolean;
+    closeOnEsc?: boolean;
+    prevTip?: string;
+    nextTip?: string;
+    zoomInTip?: string;
+    zoomOutTip?: string;
+    rotateTip?: string;
+    downloadTip?: string;
+    adaptiveTip?: string;
+    originTip?: string;
+    lazyLoad?: boolean;
+    lazyLoadMargin?: string;
+    preLoad?: boolean;
+    preLoadGap?: number;
+    viewerVisibleDelay?: number;
+    disableDownload?: boolean;
+    zIndex?: number;
+    children?: ReactNode;
+    renderHeader?: (info: any) => ReactNode;
+    renderPreviewMenu?: (props: MenuProps) => ReactNode;
+    getPopupContainer?: () => HTMLElement;
+    onVisibleChange?: (visible: boolean) => void;
+    onChange?: (index: number) => void;
+    onClose?: () => void;
+    onZoomIn?: (zoom: number) => void;
+    onZoomOut?: (zoom: number) => void;
+    onPrev?: (index: number) => void;
+    onNext?: (index: number) => void;
+    onRatioChange?: (type: RatioType) => void;
+    onRotateChange?: (angle: number) => void;
+    onDownload?: (src: string, index: number) => void;
+}
+export interface MenuProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    curPage?: number;
+    totalNum?: number;
+    zoom?: number;
+    ratio?: RatioType;
+    disabledPrev?: boolean;
+    disabledNext?: boolean;
+    disableDownload?: boolean;
+    onDownload?: () => void;
+    onNext?: () => void;
+    onPrev?: () => void;
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    onRatioClick?: () => void;
+    onRotateLeft?: () => void;
+    onRotateRight?: () => void;
+}
+export declare type RatioType = "adaptation" | "realSize";
+export interface PreviewInnerStates {
+    imgSrc?: string[];
+    imgLoadStatus?: Map<string, boolean>;
+    zoom?: number;
+    rotation?: number;
+    ratio?: RatioType;
+    currentIndex?: number;
+    viewerVisible?: boolean;
+    visible?: boolean;
+    preloadAfterVisibleChange?: boolean;
+    direction?: string;
+}
+export interface SliderProps {
+    max?: number;
+    min?: number;
+    step?: number;
+}
+export interface HeaderProps {
+    renderHeader?: (info: any) => ReactNode;
+    title?: string;
+    titleStyle?: React.CSSProperties;
+    className?: string;
+    onClose?: () => void;
+}
+export interface FooterProps extends SliderProps {
+    curPage?: number;
+    totalNum?: number;
+    disabledPrev?: boolean;
+    disabledNext?: boolean;
+    disableDownload?: boolean;
+    className?: string;
+    zoom?: number;
+    ratio?: RatioType;
+    prevTip?: string;
+    nextTip?: string;
+    zoomInTip?: string;
+    zoomOutTip?: string;
+    rotateTip?: string;
+    downloadTip?: string;
+    adaptiveTip?: string;
+    originTip?: string;
+    showTooltip?: boolean;
+    onZoomIn?: (zoom: number) => void;
+    onZoomOut?: (zoom: number) => void;
+    onPrev?: () => void;
+    onNext?: () => void;
+    onAdjustRatio?: (type: RatioType) => void;
+    onRotate?: (direction: string) => void;
+    onDownload?: () => void;
+    renderPreviewMenu?: (props: MenuProps) => ReactNode;
+}
+export interface PreviewImageProps {
+    src?: string;
+    rotation?: number;
+    style?: React.CSSProperties;
+    maxZoom?: number;
+    minZoom?: number;
+    zoomStep?: number;
+    zoom?: number;
+    ratio?: RatioType;
+    disableDownload?: boolean;
+    clickZoom?: number;
+    setRatio?: (type: RatioType) => void;
+    onZoom?: (zoom: number) => void;
+    onLoad?: (src: string) => void;
+    onError?: (src: string) => void;
+}
+export interface ImageOffset {
+    x: number;
+    y: number;
+}
+export interface PreviewImageStates {
+    loading: boolean;
+    width: number;
+    height: number;
+    offset: ImageOffset;
+    currZoom: number;
+    top: number;
+    left: number;
+}
+export interface DragDirection {
+    canDragVertical: boolean;
+    canDragHorizontal: boolean;
+}
+export interface ExtremeBounds {
+    left: number;
+    top: number;
+}
+export interface PreviewState {
+    currentIndex: number;
+    visible: boolean;
+}

package/lib/es/image/interface.js

@@ -0,0 +1 @@
+export {};