amis 2.6.1-alpha.0 → 2.7.1

package/lib/renderers/Form/InputSubForm.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/InputTable.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/InputTag.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/InputText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 
@@ -511,8 +511,8 @@ var TextControl = /** @class */ (function (_super) {
                         maxLength: maxLength,
                         minLength: minLength
                     }), { autoComplete: "off", size: 10, className: cx(nativeInputClassName) }))),
-                clearable && !disabled && !readOnly && value ? (React__default["default"].createElement("a", { onClick: _this.clearValue, className: cx('TextControl-clear') },
-                    React__default["default"].createElement(amisUi.Icon, { icon: "input-clear", className: "icon" }))) : null,
+                clearable && !disabled && !readOnly && value ? (React__default["default"].createElement("a", { onClick: _this.clearValue },
+                    React__default["default"].createElement(amisUi.Icon, { icon: "input-clear", className: "icon", wrapClassName: cx('TextControl-clear'), iconContent: "InputBox-clear" }))) : null,
                 showCounter ? (React__default["default"].createElement("span", { className: cx('TextControl-counter') }, "".concat((_d = _this.valueToString(value)) === null || _d === void 0 ? void 0 : _d.length).concat(typeof maxLength === 'number' && maxLength
                     ? "/".concat(maxLength)
                     : ''))) : null,
