amis-ui 2.0.2 → 2.2.0

package/esm/components/ImageGallery.d.ts

@@ -1,10 +1,32 @@
+/// <reference types="lodash" />
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { ThemeProps } from 'amis-core';
 import { LocaleProps } from 'amis-core';
+export declare enum ImageActionKey {
+    /** 右旋转 */
+    ROTATE_RIGHT = "rotateRight",
+    /** 左旋转 */
+    ROTATE_LEFT = "rotateLeft",
+    /** 等比例放大 */
+    ZOOM_IN = "zoomIn",
+    /** 等比例缩小 */
+    ZOOM_OUT = "zoomOut",
+    /** 恢复原图缩放比例尺 */
+    SCALE_ORIGIN = "scaleOrigin"
+}
+export interface ImageAction {
+    key: ImageActionKey;
+    label?: string;
+    icon?: string | React.ReactNode;
+    iconClassName?: string;
+    disabled?: boolean;
+    onClick?: (context: ImageGallery) => void;
+}
 export interface ImageGalleryProps extends ThemeProps, LocaleProps {
     children: React.ReactNode;
     modalContainer?: () => HTMLElement;
+    actions?: ImageAction[];
 }
 export interface ImageGalleryState {
     isOpened: boolean;
@@ -15,8 +37,13 @@ export interface ImageGalleryState {
         title?: string;
         caption?: string;
     }>;
+    /** 图片缩放比例尺 */
+    scale: number;
+    /** 图片旋转角度 */
+    rotate: number;
 }
 export declare class ImageGallery extends React.Component<ImageGalleryProps, ImageGalleryState> {
+    static defaultProps: Pick<ImageGalleryProps, 'actions'>;
     state: ImageGalleryState;
     handleImageEnlarge(info: {
         src: string;
@@ -31,14 +58,17 @@ export declare class ImageGallery extends React.Component<ImageGalleryProps, Ima
         caption?: string;
         index?: number;
     }): void;
+    resetImageAction(): void;
     close(): void;
     prev(): void;
     next(): void;
     handleItemClick(e: React.MouseEvent<HTMLDivElement>): void;
+    handleToolbarAction: import("lodash").DebouncedFuncLeading<(action: ImageAction) => void>;
+    renderToolbar(actions: ImageAction[]): JSX.Element;
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+    new (props: Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
@@ -47,12 +77,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        readonly props: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
@@ -63,35 +93,35 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
@@ -99,7 +129,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Omit<ImageGalleryProps, keyof LocaleProps> & {
+        new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
@@ -108,12 +138,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): JSX.Element;
             context: any;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            readonly props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }> & Readonly<{
@@ -124,35 +154,35 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
@@ -164,7 +194,7 @@ declare const _default: {
         ComposedComponent: typeof ImageGallery;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Omit<ImageGalleryProps, keyof LocaleProps> & {
+    new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }): {
@@ -173,12 +203,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): JSX.Element;
         context: any;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        readonly props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }> & Readonly<{
@@ -189,35 +219,35 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
@@ -229,7 +259,7 @@ declare const _default: {
     ComposedComponent: typeof ImageGallery;
 }, {}> & {
     ComposedComponent: {
-        new (props: Omit<ImageGalleryProps, keyof LocaleProps> & {
+        new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
@@ -238,12 +268,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): JSX.Element;
             context: any;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            readonly props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }> & Readonly<{
@@ -254,35 +284,35 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<ImageGalleryProps, keyof LocaleProps> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "modalContainer"> & Partial<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "actions">> & Partial<Pick<Pick<ImageGalleryProps, "actions">, never>> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;

package/esm/components/ImageGallery.js

@@ -1,14 +1,28 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
+import debounce from 'lodash/debounce';
 import { autobind, themeable, localeable } from 'amis-core';
 import FinalModal from './Modal.js';
 import { Icon } from './icons.js';
 
+var ImageActionKey;
+(function (ImageActionKey) {
+    /** 右旋转 */
+    ImageActionKey["ROTATE_RIGHT"] = "rotateRight";
+    /** 左旋转 */
+    ImageActionKey["ROTATE_LEFT"] = "rotateLeft";
+    /** 等比例放大 */
+    ImageActionKey["ZOOM_IN"] = "zoomIn";
+    /** 等比例缩小 */
+    ImageActionKey["ZOOM_OUT"] = "zoomOut";
+    /** 恢复原图缩放比例尺 */
+    ImageActionKey["SCALE_ORIGIN"] = "scaleOrigin";
+})(ImageActionKey || (ImageActionKey = {}));
 var ImageGallery = /** @class */ (function (_super) {
     __extends(ImageGallery, _super);
     function ImageGallery() {
@@ -16,8 +30,39 @@ var ImageGallery = /** @class */ (function (_super) {
         _this.state = {
             isOpened: false,
             index: -1,
-            items: []
+            items: [],
+            scale: 1,
+            rotate: 0
         };
+        _this.handleToolbarAction = debounce(function (action) {
+            if (action.disabled) {
+                return;
+            }
+            switch (action.key) {
+                case ImageActionKey.ROTATE_LEFT:
+                    _this.setState(function (prevState) { return ({ rotate: prevState.rotate - 90 }); });
+                    break;
+                case ImageActionKey.ROTATE_RIGHT:
+                    _this.setState(function (prevState) { return ({ rotate: prevState.rotate + 90 }); });
+                    break;
+                case ImageActionKey.ZOOM_IN:
+                    _this.setState(function (prevState) { return ({ scale: prevState.scale + 0.5 }); });
+                    break;
+                case ImageActionKey.ZOOM_OUT:
+                    _this.setState(function (prevState) {
+                        return prevState.scale - 0.5 > 0
+                            ? { scale: prevState.scale - 0.5 }
+                            : null;
+                    });
+                    break;
+                case ImageActionKey.SCALE_ORIGIN:
+                    _this.setState(function () { return ({ scale: 1 }); });
+                    break;
+            }
+            if (action.onClick && typeof action.onClick === 'function') {
+                action.onClick(_this);
+            }
+        }, 250, { leading: true, trailing: false });
         return _this;
     }
     ImageGallery.prototype.handleImageEnlarge = function (info) {
@@ -27,33 +72,46 @@ var ImageGallery = /** @class */ (function (_super) {
             index: info.index || 0
         });
     };
+    ImageGallery.prototype.resetImageAction = function () {
+        this.setState({ scale: 1, rotate: 0 });
+    };
     ImageGallery.prototype.close = function () {
         this.setState({
             isOpened: false
         });
+        this.resetImageAction();
     };
     ImageGallery.prototype.prev = function () {
         var index = this.state.index;
-        this.setState({
-            index: index - 1
-        });
+        this.setState({ index: index - 1 });
+        this.resetImageAction();
     };
     ImageGallery.prototype.next = function () {
         var index = this.state.index;
-        this.setState({
-            index: index + 1
-        });
+        this.setState({ index: index + 1 });
+        this.resetImageAction();
     };
     ImageGallery.prototype.handleItemClick = function (e) {
         var index = parseInt(e.currentTarget.getAttribute('data-index'), 10);
-        this.setState({
-            index: index
-        });
+        this.setState({ index: index });
+        this.resetImageAction();
+    };
+    ImageGallery.prototype.renderToolbar = function (actions) {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, __ = _a.translate, className = _a.className;
+        var scale = this.state.scale;
+        return (React__default.createElement("div", { className: cx('ImageGallery-toolbar', className) }, actions.map(function (action) { return (React__default.createElement("div", { className: cx('ImageGallery-toolbar-action', {
+                'is-disabled': action.disabled ||
+                    (action.key === ImageActionKey.ZOOM_OUT && scale - 0.5 <= 0)
+            }), key: action.key, onClick: function () { return _this.handleToolbarAction(action); } },
+            React__default.createElement("a", { className: cx('ImageGallery-toolbar-action-icon'), "data-tooltip": __(action.label), "data-position": "top" }, React__default.isValidElement(action.icon) ? (React__default.cloneElement(action.icon, {
+                className: cx('icon', action.iconClassName)
+            })) : (React__default.createElement(Icon, { icon: action.icon, className: cx('icon', action.iconClassName) }))))); })));
     };
     ImageGallery.prototype.render = function () {
         var _this = this;
-        var _a = this.props, children = _a.children, cx = _a.classnames, modalContainer = _a.modalContainer;
-        var _b = this.state, index = _b.index, items = _b.items;
+        var _a = this.props, children = _a.children, cx = _a.classnames, modalContainer = _a.modalContainer, actions = _a.actions;
+        var _b = this.state, index = _b.index, items = _b.items, rotate = _b.rotate, scale = _b.scale;
         var __ = this.props.translate;
         return (React__default.createElement(React__default.Fragment, null,
             React__default.cloneElement(children, {
@@ -65,7 +123,10 @@ var ImageGallery = /** @class */ (function (_super) {
                 ~index && items[index] ? (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement("div", { className: cx('ImageGallery-title') }, items[index].title),
                     React__default.createElement("div", { className: cx('ImageGallery-main') },
-                        React__default.createElement("img", { src: items[index].originalSrc }),
+                        React__default.createElement("img", { src: items[index].originalSrc, style: { transform: "scale(".concat(scale, ") rotate(").concat(rotate, "deg)") } }),
+                        Array.isArray(actions) && actions.length > 0
+                            ? this.renderToolbar(actions)
+                            : null,
                         items.length > 1 ? (React__default.createElement(React__default.Fragment, null,
                             React__default.createElement("a", { className: cx('ImageGallery-prevBtn', index <= 0 ? 'is-disabled' : ''), onClick: this.prev },
                                 React__default.createElement(Icon, { icon: "prev", className: "icon" })),
@@ -80,6 +141,27 @@ var ImageGallery = /** @class */ (function (_super) {
                     React__default.createElement("a", { className: cx('ImageGallery-nextList is-disabled') },
                         React__default.createElement(Icon, { icon: "next", className: "icon" })))) : null)));
     };
+    ImageGallery.defaultProps = {
+        actions: [
+            {
+                key: ImageActionKey.ROTATE_LEFT,
+                icon: 'rotate-left',
+                label: 'rotate.left'
+            },
+            {
+                key: ImageActionKey.ROTATE_RIGHT,
+                icon: 'rotate-right',
+                label: 'rotate.right'
+            },
+            { key: ImageActionKey.ZOOM_IN, icon: 'zoom-in', label: 'zoomIn' },
+            { key: ImageActionKey.ZOOM_OUT, icon: 'zoom-out', label: 'zoomOut' },
+            {
+                key: ImageActionKey.SCALE_ORIGIN,
+                icon: 'scale-origin',
+                label: 'scale.origin'
+            }
+        ]
+    };
     __decorate([
         autobind,
         __metadata("design:type", Function),
@@ -114,4 +196,4 @@ var ImageGallery = /** @class */ (function (_super) {
 }(React__default.Component));
 var ImageGallery$1 = themeable(localeable(ImageGallery));
 
-export { ImageGallery, ImageGallery$1 as default };
+export { ImageActionKey, ImageGallery, ImageGallery$1 as default };

package/esm/components/Input.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/InputBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/InputBoxWithSuggestion.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/Layout.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/Link.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */