amis 2.2.0 → 2.3.0

package/lib/renderers/Form/ListSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/LocationPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/MatrixCheckboxes.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/NestedSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/Picker.d.ts

@@ -72,6 +72,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
     close(): void;
     handleModalConfirm(values: Array<any>, action: ActionObject, ctx: any, components: Array<any>): void;
     handleChange(items: Array<any>): Promise<void>;
+    handleItemClick(itemlabel: string, itemid: string): Promise<void>;
     removeItem(index: number): void;
     handleKeyDown(e: React.KeyboardEvent): void;
     handleFocus(): void;

package/lib/renderers/Form/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -155,6 +155,24 @@ var PickerControl = /** @class */ (function (_super) {
             });
         });
     };
+    PickerControl.prototype.handleItemClick = function (itemlabel, itemid) {
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var _a, data, dispatchEvent, rendererEvent;
+            return tslib.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, data = _a.data, dispatchEvent = _a.dispatchEvent, _a.setOptions;
+                        return [4 /*yield*/, dispatchEvent('itemclick', amisCore.createObject(data, { 'label': itemlabel, 'id': itemid }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     PickerControl.prototype.removeItem = function (index) {
         var _a = this.props, selectedOptions = _a.selectedOptions, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, valueField = _a.valueField, onChange = _a.onChange, multiple = _a.multiple;
         var items = selectedOptions.concat();
@@ -213,7 +231,10 @@ var PickerControl = /** @class */ (function (_super) {
                     e.stopPropagation();
                     _this.removeItem(index);
                 } }, "\u00D7"),
-            React__default["default"].createElement("span", { className: "".concat(ns, "Picker-valueLabel") }, labelTpl ? (React__default["default"].createElement(amisUi.Html, { html: amisCore.filter(labelTpl, item) })) : ("".concat(amisCore.getVariable(item, labelField || 'label') ||
+            React__default["default"].createElement("span", { className: "".concat(ns, "Picker-valueLabel"), onClick: function (e) {
+                    e.stopPropagation();
+                    _this.handleItemClick(amisCore.getVariable(item, labelField || 'label'), amisCore.getVariable(item, 'id') || '');
+                } }, labelTpl ? (React__default["default"].createElement(amisUi.Html, { html: amisCore.filter(labelTpl, item) })) : ("".concat(amisCore.getVariable(item, labelField || 'label') ||
                 amisCore.getVariable(item, 'id')))))); })));
     };
     PickerControl.prototype.renderBody = function (_a) {
@@ -320,6 +341,12 @@ var PickerControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Array]),
         tslib.__metadata("design:returntype", Promise)
     ], PickerControl.prototype, "handleChange", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [String, String]),