@@ -543,7 +543,7 @@ var TextControl = /** @class */ (function (_super) {
     TextControl.prototype.renderNormal = function () {
         var _a;
         var _b, _c;
-        var _d = this.props, ns = _d.classPrefix, cx = _d.classnames, className = _d.className; _d.style; var inputControlClassName = _d.inputControlClassName, nativeInputClassName = _d.nativeInputClassName, inputOnly = _d.inputOnly, value = _d.value, placeholder = _d.placeholder; _d.onChange; var disabled = _d.disabled, readOnly = _d.readOnly, max = _d.max, min = _d.min, step = _d.step, clearable = _d.clearable, _e = _d.revealPassword, revealPassword = _e === void 0 ? true : _e, name = _d.name, borderMode = _d.borderMode, prefix = _d.prefix, suffix = _d.suffix, data = _d.data, showCounter = _d.showCounter, maxLength = _d.maxLength, minLength = _d.minLength;
+        var _d = this.props; _d.classPrefix; var cx = _d.classnames, className = _d.className; _d.style; var inputControlClassName = _d.inputControlClassName, nativeInputClassName = _d.nativeInputClassName, inputOnly = _d.inputOnly, value = _d.value, placeholder = _d.placeholder; _d.onChange; var disabled = _d.disabled, readOnly = _d.readOnly, max = _d.max, min = _d.min, step = _d.step, clearable = _d.clearable, _e = _d.revealPassword, revealPassword = _e === void 0 ? true : _e, name = _d.name, borderMode = _d.borderMode, prefix = _d.prefix, suffix = _d.suffix, data = _d.data, showCounter = _d.showCounter, maxLength = _d.maxLength, minLength = _d.minLength;
         var type = (_b = this.props.type) === null || _b === void 0 ? void 0 : _b.replace(/^(?:native|input)\-/, '');
         return (React__default["default"].createElement("div", { className: cx('TextControl-input', (_a = {},
                 _a["TextControl-input--border".concat(amisCore.ucFirst(borderMode))] = borderMode,
@@ -552,15 +552,15 @@ var TextControl = /** @class */ (function (_super) {
             React__default["default"].createElement(amisUi.Input, { name: name, placeholder: placeholder, ref: this.inputRef, disabled: disabled, readOnly: readOnly, type: this.state.revealPassword ? 'text' : type, onFocus: this.handleFocus, onBlur: this.handleBlur, max: max, min: min, maxLength: maxLength, minLength: minLength, autoComplete: "off", size: 10, step: step, onChange: this.handleNormalInputChange, value: this.valueToString(value), className: cx(nativeInputClassName, {
                     'TextControl-input-password': type === 'password' && revealPassword
                 }) }),
-            clearable && !disabled && !readOnly && value ? (React__default["default"].createElement("a", { onClick: this.clearValue, className: "".concat(ns, "TextControl-clear") },
-                React__default["default"].createElement(amisUi.Icon, { icon: "input-clear", className: "icon" }))) : null,
-            type === 'password' && revealPassword && !disabled ? (React__default["default"].createElement("a", { onClick: this.toggleRevealPassword, className: "".concat(ns, "TextControl-revealPassword") }, this.state.revealPassword ? (React__default["default"].createElement(amisUi.Icon, { icon: "view", className: "icon" })) : (React__default["default"].createElement(amisUi.Icon, { icon: "invisible", className: "icon" })))) : null,
+            clearable && !disabled && !readOnly && value ? (React__default["default"].createElement("a", { onClick: this.clearValue, className: cx('TextControl-clear') },
+                React__default["default"].createElement(amisUi.Icon, { icon: "input-clear", className: "icon", iconContent: "InputText-clear" }))) : null,
+            type === 'password' && revealPassword && !disabled ? (React__default["default"].createElement("a", { onClick: this.toggleRevealPassword, className: cx('TextControl-revealPassword') }, this.state.revealPassword ? (React__default["default"].createElement(amisUi.Icon, { icon: "view", className: cx('TextControl-icon-view'), wrapClassName: cx('TextControl-icon-view'), iconContent: "InputText-view" })) : (React__default["default"].createElement(amisUi.Icon, { icon: "invisible", className: cx('TextControl-icon-invisible'), wrapClassName: cx('TextControl-icon-invisible'), iconContent: "InputText-invisible" })))) : null,
             showCounter ? (React__default["default"].createElement("span", { className: cx('TextControl-counter') }, "".concat((_c = this.valueToString(value)) === null || _c === void 0 ? void 0 : _c.length).concat(typeof maxLength === 'number' && maxLength ? "/".concat(maxLength) : ''))) : null,
             suffix ? (React__default["default"].createElement("span", { className: cx('TextControl-inputSuffix') }, amisCore.filter(suffix, data))) : null));
     };
     TextControl.prototype.renderBody = function (body) {
         var _a, _b;
-        var _c = this.props, cx = _c.classnames, className = _c.className; _c.style; var ns = _c.classPrefix, addOnRaw = _c.addOn, render = _c.render, data = _c.data, disabled = _c.disabled, inputOnly = _c.inputOnly, isStatic = _c.static;
+        var _c = this.props, cx = _c.classnames, className = _c.className; _c.style; var ns = _c.classPrefix, addOnRaw = _c.addOn, render = _c.render, data = _c.data, disabled = _c.disabled, inputOnly = _c.inputOnly, isStatic = _c.static, addOnClassName = _c.addOnClassName;
         var addOn = typeof addOnRaw === 'string'
             ? {
                 label: addOnRaw,
@@ -569,9 +569,9 @@ var TextControl = /** @class */ (function (_super) {
             : addOnRaw;
         var iconElement = amisCore.generateIcon(cx, addOn === null || addOn === void 0 ? void 0 : addOn.icon, 'Icon');
         var addOnDom = addOn && !isStatic ? (addOn.actionType ||
-            ~['button', 'submit', 'reset', 'action'].indexOf(addOn.type) ? (React__default["default"].createElement("div", { className: cx("".concat(ns, "TextControl-button"), addOn.className) }, render('addOn', addOn, {
+            ~['button', 'submit', 'reset', 'action'].indexOf(addOn.type) ? (React__default["default"].createElement("div", { className: cx("".concat(ns, "TextControl-button"), addOnClassName) }, render('addOn', addOn, {
             disabled: disabled
-        }))) : (React__default["default"].createElement("div", { className: cx("".concat(ns, "TextControl-addOn"), addOn.className) },
+        }))) : (React__default["default"].createElement("div", { className: cx("".concat(ns, "TextControl-addOn"), addOnClassName) },
             iconElement,
             addOn.label ? amisCore.filter(addOn.label, data) : null))) : null;
         if (inputOnly) {
@@ -592,10 +592,27 @@ var TextControl = /** @class */ (function (_super) {
             addOn && addOn.position !== 'left' ? addOnDom : null));
     };
     TextControl.prototype.render = function () {
-        var _a = this.props, options = _a.options, source = _a.source, autoComplete = _a.autoComplete;
+        var _a = this.props, options = _a.options, source = _a.source, autoComplete = _a.autoComplete, css = _a.css, inputControlClassName = _a.inputControlClassName, id = _a.id, addOnClassName = _a.addOnClassName;
         var input = autoComplete !== false && (source || (options === null || options === void 0 ? void 0 : options.length) || autoComplete)
             ? this.renderSugestMode()
             : this.renderNormal();
+        amisCore.insertCustomStyle(css, [
+            {
+                key: 'inputControlClassName',
+                value: inputControlClassName,
+                weights: {
+                    active: {
+                        pre: 'is-focused .'
+                    }
+                }
+            }
+        ], id);
+        amisCore.insertCustomStyle(css, [
+            {
+                key: 'addOnClassName',
+                value: addOnClassName
+            }
+        ], id + '-addOn');
         return this.renderBody(input);
     };
     TextControl.defaultProps = {

package/lib/renderers/Form/InputTree.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/InputYearRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/JSONSchema.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/JSONSchemaEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/ListSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/LocationPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/MatrixCheckboxes.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

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

@@ -1,8 +1,6 @@
 import React from 'react';
 import { SpinnerExtraProps } from 'amis-ui';
-import { OptionsControlProps } from 'amis-core';
-import { Option, Options } from 'amis-core';
-import { ActionObject } from 'amis-core';
+import { Option, Options, OptionsControlProps, ActionObject } from 'amis-core';
 import { FormOptionsSchema } from '../../Schema';
 /**
  * Nested Select

package/lib/renderers/Form/NestedSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 
@@ -9,8 +9,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var amisCore = require('amis-core');
 var amisUi = require('amis-ui');
+var amisCore = require('amis-core');
 var ReactDOM = require('react-dom');
 var xor = require('lodash/xor');
 var union = require('lodash/union');
@@ -129,11 +129,12 @@ var NestedSelectControl = /** @class */ (function (_super) {
         return (React__default["default"].createElement("span", { className: cx('Select-valueLabel'), key: key || option[valueField || 'value'] }, ancestors
             ? ancestors.map(function (item, index) {
                 var label = item[labelField || 'label'];
+                var value = item[valueField || 'value'];
                 var isEnd = index === ancestors.length - 1;
                 var unmatchText = label.split(regexp || '');
                 var pointer = 0;
                 return (React__default["default"].createElement("span", { key: index },
-                    regexp.test(label)
+                    regexp.test(value) || regexp.test(label)
                         ? unmatchText.map(function (text, textIndex) {
                             var current = pointer;
                             pointer += text.length || (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) || 0;
@@ -174,7 +175,9 @@ var NestedSelectControl = /** @class */ (function (_super) {
                         isPrevented = _b.sent();
                         isPrevented || onChange(value);
                         isPrevented || this.handleResultClear();
-                        !multiple && this.close();
+                        /** 选项选择后需要重置下拉数据源：搜索结果 => 原始数据 */
+                        this.setState({ stack: [this.props.options] });
+                        this.close();
                         return [2 /*return*/];
                 }
             });
@@ -279,6 +282,8 @@ var NestedSelectControl = /** @class */ (function (_super) {
                         isPrevented = _b.sent();
                         isPrevented || onChange(newValue);
                         isPrevented || this.handleResultClear();
+                        /** 选项选择后需要重置下拉数据源：搜索结果 => 原始数据 */
+                        this.setState({ stack: [this.props.options] });
                         return [2 /*return*/];
                 }
             });
@@ -480,14 +485,15 @@ var NestedSelectControl = /** @class */ (function (_super) {
     NestedSelectControl.prototype.renderSearchResult = function () {
         var _this = this;
         var _a = this.state, stack = _a.stack, inputValue = _a.inputValue;
-        var _b = this.props, cx = _b.classnames, __ = _b.translate, propOptions = _b.options, labelField = _b.labelField, cascade = _b.cascade, selectedOptions = _b.selectedOptions, multiple = _b.multiple, disabled = _b.disabled, onlyChildren = _b.onlyChildren, render = _b.render;
+        var _b = this.props, cx = _b.classnames, __ = _b.translate, propOptions = _b.options, labelField = _b.labelField, valueField = _b.valueField, cascade = _b.cascade, selectedOptions = _b.selectedOptions, multiple = _b.multiple, disabled = _b.disabled, onlyChildren = _b.onlyChildren, render = _b.render;
         var noResultsText = this.props.noResultsText;
         if (noResultsText) {
             noResultsText = render('noResultText', __(noResultsText));
         }
         var regexp = amisCore.string2regExp(inputValue || '');
         var flattenTreeWithNodes = amisCore.flattenTree(stack[0]).filter(function (option) {
-            return regexp.test(option[labelField || 'label']);
+            return !!(regexp.test(option[valueField || 'value']) ||
+                regexp.test(option[labelField || 'label']));
         });
         // 一个stack一个menu
         var resultBody = (React__default["default"].createElement("div", { className: cx('NestedSelect-menu') }, flattenTreeWithNodes.length ? (flattenTreeWithNodes.map(function (option, index) {

package/lib/renderers/Form/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 
@@ -277,7 +277,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
     };
     TransferDropdownRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className; _b.classnames; var selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, clearable = _b.clearable, selectTitle = _b.selectTitle, selectMode = _b.selectMode, multiple = _b.multiple, columns = _b.columns, leftMode = _b.leftMode, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, popOverContainer = _b.popOverContainer, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, placeholder = _b.placeholder, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, rightMode = _b.rightMode, loadingConfig = _b.loadingConfig;
+        var _b = this.props, className = _b.className; _b.classnames; var selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, clearable = _b.clearable, selectTitle = _b.selectTitle, selectMode = _b.selectMode, multiple = _b.multiple, columns = _b.columns, leftMode = _b.leftMode, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, popOverContainer = _b.popOverContainer, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, placeholder = _b.placeholder, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, rightMode = _b.rightMode, loadingConfig = _b.loadingConfig, labelField = _b.labelField, showInvalidMatch = _b.showInvalidMatch;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -292,7 +292,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(amisUi.TransferDropDown, { selectMode: selectMode, className: className, value: selectedOptions, disabled: disabled, clearable: clearable, options: options, onChange: this.handleChange, option2value: this.option2value, itemRender: this.renderItem, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, multiple: multiple, columns: columns, leftMode: leftMode, rightMode: rightMode, leftOptions: leftOptions, borderMode: borderMode, useMobileUI: useMobileUI, popOverContainer: popOverContainer, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, placeholder: placeholder, itemHeight: itemHeight, virtualThreshold: virtualThreshold, virtualListHeight: 266 }),
+            React__default["default"].createElement(amisUi.TransferDropDown, { selectMode: selectMode, className: className, value: selectedOptions, disabled: disabled, clearable: clearable, options: options, onChange: this.handleChange, option2value: this.option2value, itemRender: this.renderItem, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, multiple: multiple, columns: columns, leftMode: leftMode, rightMode: rightMode, leftOptions: leftOptions, borderMode: borderMode, useMobileUI: useMobileUI, popOverContainer: popOverContainer, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, placeholder: placeholder, itemHeight: itemHeight, virtualThreshold: virtualThreshold, virtualListHeight: 266, labelField: labelField, showInvalidMatch: showInvalidMatch }),
             React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading, loadingConfig: loadingConfig })));
     };
     tslib.__decorate([

package/lib/renderers/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/StaticHoc.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/Switch.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

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

@@ -99,6 +99,10 @@ export interface TransferControlSchema extends FormOptionsSchema, SpinnerExtraPr
      * 在选项数量达到多少时开启虚拟渲染
      */
     virtualThreshold?: number;
+    /**
+     * 当在value值未匹配到当前options中的选项时，是否value值对应文本飘红显示
+     */
+    showInvalidMatch?: boolean;
 }
 export interface BaseTransferProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'>, SpinnerExtraProps {
     resultItemRender?: (option: Option) => JSX.Element;

package/lib/renderers/Form/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 
@@ -30,11 +30,11 @@ 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, indexes, origin_1, rendererEvent;
+            var _a, onChange, joinValues, delimiter, valueField, extractValue, options, dispatchEvent, setOptions, selectMode, deferApi, newValue, newOptions, indexes, origin_1, isTreeDefer, rendererEvent;
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, onChange = _a.onChange, joinValues = _a.joinValues, delimiter = _a.delimiter, valueField = _a.valueField, extractValue = _a.extractValue, options = _a.options, dispatchEvent = _a.dispatchEvent, setOptions = _a.setOptions;
+                        _a = this.props, onChange = _a.onChange, joinValues = _a.joinValues, delimiter = _a.delimiter, valueField = _a.valueField, extractValue = _a.extractValue, options = _a.options, dispatchEvent = _a.dispatchEvent, setOptions = _a.setOptions, selectMode = _a.selectMode, deferApi = _a.deferApi;
                         newValue = value;
                         newOptions = options.concat();
                         if (Array.isArray(value)) {
@@ -69,8 +69,12 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                                 newOptions = amisCore.spliceTree(newOptions, indexes, 1, tslib.__assign(tslib.__assign({}, origin_1), value));
                             }
                         }
-                        (newOptions.length > options.length || optionModified) &&
-                            setOptions(newOptions, true);
+                        isTreeDefer = selectMode === 'tree' &&
+                            (!!deferApi ||
+                                !!amisCore.findTree(options, function (option) { return option.deferApi || option.defer; }));
+                        isTreeDefer === true ||
+                            ((newOptions.length > options.length || optionModified) &&
+                                setOptions(newOptions, true));
                         return [4 /*yield*/, dispatchEvent('change', amisCore.resolveEventData(this.props, {
                                 value: newValue,
                                 options: options,
@@ -174,8 +178,10 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
         return amisUi.ResultList.itemRender(option, states);
     };
     BaseTransferRenderer.prototype.renderCell = function (column, option, colIndex, rowIndex) {
-        var _a = this.props, render = _a.render, data = _a.data, cx = _a.classnames;
-        return render("cell/".concat(colIndex, "/").concat(rowIndex), tslib.__assign({ type: 'text', className: cx({ 'is-invalid': option === null || option === void 0 ? void 0 : option.__unmatched }) }, column), {
+        var _a = this.props, render = _a.render, data = _a.data, cx = _a.classnames, showInvalidMatch = _a.showInvalidMatch;
+        return render("cell/".concat(colIndex, "/").concat(rowIndex), tslib.__assign({ type: 'text', className: cx({
+                'is-invalid': showInvalidMatch ? option === null || option === void 0 ? void 0 : option.__unmatched : false
+            }) }, column), {
             value: amisCore.resolveVariable(column.name, option),
             data: amisCore.createObject(data, option)
         });
@@ -208,7 +214,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className; _b.style; var 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, virtualThreshold = _b.virtualThreshold, itemHeight = _b.itemHeight, loadingConfig = _b.loadingConfig;
+        var _b = this.props, className = _b.className; _b.style; var 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, virtualThreshold = _b.virtualThreshold, itemHeight = _b.itemHeight, loadingConfig = _b.loadingConfig, showInvalidMatch = _b.showInvalidMatch;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -223,7 +229,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, statistics: statistics, labelField: labelField, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef, virtualThreshold: virtualThreshold, itemHeight: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined, loadingConfig: loadingConfig }),
+            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, virtualThreshold: virtualThreshold, itemHeight: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined, loadingConfig: loadingConfig, showInvalidMatch: showInvalidMatch }),
             React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", loadingConfig: loadingConfig, show: loading })));
     };
     tslib.__decorate([

package/lib/renderers/Form/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/UUID.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Form/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Grid2D.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/GridNav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/HBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Icon.d.ts

@@ -22,6 +22,9 @@ export interface IconProps extends RendererProps, Omit<IconSchema, 'type' | 'cla
 }
 export declare class Icon extends React.Component<IconProps, object> {
     static defaultProps: Partial<IconProps>;
+    handleClick(e: React.MouseEvent<any>): void;
+    handleMouseEnter(e: React.MouseEvent<any>): void;
+    handleMouseLeave(e: React.MouseEvent<any>): void;
     render(): JSX.Element | undefined;
 }
 export declare class IconRenderer extends Icon {

package/lib/renderers/Icon.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 
@@ -22,6 +22,24 @@ var Icon = /** @class */ (function (_super) {
     function Icon() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    Icon.prototype.handleClick = function (e) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+        dispatchEvent('click', amisCore.createObject(data, {
+            nativeEvent: e
+        }));
+    };
+    Icon.prototype.handleMouseEnter = function (e) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+        dispatchEvent(e, amisCore.createObject(data, {
+            nativeEvent: e
+        }));
+    };
+    Icon.prototype.handleMouseLeave = function (e) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+        dispatchEvent(e, amisCore.createObject(data, {
+            nativeEvent: e
+        }));
+    };
     Icon.prototype.render = function () {
         var _a = this.props, vendor = _a.vendor, cx = _a.classnames, className = _a.className, style = _a.style, data = _a.data;
         var icon = this.props.icon;
@@ -30,14 +48,14 @@ var Icon = /** @class */ (function (_super) {
             if (lodash.isObject(icon) &&
                 typeof icon.id === 'string' &&
                 icon.id.startsWith('svg-')) {
-                return (React__default["default"].createElement("svg", { className: cx('icon', className), style: style },
+                return (React__default["default"].createElement("svg", { className: cx('icon', className), style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
                     React__default["default"].createElement("use", { xlinkHref: "#".concat(icon.id.replace(/^svg-/, '')) })));
             }
             return;
         }
         var CustomIcon = amisUi.getIcon(icon);
         if (CustomIcon) {
-            return React__default["default"].createElement(CustomIcon, { className: cx(className, "icon-".concat(icon)), style: style });
+            return (React__default["default"].createElement(CustomIcon, { className: cx(className, "icon-".concat(icon)), style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }));
         }
         var isURLIcon = (icon === null || icon === void 0 ? void 0 : icon.indexOf('.')) !== -1;
         var iconPrefix = '';
@@ -52,12 +70,30 @@ var Icon = /** @class */ (function (_super) {
             // 如果vendor为空，则不设置前缀,这样可以支持fontawesome v5、fontawesome v6或者其他框架
             iconPrefix = "".concat(icon);
         }
-        return isURLIcon ? (React__default["default"].createElement("img", { className: cx('Icon'), src: icon, style: style })) : (React__default["default"].createElement("i", { className: cx(iconPrefix, className), style: style }));
+        return isURLIcon ? (React__default["default"].createElement("img", { className: cx('Icon'), src: icon, style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave })) : (React__default["default"].createElement("i", { className: cx(iconPrefix, className), style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }));
     };
     Icon.defaultProps = {
         icon: '',
         vendor: 'fa'
     };
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], Icon.prototype, "handleClick", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], Icon.prototype, "handleMouseEnter", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], Icon.prototype, "handleMouseLeave", null);
     return Icon;
 }(React__default["default"].Component));
 /** @class */ ((function (_super) {

package/lib/renderers/Image.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Images.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Json.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */