amis 2.6.0 → 2.7.0

package/esm/renderers/Flex.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __decorate } from 'tslib';

package/esm/renderers/Form/ButtonGroupSelect.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/ButtonToolbar.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __decorate } from 'tslib';

package/esm/renderers/Form/ChainedSelect.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __spreadArray, __rest, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/ChartRadios.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/Checkbox.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/Checkboxes.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/Combo.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate, __metadata, __spreadArray } from 'tslib';

package/esm/renderers/Form/ConditionBuilder.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/Control.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/DiffEditor.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/Editor.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/FieldSet.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate } from 'tslib';

package/esm/renderers/Form/Formula.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/Group.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __rest, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/Hidden.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __decorate } from 'tslib';

package/esm/renderers/Form/IconPicker.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/IconPickerIcons.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 var ICONS = [

package/esm/renderers/Form/IconSelect.d.ts

@@ -18,6 +18,7 @@ export interface IconSelectProps extends FormControlProps, SpinnerExtraProps {
 export interface IconChecked {
     id: string;
     name?: string;
+    svg?: string;
 }
 export interface IconSelectState {
     showModal: boolean;
@@ -34,6 +35,7 @@ export default class IconSelectControl extends React.PureComponent<IconSelectPro
     static defaultProps: Pick<IconSelectProps, 'noDataTip' | 'clearable'>;
     state: IconSelectState;
     constructor(props: IconSelectProps);
+    getValueBySvg(svg: string | undefined): IconSelectStore.SvgIcon | null;
     handleClick(): void;
     handleClear(e: React.MouseEvent): void;
     renderInputArea(): JSX.Element;

package/esm/renderers/Form/IconSelect.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate, __metadata } from 'tslib';
@@ -10,6 +10,7 @@ import { matchSorter } from 'match-sorter';
 import { autobind, FormItem } from 'amis-core';
 import { Icon, SearchBox, Spinner, Modal, Button } from 'amis-ui';
 import debouce from 'lodash/debounce';
+import find from 'lodash/find';
 import * as IconSelectStore from './IconSelectStore.js';
 import { svgIcons, refreshIconList } from './IconSelectStore.js';
 
@@ -30,6 +31,21 @@ var IconSelectControl = /** @class */ (function (_super) {
         _this.handleSearchValueChange = debouce(_this.handleSearchValueChange.bind(_this), 300);
         return _this;
     }
+    IconSelectControl.prototype.getValueBySvg = function (svg) {
+        if (!svg || typeof svg !== 'string') {
+            return null;
+        }
+        var findItem = undefined;
+        if (svgIcons && svgIcons.length) {
+            for (var i = 0; i < svgIcons.length; i++) {
+                findItem = find(svgIcons[i].children, function (i) { return i.svg === svg; });
+                if (findItem) {
+                    break;
+                }
+            }
+        }
+        return findItem || null;
+    };
     IconSelectControl.prototype.handleClick = function () {
         if (this.props.disabled) {
             return;
@@ -42,7 +58,8 @@ var IconSelectControl = /** @class */ (function (_super) {
         this.props.onChange && this.props.onChange('');
     };
     IconSelectControl.prototype.renderInputArea = function () {
-        var _a = this.props, ns = _a.classPrefix, disabled = _a.disabled, value = _a.value, placeholder = _a.placeholder, clearable = _a.clearable;
+        var _a = this.props, ns = _a.classPrefix, disabled = _a.disabled, valueTemp = _a.value, placeholder = _a.placeholder, clearable = _a.clearable;
+        var value = typeof valueTemp === 'string' ? this.getValueBySvg(valueTemp) : valueTemp;
         var pureValue = ((value === null || value === void 0 ? void 0 : value.id) && String(value.id).replace(/^svg-/, '')) || '';
         var iconName = (value === null || value === void 0 ? void 0 : value.name) || pureValue;
         return (React.createElement("div", { className: cx("".concat(ns, "IconSelectControl-input-area")) },
@@ -73,9 +90,15 @@ var IconSelectControl = /** @class */ (function (_super) {
     };
     IconSelectControl.prototype.handleConfirm = function () {
         var checkedIcon = this.state.tmpCheckIconId;
-        this.props.onChange &&
-            this.props.onChange(checkedIcon && checkedIcon.id
-                ? __assign(__assign({}, checkedIcon), { id: 'svg-' + checkedIcon.id }) : '');
+        if (this.props.returnSvg) {
+            this.props.onChange &&
+                this.props.onChange(checkedIcon && checkedIcon.svg || '');
+        }
+        else {
+            this.props.onChange &&
+                this.props.onChange(checkedIcon && checkedIcon.id
+                    ? __assign(__assign({}, checkedIcon), { id: 'svg-' + checkedIcon.id }) : '');
+        }
         this.toggleModel(false);
     };
     IconSelectControl.prototype.handleClickIconInModal = function (icon) {
@@ -169,7 +192,8 @@ var IconSelectControl = /** @class */ (function (_super) {
             []);
     };
     IconSelectControl.prototype.toggleModel = function (isShow) {
-        var value = this.props.value;
+        var valueTemp = this.props.value;
+        var value = typeof valueTemp === 'string' ? this.getValueBySvg(valueTemp) : valueTemp;
         if (isShow === undefined) {
             this.setState({
                 showModal: !this.state.showModal,

package/esm/renderers/Form/IconSelectStore.d.ts

@@ -1,6 +1,7 @@
 export interface SvgIcon {
     name: string;
     id: string;
+    svg?: string;
 }
 export interface SvgIconGroup {
     name: string;

package/esm/renderers/Form/IconSelectStore.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import cloneDeep from 'lodash/cloneDeep';

package/esm/renderers/Form/InputArray.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate } from 'tslib';

package/esm/renderers/Form/InputCity.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __decorate, __metadata, __awaiter, __generator } from 'tslib';

package/esm/renderers/Form/InputColor.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputDate.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __rest, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputDateRange.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __rest, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputExcel.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputFile.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate } from 'tslib';

package/esm/renderers/Form/InputFormula.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputGroup.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __decorate } from 'tslib';

package/esm/renderers/Form/InputImage.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __spreadArray, __decorate } from 'tslib';

package/esm/renderers/Form/InputMonthRange.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputNumber.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __decorate, __metadata, __assign } from 'tslib';

package/esm/renderers/Form/InputQuarterRange.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputRange.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputRating.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputRepeat.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __decorate } from 'tslib';

package/esm/renderers/Form/InputRichText.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate } from 'tslib';

package/esm/renderers/Form/InputSubForm.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __decorate } from 'tslib';

package/esm/renderers/Form/InputTable.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate, __metadata, __spreadArray } from 'tslib';

package/esm/renderers/Form/InputTag.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputText.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { isEffectiveApi, createObject, setVariable, resolveEventData, ucFirst, highlight, filter, generateIcon, autobind, OptionsControl } from 'amis-core';
+import { isEffectiveApi, createObject, setVariable, resolveEventData, ucFirst, highlight, filter, generateIcon, insertCustomStyle, autobind, OptionsControl } from 'amis-core';
 import Downshift from 'downshift';
 import { matchSorter } from 'match-sorter';
 import debouce from 'lodash/debounce';
@@ -500,8 +500,8 @@ var TextControl = /** @class */ (function (_super) {
                         maxLength: maxLength,
                         minLength: minLength
                     }), { autoComplete: "off", size: 10, className: cx(nativeInputClassName) }))),
-                clearable && !disabled && !readOnly && value ? (React.createElement("a", { onClick: _this.clearValue, className: cx('TextControl-clear') },
-                    React.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
+                clearable && !disabled && !readOnly && value ? (React.createElement("a", { onClick: _this.clearValue },
+                    React.createElement(Icon, { icon: "input-clear", className: "icon", wrapClassName: cx('TextControl-clear'), iconContent: "InputBox-clear" }))) : null,
                 showCounter ? (React.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,
@@ -532,7 +532,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.createElement("div", { className: cx('TextControl-input', (_a = {},
                 _a["TextControl-input--border".concat(ucFirst(borderMode))] = borderMode,
@@ -541,15 +541,15 @@ var TextControl = /** @class */ (function (_super) {
             React.createElement(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.createElement("a", { onClick: this.clearValue, className: "".concat(ns, "TextControl-clear") },
-                React.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
-            type === 'password' && revealPassword && !disabled ? (React.createElement("a", { onClick: this.toggleRevealPassword, className: "".concat(ns, "TextControl-revealPassword") }, this.state.revealPassword ? (React.createElement(Icon, { icon: "view", className: "icon" })) : (React.createElement(Icon, { icon: "invisible", className: "icon" })))) : null,
+            clearable && !disabled && !readOnly && value ? (React.createElement("a", { onClick: this.clearValue, className: cx('TextControl-clear') },
+                React.createElement(Icon, { icon: "input-clear", className: "icon", iconContent: "InputText-clear" }))) : null,
+            type === 'password' && revealPassword && !disabled ? (React.createElement("a", { onClick: this.toggleRevealPassword, className: cx('TextControl-revealPassword') }, this.state.revealPassword ? (React.createElement(Icon, { icon: "view", className: cx('TextControl-icon-view'), wrapClassName: cx('TextControl-icon-view'), iconContent: "InputText-view" })) : (React.createElement(Icon, { icon: "invisible", className: cx('TextControl-icon-invisible'), wrapClassName: cx('TextControl-icon-invisible'), iconContent: "InputText-invisible" })))) : null,
             showCounter ? (React.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.createElement("span", { className: cx('TextControl-inputSuffix') }, 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,
@@ -558,9 +558,9 @@ var TextControl = /** @class */ (function (_super) {
             : addOnRaw;
         var iconElement = 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.createElement("div", { className: cx("".concat(ns, "TextControl-button"), addOn.className) }, render('addOn', addOn, {
+            ~['button', 'submit', 'reset', 'action'].indexOf(addOn.type) ? (React.createElement("div", { className: cx("".concat(ns, "TextControl-button"), addOnClassName) }, render('addOn', addOn, {
             disabled: disabled
-        }))) : (React.createElement("div", { className: cx("".concat(ns, "TextControl-addOn"), addOn.className) },
+        }))) : (React.createElement("div", { className: cx("".concat(ns, "TextControl-addOn"), addOnClassName) },
             iconElement,
             addOn.label ? filter(addOn.label, data) : null))) : null;
         if (inputOnly) {
@@ -581,10 +581,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();
+        insertCustomStyle(css, [
+            {
+                key: 'inputControlClassName',
+                value: inputControlClassName,
+                weights: {
+                    active: {
+                        pre: 'is-focused .'
+                    }
+                }
+            }
+        ], id);
+        insertCustomStyle(css, [
+            {
+                key: 'addOnClassName',
+                value: addOnClassName
+            }
+        ], id + '-addOn');
         return this.renderBody(input);
     };
     TextControl.defaultProps = {

package/esm/renderers/Form/InputTree.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/InputYearRange.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';

package/esm/renderers/Form/JSONSchema.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate } from 'tslib';

package/esm/renderers/Form/JSONSchemaEditor.js

@@ -1,6 +1,6 @@
 /**
- * amis v2.6.0
- * Copyright 2018-2022 baidu
+ * amis v2.7.0
+ * Copyright 2018-2023 baidu
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';