amis-ui 3.2.0 → 3.3.0

package/lib/components/GroupedSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,6 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var GroupedSelection = /** @class */ (function (_super) {
     tslib.__extends(GroupedSelection, _super);
     function GroupedSelection() {
@@ -31,12 +34,12 @@ var GroupedSelection = /** @class */ (function (_super) {
         var _a = this.props, disabled = _a.disabled, cx = _a.classnames, itemRender = _a.itemRender, multiple = _a.multiple, _b = _a.labelField, labelField = _b === void 0 ? 'label' : _b;
         if (Array.isArray(option.children)) {
             if (!option[labelField]) {
-                return (React__default["default"].createElement(React__default["default"].Fragment, null, option.children.map(function (child, index) {
+                return (_J$X_(React__default["default"].Fragment, null, option.children.map(function (child, index) {
                     return _this.renderOption(child, index);
                 })));
             }
-            return (React__default["default"].createElement("div", { key: index, className: cx('GroupedSelection-group', option.className) },
-                React__default["default"].createElement("div", { className: cx('GroupedSelection-itemLabel') }, itemRender(option, {
+            return (_J$X_("div", { key: index, className: cx('GroupedSelection-group', option.className) },
+                _J$X_("div", { className: cx('GroupedSelection-itemLabel') }, itemRender(option, {
                     index: index,
                     multiple: multiple,
                     checked: false,
@@ -44,7 +47,7 @@ var GroupedSelection = /** @class */ (function (_super) {
                     disabled: disabled || option.disabled,
                     labelField: labelField
                 })),
-                React__default["default"].createElement("div", { className: cx('GroupedSelection-items', option.className) }, option.children.map(function (child, index) {
+                _J$X_("div", { className: cx('GroupedSelection-items', option.className) }, option.children.map(function (child, index) {
                     return _this.renderOption(child, index);
                 }))));
         }
@@ -55,8 +58,8 @@ var GroupedSelection = /** @class */ (function (_super) {
         if (styles === void 0) { styles = {}; }
         var _a = this.props, disabled = _a.disabled, cx = _a.classnames, itemRender = _a.itemRender, multiple = _a.multiple, labelField = _a.labelField;
         if (option.children) {
-            return (React__default["default"].createElement("div", { key: index, style: styles, className: cx('GroupedSelection-group', option.className) },
-                React__default["default"].createElement("div", { className: cx('GroupedSelection-itemLabel') }, itemRender(option, {
+            return (_J$X_("div", { key: index, style: styles, className: cx('GroupedSelection-group', option.className) },
+                _J$X_("div", { className: cx('GroupedSelection-itemLabel') }, itemRender(option, {
                     index: index,
                     multiple: multiple,
                     checked: false,
@@ -65,17 +68,17 @@ var GroupedSelection = /** @class */ (function (_super) {
                     labelField: labelField
                 }))));
         }
-        return hasParent ? (React__default["default"].createElement("div", { key: 'group' + index, style: styles, className: cx('GroupedSelection-group', option.className) },
-            React__default["default"].createElement("div", { className: cx('GroupedSelection-items', option.className) }, this.renderPureOption(option, index)))) : (this.renderPureOption(option, index, undefined, styles));
+        return hasParent ? (_J$X_("div", { key: 'group' + index, style: styles, className: cx('GroupedSelection-group', option.className) },
+            _J$X_("div", { className: cx('GroupedSelection-items', option.className) }, this.renderPureOption(option, index)))) : (this.renderPureOption(option, index, undefined, styles));
     };
     GroupedSelection.prototype.renderPureOption = function (option, index, key, styles) {
         var _this = this;
         if (styles === void 0) { styles = {}; }
         var _a = this.props, labelClassName = _a.labelClassName, disabled = _a.disabled, cx = _a.classnames, itemClassName = _a.itemClassName, itemRender = _a.itemRender, multiple = _a.multiple, labelField = _a.labelField;
         var valueArray = this.valueArray;
-        return (React__default["default"].createElement("div", { key: index, style: styles, className: cx('GroupedSelection-item', itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : '', !!~valueArray.indexOf(option) ? 'is-active' : ''), onClick: function () { return _this.toggleOption(option); } },
-            multiple ? (React__default["default"].createElement(Checkbox["default"], { size: "sm", checked: !!~valueArray.indexOf(option), disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description })) : null,
-            React__default["default"].createElement("div", { className: cx('GroupedSelection-itemLabel') }, itemRender(option, {
+        return (_J$X_("div", { key: index, style: styles, className: cx('GroupedSelection-item', itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : '', !!~valueArray.indexOf(option) ? 'is-active' : ''), onClick: function () { return _this.toggleOption(option); } },
+            multiple ? (_J$X_(Checkbox["default"], { size: "sm", checked: !!~valueArray.indexOf(option), disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description })) : null,
+            _J$X_("div", { className: cx('GroupedSelection-itemLabel') }, itemRender(option, {
                 index: index,
                 multiple: multiple,
                 checked: !!~valueArray.indexOf(option),
@@ -93,9 +96,9 @@ var GroupedSelection = /** @class */ (function (_super) {
         var valueArray = this.valueArray;
         var checkedAll = availableOptions.every(function (option) { return valueArray.indexOf(option) > -1; });
         var checkedPartial = availableOptions.some(function (option) { return valueArray.indexOf(option) > -1; });
-        return (React__default["default"].createElement("div", { className: cx('GroupedSelection-item', itemClassName), onClick: this.toggleAll },
-            React__default["default"].createElement(Checkbox["default"], { checked: checkedPartial, partial: checkedPartial && !checkedAll, size: "sm", labelClassName: labelClassName }),
-            React__default["default"].createElement("div", { className: cx('GroupedSelection-itemLabel') }, __(checkAllLabel))));
+        return (_J$X_("div", { className: cx('GroupedSelection-item', itemClassName), onClick: this.toggleAll },
+            _J$X_(Checkbox["default"], { checked: checkedPartial, partial: checkedPartial && !checkedAll, size: "sm", labelClassName: labelClassName }),
+            _J$X_("div", { className: cx('GroupedSelection-itemLabel') }, __(checkAllLabel))));
     };
     GroupedSelection.prototype.render = function () {
         var _this = this;
@@ -112,9 +115,9 @@ var GroupedSelection = /** @class */ (function (_super) {
                 };
             });
             body =
-                flattendOptions_1.length > virtualThreshold ? (React__default["default"].createElement(AutoSizer["default"], { minHeight: virtualListHeight }, function (_a) {
+                flattendOptions_1.length > virtualThreshold ? (_J$X_(AutoSizer["default"], { minHeight: virtualListHeight }, function (_a) {
                     var height = _a.height;
-                    return (React__default["default"].createElement(index["default"], { height: height, itemCount: flattendOptions_1.length, itemSize: itemHeight, prefix: _this.renderCheckAll(), renderItem: function (_a) {
+                    return (_J$X_(index["default"], { height: height, itemCount: flattendOptions_1.length, itemSize: itemHeight, prefix: _this.renderCheckAll(), renderItem: function (_a) {
                             var index = _a.index, style = _a.style;
                             var _b = flattendOptions_1[index] || {}, option = _b.option, hasParent = _b.hasParent;
                             if (!option) {
@@ -122,11 +125,11 @@ var GroupedSelection = /** @class */ (function (_super) {
                             }
                             return _this.renderOptionOrLabel(option, index, hasParent, tslib.__assign(tslib.__assign({}, style), { width: '100%' }));
                         } }));
-                })) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                })) : (_J$X_(React__default["default"].Fragment, null,
                     this.renderCheckAll(),
                     options.map(function (option, key) { return _this.renderOption(option, key); })));
         }
-        return (React__default["default"].createElement("div", { className: cx('GroupedSelection', className), onClick: onClick }, body ? (body) : (React__default["default"].createElement("div", { className: cx('GroupedSelection-placeholder') }, (_a = placeholderRender === null || placeholderRender === void 0 ? void 0 : placeholderRender(this.props)) !== null && _a !== void 0 ? _a : __(placeholder)))));
+        return (_J$X_("div", { className: cx('GroupedSelection', className), onClick: onClick }, body ? (body) : (_J$X_("div", { className: cx('GroupedSelection-placeholder') }, (_a = placeholderRender === null || placeholderRender === void 0 ? void 0 : placeholderRender(this.props)) !== null && _a !== void 0 ? _a : __(placeholder)))));
     };
     return GroupedSelection;
 }(Selection.BaseSelection));

package/lib/components/Html.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -15,11 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file Html
- * @description
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Html = /** @class */ (function (_super) {
     tslib.__extends(Html, _super);
     function Html(props) {
@@ -48,7 +46,7 @@ var Html = /** @class */ (function (_super) {
     Html.prototype.render = function () {
         var _a = this.props, className = _a.className, wrapperComponent = _a.wrapperComponent, inline = _a.inline; _a.classPrefix; var cx = _a.classnames;
         var Component = wrapperComponent || (inline ? 'span' : 'div');
-        return (React__default["default"].createElement(Component, { ref: this.htmlRef, className: cx("Html", className) }));
+        return (_J$X_(Component, { ref: this.htmlRef, className: cx("Html", className) }));
     };
     Html.defaultProps = {
         inline: true

package/lib/components/ImageGallery.d.ts

@@ -85,7 +85,7 @@ export declare class ImageGallery extends React.Component<ImageGalleryProps, Ima
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+    new (props: Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
         actions?: ImageAction[] | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -96,14 +96,14 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        readonly props: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -114,7 +114,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -122,13 +122,13 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -136,25 +136,25 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -164,7 +164,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -176,14 +176,14 @@ declare const _default: {
             /** 是否显示底部图片集 */
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 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<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            readonly props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -194,7 +194,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -202,13 +202,13 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -216,25 +216,25 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -248,7 +248,7 @@ declare const _default: {
         ComposedComponent: typeof ImageGallery;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+    new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
         actions?: ImageAction[] | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -260,14 +260,14 @@ declare const _default: {
         /** 是否显示底部图片集 */
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             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<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        readonly props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -278,7 +278,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -286,13 +286,13 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -300,25 +300,25 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -332,7 +332,7 @@ declare const _default: {
     ComposedComponent: typeof ImageGallery;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+        new (props: Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -344,14 +344,14 @@ declare const _default: {
             /** 是否显示底部图片集 */
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 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<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            readonly props: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -362,7 +362,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -370,13 +370,13 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -384,25 +384,25 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "modalContainer" | "imageGallaryClassName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
                 locale?: string | undefined;

package/lib/components/ImageGallery.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,6 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 exports.ImageActionKey = void 0;
 (function (ImageActionKey) {
     /** 右旋转 */
@@ -151,46 +154,46 @@ var ImageGallery = /** @class */ (function (_super) {
         var _this = this;
         var _a = this.props, cx = _a.classnames, __ = _a.translate, className = _a.className;
         var scale = this.state.scale;
-        return (React__default["default"].createElement("div", { className: cx('ImageGallery-toolbar', className) }, actions.map(function (action) { return (React__default["default"].createElement("div", { className: cx('ImageGallery-toolbar-action', {
+        return (_J$X_("div", { className: cx('ImageGallery-toolbar', className) }, actions.map(function (action) { return (_J$X_("div", { className: cx('ImageGallery-toolbar-action', {
                 'is-disabled': action.disabled ||
                     (action.key === exports.ImageActionKey.ZOOM_OUT && scale - 0.5 <= 0)
             }), key: action.key, onClick: function () { return _this.handleToolbarAction(action); } },
-            React__default["default"].createElement("a", { className: cx('ImageGallery-toolbar-action-icon'), "data-tooltip": __(action.label), "data-position": "top" }, React__default["default"].isValidElement(action.icon) ? (React__default["default"].cloneElement(action.icon, {
+            _J$X_("a", { className: cx('ImageGallery-toolbar-action-icon'), "data-tooltip": __(action.label), "data-position": "top" }, React__default["default"].isValidElement(action.icon) ? (React__default["default"].cloneElement(action.icon, {
                 className: cx('icon', action.iconClassName)
-            })) : (React__default["default"].createElement(icons.Icon, { icon: action.icon, className: cx('icon', action.iconClassName) }))))); })));
+            })) : (_J$X_(icons.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, rotate = _b.rotate, scale = _b.scale, showToolbar = _b.showToolbar, enlargeWithGallary = _b.enlargeWithGallary, actions = _b.actions, imageGallaryClassName = _b.imageGallaryClassName;
         var __ = this.props.translate;
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        return (_J$X_(React__default["default"].Fragment, null,
             React__default["default"].cloneElement(children, {
                 onImageEnlarge: this.handleImageEnlarge
             }),
-            React__default["default"].createElement(Modal["default"], { closeOnEsc: true, size: "full", onHide: this.close, show: this.state.isOpened, contentClassName: cx('ImageGallery', imageGallaryClassName), container: modalContainer },
-                React__default["default"].createElement("a", { "data-tooltip": __('Dialog.close'), "data-position": "left", className: cx('ImageGallery-close'), onClick: this.close },
-                    React__default["default"].createElement(icons.Icon, { icon: "close", className: "icon" })),
-                ~index && items[index] ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement("div", { className: cx('ImageGallery-title') }, items[index].title),
-                    React__default["default"].createElement("div", { className: cx('ImageGallery-main'), ref: this.galleryMainRef },
-                        React__default["default"].createElement("img", { src: items[index].originalSrc, style: { transform: "scale(".concat(scale, ") rotate(").concat(rotate, "deg)") } }),
+            _J$X_(Modal["default"], { closeOnEsc: true, size: "full", onHide: this.close, show: this.state.isOpened, contentClassName: cx('ImageGallery', imageGallaryClassName), container: modalContainer },
+                _J$X_("a", { "data-tooltip": __('Dialog.close'), "data-position": "left", className: cx('ImageGallery-close'), onClick: this.close },
+                    _J$X_(icons.Icon, { icon: "close", className: "icon" })),
+                ~index && items[index] ? (_J$X_(React__default["default"].Fragment, null,
+                    _J$X_("div", { className: cx('ImageGallery-title') }, items[index].title),
+                    _J$X_("div", { className: cx('ImageGallery-main'), ref: this.galleryMainRef },
+                        _J$X_("img", { src: items[index].originalSrc, style: { transform: "scale(".concat(scale, ") rotate(").concat(rotate, "deg)") } }),
                         showToolbar && Array.isArray(actions) && actions.length > 0
                             ? this.renderToolbar(actions)
                             : null,
-                        items.length > 1 && enlargeWithGallary !== false ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                            React__default["default"].createElement("a", { className: cx('ImageGallery-prevBtn', index <= 0 ? 'is-disabled' : ''), onClick: this.prev },
-                                React__default["default"].createElement(icons.Icon, { icon: "prev", className: "icon" })),
-                            React__default["default"].createElement("a", { className: cx('ImageGallery-nextBtn', index >= items.length - 1 ? 'is-disabled' : ''), onClick: this.next },
-                                React__default["default"].createElement(icons.Icon, { icon: "next", className: "icon" })))) : null))) : null,
-                items.length > 1 && enlargeWithGallary !== false ? (React__default["default"].createElement("div", { className: cx('ImageGallery-footer') },
-                    React__default["default"].createElement("a", { className: cx('ImageGallery-prevList is-disabled') },
-                        React__default["default"].createElement(icons.Icon, { icon: "prev", className: "icon" })),
-                    React__default["default"].createElement("div", { className: cx('ImageGallery-itemsWrap') },
-                        React__default["default"].createElement("div", { className: cx('ImageGallery-items') }, items.map(function (item, i) { return (React__default["default"].createElement("div", { key: i, "data-index": i, onClick: _this.handleItemClick, className: cx('ImageGallery-item', i === index ? 'is-active' : '') },
-                            React__default["default"].createElement("img", { src: item.src }))); }))),
-                    React__default["default"].createElement("a", { className: cx('ImageGallery-nextList is-disabled') },
-                        React__default["default"].createElement(icons.Icon, { icon: "next", className: "icon" })))) : null)));
+                        items.length > 1 && enlargeWithGallary !== false ? (_J$X_(React__default["default"].Fragment, null,
+                            _J$X_("a", { className: cx('ImageGallery-prevBtn', index <= 0 ? 'is-disabled' : ''), onClick: this.prev },
+                                _J$X_(icons.Icon, { icon: "prev", className: "icon" })),
+                            _J$X_("a", { className: cx('ImageGallery-nextBtn', index >= items.length - 1 ? 'is-disabled' : ''), onClick: this.next },
+                                _J$X_(icons.Icon, { icon: "next", className: "icon" })))) : null))) : null,
+                items.length > 1 && enlargeWithGallary !== false ? (_J$X_("div", { className: cx('ImageGallery-footer') },
+                    _J$X_("a", { className: cx('ImageGallery-prevList is-disabled') },
+                        _J$X_(icons.Icon, { icon: "prev", className: "icon" })),
+                    _J$X_("div", { className: cx('ImageGallery-itemsWrap') },
+                        _J$X_("div", { className: cx('ImageGallery-items') }, items.map(function (item, i) { return (_J$X_("div", { key: i, "data-index": i, onClick: _this.handleItemClick, className: cx('ImageGallery-item', i === index ? 'is-active' : '') },
+                            _J$X_("img", { src: item.src }))); }))),
+                    _J$X_("a", { className: cx('ImageGallery-nextList is-disabled') },
+                        _J$X_(icons.Icon, { icon: "next", className: "icon" })))) : null)));
     };
     ImageGallery.defaultProps = {
         actions: [