+        tslib.__metadata("design:returntype", Promise)
+    ], PickerControl.prototype, "handleItemClick", null);
     tslib.__decorate([
         amisCore.autobind,
         tslib.__metadata("design:type", Function),

package/lib/renderers/Form/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/Select.d.ts

@@ -118,7 +118,7 @@ export default class SelectControl extends React.Component<SelectProps, any> {
     componentWillUnmount(): void;
     inputRef(ref: any): void;
     foucs(): void;
-    getValue(value: Option | Array<Option> | string | void): string | void | Option | Option[];
+    getValue(value: Option | Array<Option> | string | void, additonalOptions?: Array<any>): string | void | Option | Option[];
     dispatchEvent(eventName: SelectRendererEvent, eventData?: any): Promise<void>;
     changeValue(value: Option | Array<Option> | string | void): Promise<void>;
     loadRemote(input: string): Promise<(() => void) | {

package/lib/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -52,13 +52,15 @@ var SelectControl = /** @class */ (function (_super) {
     SelectControl.prototype.foucs = function () {
         this.input && this.input.focus();
     };
-    SelectControl.prototype.getValue = function (value) {
+    SelectControl.prototype.getValue = function (value, additonalOptions) {
+        if (additonalOptions === void 0) { additonalOptions = []; }
         var _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, multiple = _a.multiple, valueField = _a.valueField, options = _a.options;
         var newValue = value;
         (Array.isArray(value) ? value : value ? [value] : []).forEach(function (option) {
-            find__default["default"](options, function (item) {
+            var resolved = find__default["default"](options, function (item) {
                 return item[valueField || 'value'] == option[valueField || 'value'];
             });
+            resolved || additonalOptions.push(option);
         });
         if (joinValues) {
             if (multiple) {
@@ -117,13 +119,13 @@ var SelectControl = /** @class */ (function (_super) {
     };
     SelectControl.prototype.changeValue = function (value) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var _a, onChange, setOptions, options, data, dispatchEvent, newValue, additonalOptions, rendererEvent;
+            var _a, onChange, setOptions, options, data, dispatchEvent, additonalOptions, newValue, rendererEvent;
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         _a = this.props, onChange = _a.onChange, setOptions = _a.setOptions, options = _a.options, data = _a.data, dispatchEvent = _a.dispatchEvent;
-                        newValue = this.getValue(value);
                         additonalOptions = [];
+                        newValue = this.getValue(value, additonalOptions);
                         // 不设置没法回显
                         additonalOptions.length && setOptions(options.concat(additonalOptions));
                         return [4 /*yield*/, dispatchEvent('change', amisCore.createObject(data, {
@@ -271,7 +273,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
         var _c = this.props, options = _c.options, leftOptions = _c.leftOptions, leftDefaultValue = _c.leftDefaultValue;
         if (selectMode === 'associated' &&
             options &&
-            options.length === 1 &&
+            options.length &&
             options[0].leftOptions &&
             Array.isArray(options[0].children)) {
             leftOptions = options[0].leftOptions;

package/lib/renderers/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/Switch.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/Transfer.d.ts

@@ -86,6 +86,10 @@ export interface TransferControlSchema extends FormOptionsSchema {
      * 右侧列表搜索框提示
      */
     resultSearchPlaceholder?: string;
+    /**
+     * 统计数字
+     */
+    statistics?: boolean;
 }
 export interface BaseTransferProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'> {
     resultItemRender?: (option: Option) => JSX.Element;

package/lib/renderers/Form/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -29,7 +29,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.handleChange = function (value, optionModified) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var _a, onChange, joinValues, delimiter, valueField, extractValue, options, dispatchEvent, setOptions, newValue, newOptions, rendererEvent;
+            var _a, onChange, joinValues, delimiter, valueField, extractValue, options, dispatchEvent, setOptions, newValue, newOptions, indexes, origin_1, rendererEvent;
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -43,8 +43,8 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                                     newOptions.push(item);
                                 }
                                 else if (optionModified) {
-                                    var origin_1 = amisCore.getTree(newOptions, indexes);
-                                    newOptions = amisCore.spliceTree(newOptions, indexes, 1, tslib.__assign(tslib.__assign({}, origin_1), item));
+                                    var origin_2 = amisCore.getTree(newOptions, indexes);
+                                    newOptions = amisCore.spliceTree(newOptions, indexes, 1, tslib.__assign(tslib.__assign({}, origin_2), item));
                                 }
                                 return joinValues || extractValue
                                     ? item[valueField || 'value']
@@ -59,6 +59,14 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                                 joinValues || extractValue
                                     ? value[valueField || 'value']
                                     : value;
+                            indexes = amisCore.findTreeIndex(options, amisCore.optionValueCompare(value[valueField || 'value'], valueField || 'value'));
+                            if (!indexes) {
+                                newOptions.push(value);
+                            }
+                            else if (optionModified) {
+                                origin_1 = amisCore.getTree(newOptions, indexes);
+                                newOptions = amisCore.spliceTree(newOptions, indexes, 1, tslib.__assign(tslib.__assign({}, origin_1), value));
+                            }
                         }
                         (newOptions.length > options.length || optionModified) &&
                             setOptions(newOptions, true);
@@ -101,7 +109,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                         }
                         result = payload.data.options || payload.data.items || payload.data;
                         if (!Array.isArray(result)) {
-                            throw new Error('CRUD.invalidArray');
+                            throw new Error(__('CRUD.invalidArray'));
                         }
                         return [2 /*return*/, result.map(function (item) {
                                 var resolved = null;
@@ -159,7 +167,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                 data: amisCore.createObject(amisCore.createObject(data, states), option)
             });
         }
-        return amisUi.ResultList.itemRender(option);
+        return amisUi.ResultList.itemRender(option, states);
     };
     BaseTransferRenderer.prototype.renderCell = function (column, option, colIndex, rowIndex) {
         var _a = this.props, render = _a.render, data = _a.data;
@@ -196,7 +204,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className, cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d;
+        var _b = this.props, className = _b.className, cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d, statistics = _b.statistics, labelField = _b.labelField;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -211,7 +219,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React__default["default"].createElement("div", { className: cx('TransferControl', className) },
-            React__default["default"].createElement(amisUi.Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef }),
+            React__default["default"].createElement(amisUi.Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, statistics: statistics, labelField: labelField, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef }),
             React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading })));
     };
     tslib.__decorate([

package/lib/renderers/Form/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -46,7 +46,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
         var _c = this.props, options = _c.options, leftOptions = _c.leftOptions, leftDefaultValue = _c.leftDefaultValue;
         if (selectMode === 'associated' &&
             options &&
-            options.length === 1 &&
+            options.length &&
             options[0].leftOptions &&
             Array.isArray(options[0].children)) {
             leftOptions = options[0].leftOptions;

package/lib/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -315,7 +315,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
                     ? selectedOptions
                     : selectedOptions.length
                         ? this.renderItem(selectedOptions[0])
-                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, itemRender: this.renderItem, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, allowInput: searchable || amisCore.isEffectiveApi(autoComplete) }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
+                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, itemRender: this.renderItem, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, allowInput: searchable || amisCore.isEffectiveApi(autoComplete), hasDropDownArrow: true }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
             !mobileUI && isOpened ? (React__default["default"].createElement(amisCore.Overlay, { container: popOverContainer || (function () { return _this.container.current; }), target: function () { return _this.target; }, show: true },
                 React__default["default"].createElement(amisCore.PopOver, { classPrefix: ns, className: "".concat(ns, "TreeSelect-popover"), style: {
                         minWidth: this.target ? this.target.offsetWidth : undefined

package/lib/renderers/Form/UUID.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Grid2D.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/GridNav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/HBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -100,7 +100,7 @@ var IFrame = /** @class */ (function (_super) {
     };
     IFrame.prototype.render = function () {
         var _a = this.state, width = _a.width, height = _a.height;
-        var _b = this.props, className = _b.className, src = _b.src, name = _b.name, frameBorder = _b.frameBorder, data = _b.data, style = _b.style, allow = _b.allow, sandbox = _b.sandbox, referrerpolicy = _b.referrerpolicy;
+        var _b = this.props, className = _b.className, src = _b.src, name = _b.name, frameBorder = _b.frameBorder, data = _b.data, style = _b.style, allow = _b.allow, sandbox = _b.sandbox, referrerpolicy = _b.referrerpolicy, __ = _b.translate, env = _b.env;
         var tempStyle = {};
         width !== void 0 && (tempStyle.width = width);
         height !== void 0 && (tempStyle.height = height);
@@ -111,7 +111,12 @@ var IFrame = /** @class */ (function (_super) {
         if (typeof finalSrc === 'string' &&
             finalSrc &&
             !/^(\.\/|\.\.\/|\/|https?\:\/\/|\/\/)/.test(finalSrc)) {
-            return React__default["default"].createElement("p", null, "\u8BF7\u586B\u5199\u5408\u6CD5\u7684 iframe \u5730\u5740");
+            return React__default["default"].createElement("p", null, __('Iframe.invalid'));
+        }
+        if (location.protocol === 'https:' &&
+            finalSrc &&
+            finalSrc.startsWith('http://')) {
+            env.notify('error', __('Iframe.invalidProtocol'));
         }
         return (React__default["default"].createElement("iframe", { name: name, className: className, frameBorder: frameBorder, style: style, ref: this.IFrameRef, onLoad: this.onLoad, src: finalSrc, allow: allow, referrerPolicy: referrerpolicy, sandbox: sandbox }));
     };

package/lib/renderers/Icon.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Image.d.ts

@@ -4,6 +4,14 @@ import { RendererProps } from 'amis-core';
 import { ThemeProps } from 'amis-core';
 import { LocaleProps } from 'amis-core';
 import { BaseSchema, SchemaClassName, SchemaTpl, SchemaUrlPath } from '../Schema';
+import type { ImageAction, ImageActionKey } from 'amis-ui/lib/components/ImageGallery';
+export interface ImageToolbarAction {
+    key: keyof typeof ImageActionKey;
+    label?: string;
+    icon?: string;
+    iconClassName?: string;
+    disabled?: boolean;
+}
 /**
  * 图片展示控件。
  * 文档：https://baidu.gitee.io/amis/docs/components/image
@@ -96,6 +104,14 @@ export interface ImageSchema extends BaseSchema {
      * 链接的 target
      */
     htmlTarget?: string;
+    /**
+     * 是否展示图片工具栏
+     */
+    showToolbar?: boolean;
+    /**
+     * 工具栏配置
+     */
+    toolbarActions?: ImageToolbarAction[];
 }
 export interface ImageThumbProps extends LocaleProps, ThemeProps, Omit<ImageSchema, 'type' | 'className' | 'innerClassName'> {
     onEnlarge?: (info: ImageThumbProps) => void;
@@ -174,22 +190,12 @@ declare const ThemedImageThumb: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
             ref: any;
-            /**
-             * 图片无法显示时的替换文本
-             */
-            childRef(ref: any): void; /**
-             * 图片无法显示时的替换文本
-             */
+            childRef(ref: any): void;
             getWrappedInstance(): any;
             render(): JSX.Element;
-            context: any; /**
-             * 宽度
-             */
+            context: any;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
                 locale?: string | undefined;
-                /**
-                 * 图片缩略图外层 css 类名
-                 */
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
@@ -203,6 +209,9 @@ declare const ThemedImageThumb: {
             refs: {
                 [key: string]: React.ReactInstance;
             };
+            /**
+             * 是否展示图片工具栏
+             */
             componentDidMount?(): void;
             shouldComponentUpdate?(nextProps: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
                 locale?: string | undefined;
@@ -249,22 +258,12 @@ declare const ThemedImageThumb: {
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }): {
         ref: any;
-        /**
-         * 图片无法显示时的替换文本
-         */
-        childRef(ref: any): void; /**
-         * 图片无法显示时的替换文本
-         */
+        childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
-        context: any; /**
-         * 宽度
-         */
+        context: any;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
             locale?: string | undefined;
-            /**
-             * 图片缩略图外层 css 类名
-             */
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -278,6 +277,9 @@ declare const ThemedImageThumb: {
         refs: {
             [key: string]: React.ReactInstance;
         };
+        /**
+         * 是否展示图片工具栏
+         */
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
             locale?: string | undefined;
@@ -324,22 +326,12 @@ declare const ThemedImageThumb: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
             ref: any;
-            /**
-             * 图片无法显示时的替换文本
-             */
-            childRef(ref: any): void; /**
-             * 图片无法显示时的替换文本
-             */
+            childRef(ref: any): void;
             getWrappedInstance(): any;
             render(): JSX.Element;
-            context: any; /**
-             * 宽度
-             */
+            context: any;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
                 locale?: string | undefined;
-                /**
-                 * 图片缩略图外层 css 类名
-                 */
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
@@ -353,6 +345,9 @@ declare const ThemedImageThumb: {
             refs: {
                 [key: string]: React.ReactInstance;
             };
+            /**
+             * 是否展示图片工具栏
+             */
             componentDidMount?(): void;
             shouldComponentUpdate?(nextProps: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
                 locale?: string | undefined;
@@ -410,6 +405,8 @@ export interface ImageFieldProps extends RendererProps {
     thumbRatio: '1:1' | '4:3' | '16:9';
     originalSrc?: string;
     enlargeAble?: boolean;
+    showToolbar?: boolean;
+    toolbarActions?: ImageAction[];
     onImageEnlarge?: (info: {
         src: string;
         originalSrc: string;
@@ -417,6 +414,8 @@ export interface ImageFieldProps extends RendererProps {
         caption?: string;
         thumbMode?: 'w-full' | 'h-full' | 'contain' | 'cover';
         thumbRatio?: '1:1' | '4:3' | '16:9';
+        showToolbar?: boolean;
+        toolbarActions?: ImageAction[];
     }, target: any) => void;
 }
 export declare class ImageField extends React.Component<ImageFieldProps, object> {

package/lib/renderers/Image.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.2.0
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -65,7 +65,7 @@ var ImageField = /** @class */ (function (_super) {
     }
     ImageField.prototype.handleEnlarge = function (_a) {
         var src = _a.src, originalSrc = _a.originalSrc, title = _a.title, caption = _a.caption, thumbMode = _a.thumbMode, thumbRatio = _a.thumbRatio;
-        var _b = this.props, onImageEnlarge = _b.onImageEnlarge, enlargeTitle = _b.enlargeTitle, enlargeCaption = _b.enlargeCaption;
+        var _b = this.props, onImageEnlarge = _b.onImageEnlarge, enlargeTitle = _b.enlargeTitle, enlargeCaption = _b.enlargeCaption, showToolbar = _b.showToolbar, toolbarActions = _b.toolbarActions;
         onImageEnlarge &&
             onImageEnlarge({
                 src: src,
@@ -73,7 +73,9 @@ var ImageField = /** @class */ (function (_super) {
                 title: enlargeTitle || title,
                 caption: enlargeCaption || caption,
                 thumbMode: thumbMode,
-                thumbRatio: thumbRatio
+                thumbRatio: thumbRatio,
+                showToolbar: showToolbar,
+                toolbarActions: toolbarActions
             }, this.props);
     };
     ImageField.prototype.handleClick = function (e) {

package/lib/renderers/Images.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { RendererProps } from 'amis-core';
 import { ImageThumbProps } from './Image';
 import { BaseSchema, SchemaClassName, SchemaUrlPath } from '../Schema';
+import type { ImageToolbarAction } from './Image';
 /**
  * 图片集展示控件。
  * 文档：https://baidu.gitee.io/amis/docs/components/images
@@ -63,11 +64,19 @@ export interface ImagesSchema extends BaseSchema {
      * 列表 CSS 类名
      */
     listClassName?: SchemaClassName;
+    /**
+     * 是否展示图片工具栏
+     */
+    showToolbar?: boolean;
+    /**
+     * 工具栏配置
+     */
+    toolbarActions?: ImageToolbarAction[];
 }
 export interface ImagesProps extends RendererProps, Omit<ImagesSchema, 'type' | 'className'> {
     delimiter: string;
     onEnlarge?: (info: ImageThumbProps & {
-        list?: Array<Pick<ImageThumbProps, 'src' | 'originalSrc' | 'title' | 'caption'>>;
+        list?: Array<Pick<ImageThumbProps, 'src' | 'originalSrc' | 'title' | 'caption' | 'showToolbar'>>;
     }) => void;
 }
 export declare class ImagesField extends React.Component<ImagesProps> {