amis 2.3.2-beta.1 → 2.4.0

package/esm/renderers/Form/InputCity.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -7,7 +7,60 @@ import { __extends, __assign, __decorate, __metadata, __awaiter, __generator } f
 import React from 'react';
 import { autobind, themeable, localeable, resolveEventData, isMobile, FormItem } from 'amis-core';
 import { Select, Spinner, CityArea } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
+var getCityFromCode = function (_a) {
+    var _b;
+    var value = _a.value, db = _a.db, _c = _a.delimiter, delimiter = _c === void 0 ? ',' : _c;
+    var result = {
+        code: 0,
+        province: '',
+        provinceCode: 0,
+        city: '',
+        cityCode: 0,
+        district: '',
+        districtCode: 0,
+        street: ''
+    };
+    if (!db || !value) {
+        return result;
+    }
+    var code = (value && value.code) ||
+        (typeof value === 'number' && value) ||
+        (typeof value === 'string' && /(\d{6})/.test(value) && RegExp.$1);
+    if (code && db[code]) {
+        code = parseInt(code, 10);
+        result.code = code;
+        var provinceCode = code - (code % 10000);
+        if (db[provinceCode]) {
+            result.provinceCode = provinceCode;
+            result.province = db[provinceCode];
+        }
+        var cityCode = code - (code % 100);
+        if (cityCode !== provinceCode && db[cityCode]) {
+            result.cityCode = cityCode;
+            result.city = db[cityCode];
+        }
+        else if (~((_b = db.city[provinceCode]) === null || _b === void 0 ? void 0 : _b.indexOf(code))) {
+            result.cityCode = code;
+            result.city = db[code];
+        }
+        if (code % 100) {
+            result.district = db[code];
+            result.districtCode = code;
+        }
+    }
+    if (value && value.street) {
+        result.street = value.street;
+    }
+    else if (typeof value === 'string' && ~value.indexOf(delimiter)) {
+        result.street = value.slice(value.indexOf(delimiter) + delimiter.length);
+    }
+    return result;
+};
+var loadDb = function (callback) {
+    import('amis-ui/lib/components/CityDB').then(callback);
+};
 var CityPicker = /** @class */ (function (_super) {
     __extends(CityPicker, _super);
     function CityPicker() {
@@ -41,7 +94,7 @@ var CityPicker = /** @class */ (function (_super) {
             callback === null || callback === void 0 ? void 0 : callback();
             return;
         }
-        import('amis-ui/lib/components/CityDB').then(function (db) {
+        loadDb(function (db) {
             _this.setState({
                 db: __assign(__assign({}, db.default), { province: db.province, city: db.city, district: db.district })
             }, callback);
@@ -121,55 +174,17 @@ var CityPicker = /** @class */ (function (_super) {
         this.syncOut();
     };
     CityPicker.prototype.syncIn = function (props) {
-        var _a;
         if (props === void 0) { props = this.props; }
         var db = this.state.db;
         var value = props.value, delimiter = props.delimiter;
         if (!db) {
             return;
         }
-        var state = {
-            code: 0,
-            province: '',
-            provinceCode: 0,
-            city: '',
-            cityCode: 0,
-            district: '',
-            districtCode: 0,
-            street: ''
-        };
-        var code = (value && value.code) ||
-            (typeof value === 'number' && value) ||
-            (typeof value === 'string' && /(\d{6})/.test(value) && RegExp.$1);
-        if (code && db[code]) {
-            code = parseInt(code, 10);
-            state.code = code;
-            var provinceCode = code - (code % 10000);
-            if (db[provinceCode]) {
-                state.provinceCode = provinceCode;
-                state.province = db[provinceCode];
-            }
-            var cityCode = code - (code % 100);
-            if (cityCode !== provinceCode && db[cityCode]) {
-                state.cityCode = cityCode;
-                state.city = db[cityCode];
-            }
-            else if (~((_a = db.city[provinceCode]) === null || _a === void 0 ? void 0 : _a.indexOf(code))) {
-                state.cityCode = code;
-                state.city = db[code];
-            }
-            if (code % 100) {
-                state.district = db[code];
-                state.districtCode = code;
-            }
-        }
-        if (value && value.street) {
-            state.street = value.street;
-        }
-        else if (typeof value === 'string' && ~value.indexOf(delimiter)) {
-            state.street = value.slice(value.indexOf(delimiter) + delimiter.length);
-        }
-        this.setState(state);
+        this.setState(getCityFromCode({
+            value: value,
+            delimiter: delimiter,
+            db: db
+        }));
     };
     CityPicker.prototype.syncOut = function () {
         var _a = this.props, onChange = _a.onChange, allowStreet = _a.allowStreet, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter;
@@ -278,7 +293,11 @@ var ThemedCity = themeable(localeable(CityPicker));
 var LocationControl = /** @class */ (function (_super) {
     __extends(LocationControl, _super);
     function LocationControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            db: null
+        };
+        return _this;
     }
     LocationControl.prototype.doAction = function (action, data, throwErrors) {
         var _a = this.props, resetValue = _a.resetValue, onChange = _a.onChange;
@@ -309,6 +328,30 @@ var LocationControl = /** @class */ (function (_super) {
             });
         });
     };
+    LocationControl.prototype.renderStatic = function (displayValue) {
+        var _this = this;
+        if (displayValue === void 0) { displayValue = ''; }
+        var _a = this.props, value = _a.value, delimiter = _a.delimiter;
+        if (!this.state.db) {
+            loadDb(function (db) {
+                _this.setState({
+                    db: __assign(__assign({}, db.default), { province: db.province, city: db.city, district: db.district })
+                });
+            });
+            return React.createElement(Spinner, { size: 'sm' });
+        }
+        if (!value) {
+            return React.createElement(React.Fragment, null, displayValue);
+        }
+        var _b = getCityFromCode({
+            value: value,
+            delimiter: delimiter,
+            db: this.state.db
+        }), province = _b.province, city = _b.city, district = _b.district, street = _b.street;
+        return (React.createElement(React.Fragment, null, [province, city, district, street]
+            .filter(function (v) { return !!v; })
+            .join(delimiter)));
+    };
     LocationControl.prototype.render = function () {
         var _a = this.props, value = _a.value, allowCity = _a.allowCity, allowDistrict = _a.allowDistrict, extractValue = _a.extractValue, joinValues = _a.joinValues, allowStreet = _a.allowStreet, disabled = _a.disabled, searchable = _a.searchable, env = _a.env, useMobileUI = _a.useMobileUI;
         var mobileUI = useMobileUI && isMobile();
@@ -326,6 +369,12 @@ var LocationControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], LocationControl.prototype, "handleChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "render", null);
     return LocationControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/InputColor.js

@@ -1,12 +1,13 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __rest, __assign, __decorate } from 'tslib';
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React, { Suspense } from 'react';
 import cx from 'classnames';
 import { isMobile, FormItem } from 'amis-core';
+import { supportStatic } from './StaticHoc.js';
 
 // todo amis-ui 里面组件直接改成按需加载
 var ColorPicker = React.lazy(function () { return import('amis-ui/lib/components/ColorPicker'); });
@@ -20,7 +21,7 @@ var ColorControl = /** @class */ (function (_super) {
         return _this;
     }
     ColorControl.prototype.render = function () {
-        var _a = this.props, className = _a.className, ns = _a.classPrefix, value = _a.value, env = _a.env, useMobileUI = _a.useMobileUI, rest = __rest(_a, ["className", "classPrefix", "value", "env", "useMobileUI"]);
+        var _a = this.props, className = _a.className, ns = _a.classPrefix, value = _a.value, env = _a.env; _a.static; var useMobileUI = _a.useMobileUI, rest = __rest(_a, ["className", "classPrefix", "value", "env", "static", "useMobileUI"]);
         var mobileUI = useMobileUI && isMobile();
         return (React.createElement("div", { className: cx("".concat(ns, "ColorControl"), className) },
             React.createElement(Suspense, { fallback: React.createElement("div", null, "...") },
@@ -34,6 +35,12 @@ var ColorControl = /** @class */ (function (_super) {
         format: 'hex',
         clearable: true
     };
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ColorControl.prototype, "render", null);
     return ColorControl;
 }(React.PureComponent));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/InputDate.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -9,6 +9,7 @@ import { filterDate, resolveVariableAndFilter, anyChanged, isPureVariable, creat
 import moment from 'moment';
 import 'moment/locale/zh-cn';
 import { DatePicker } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var DateControl = /** @class */ (function (_super) {
     __extends(DateControl, _super);
@@ -174,6 +175,12 @@ var DateControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], DateControl.prototype, "handleChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], DateControl.prototype, "render", null);
     return DateControl;
 }(React.PureComponent));
 var DateControlRenderer = /** @class */ (function (_super) {

package/esm/renderers/Form/InputDateRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -9,6 +9,7 @@ import { filterDate, resolveEventData, isMobile, parseDuration, autobind, FormIt
 import cx from 'classnames';
 import 'moment/locale/zh-cn';
 import { DateRangePicker } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var DateRangeControl = /** @class */ (function (_super) {
     __extends(DateRangeControl, _super);
@@ -118,6 +119,12 @@ var DateRangeControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], DateRangeControl.prototype, "handleChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], DateRangeControl.prototype, "render", null);
     return DateRangeControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/InputExcel.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputFile.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputFormula.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputGroup.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputImage.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputMonthRange.js

@@ -1,14 +1,15 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __rest, __assign, __decorate } from 'tslib';
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import { filterDate, parseDuration, FormItem } from 'amis-core';
 import cx from 'classnames';
 import DateRangeControl from './InputDateRange.js';
 import { DateRangePicker } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var MonthRangeControl = /** @class */ (function (_super) {
     __extends(MonthRangeControl, _super);
@@ -20,6 +21,12 @@ var MonthRangeControl = /** @class */ (function (_super) {
         return (React.createElement("div", { className: cx("".concat(ns, "DateRangeControl"), className) },
             React.createElement(DateRangePicker, __assign({ viewMode: "months", format: format, classPrefix: ns, data: data }, rest, { minDate: minDate ? filterDate(minDate, data, format) : undefined, maxDate: maxDate ? filterDate(maxDate, data, format) : undefined, minDuration: minDuration ? parseDuration(minDuration) : undefined, maxDuration: maxDuration ? parseDuration(maxDuration) : undefined, onChange: this.handleChange, onFocus: this.dispatchEvent, onBlur: this.dispatchEvent }))));
     };
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], MonthRangeControl.prototype, "render", null);
     return MonthRangeControl;
 }(DateRangeControl));
 /** @class */ ((function (_super) {

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

@@ -70,6 +70,9 @@ export interface NumberProps extends FormControlProps {
     max?: number | string;
     min?: number | string;
     step?: number;
+    /**
+     *  精度
+     */
     precision?: number;
     /**
      * 边框模式，全边框，还是半边框，或者没边框。
@@ -122,11 +125,13 @@ export default class NumberControl extends React.Component<NumberProps, NumberSt
     getValue(inputValue: any): any;
     dispatchEvent(eventName: string): Promise<void>;
     handleChange(inputValue: any): Promise<void>;
+    /** 处理数字类的props，支持从数据域获取变量值 */
     filterNum(value: number | string | undefined): number | undefined;
     handleChangeUnit(option: Option): void;
     componentDidUpdate(prevProps: NumberProps): void;
     inputRef(ref: any): void;
     focus(): void;
+    renderStatic(displayValue?: string): JSX.Element;
     render(): JSX.Element;
 }
 export declare class NumberControlRenderer extends NumberControl {

package/esm/renderers/Form/InputNumber.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -9,6 +9,7 @@ import { toFixed as toFixed_1 } from '../../node_modules/rc-input-number/lib/uti
 import { normalizeOptions, resolveEventData, filter, autobind, FormItem } from 'amis-core';
 import cx from 'classnames';
 import { NumberInput, Select } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var NumberControl = /** @class */ (function (_super) {
     __extends(NumberControl, _super);
@@ -18,8 +19,8 @@ var NumberControl = /** @class */ (function (_super) {
         _this.handleChangeUnit = _this.handleChangeUnit.bind(_this);
         var unit = _this.getUnit();
         var unitOptions = normalizeOptions(props.unitOptions);
-        var formItem = props.formItem, setPrinstineValue = props.setPrinstineValue, precision = props.precision, value = props.value;
-        var normalizedPrecision = _this.filterNum(precision);
+        var formItem = props.formItem, setPrinstineValue = props.setPrinstineValue, precision = props.precision, step = props.step, value = props.value;
+        var normalizedPrecision = NumberInput.normalizePrecision(_this.filterNum(precision), _this.filterNum(step));
         /**
          * 如果设置了precision需要处理入参value的精度
          * 如果是带有单位的输入，则不支持精度处理
@@ -41,12 +42,13 @@ var NumberControl = /** @class */ (function (_super) {
      */
     NumberControl.prototype.doAction = function (action, args) {
         var actionType = action === null || action === void 0 ? void 0 : action.actionType;
-        var _a = this.props, resetValue = _a.resetValue, onChange = _a.onChange;
+        var _a = this.props, min = _a.min, max = _a.max, precision = _a.precision, step = _a.step, resetValue = _a.resetValue, big = _a.big, onChange = _a.onChange;
         if (actionType === 'clear') {
             onChange === null || onChange === void 0 ? void 0 : onChange('');
         }
         else if (actionType === 'reset') {
-            var value = this.getValue(resetValue !== null && resetValue !== void 0 ? resetValue : '');
+            var finalPrecision = NumberInput.normalizePrecision(this.filterNum(precision), this.filterNum(step));
+            var value = NumberInput.normalizeValue(resetValue !== null && resetValue !== void 0 ? resetValue : '', this.filterNum(min), this.filterNum(max), finalPrecision, resetValue !== null && resetValue !== void 0 ? resetValue : '', big);
             onChange === null || onChange === void 0 ? void 0 : onChange(value);
         }
     };
@@ -119,6 +121,7 @@ var NumberControl = /** @class */ (function (_super) {
             });
         });
     };
+    /** 处理数字类的props，支持从数据域获取变量值 */
     NumberControl.prototype.filterNum = function (value) {
         if (typeof value === 'undefined') {
             return undefined;
@@ -136,15 +139,15 @@ var NumberControl = /** @class */ (function (_super) {
         var prevUnitValue = this.state.unit;
         this.setState({ unit: option.value }, function () {
             if (value) {
-                value = value.replace(prevUnitValue, '');
+                value = value.toString().replace(prevUnitValue, '');
                 _this.props.onChange(value + _this.state.unit);
             }
         });
     };
     NumberControl.prototype.componentDidUpdate = function (prevProps) {
-        if (!isNaN(this.props.value) &&
-            !isNaN(prevProps.value) &&
-            this.props.value !== prevProps.value) {
+        // 匹配 数字 + ?字符
+        var reg = /^([-+]?(([1-9]\d*\.?\d*)|(0\.\d*[1-9]))[^\d\.]*)$/;
+        if (reg.test(this.props.value) && this.props.value !== prevProps.value) {
             var unit = this.getUnit();
             this.setState({ unit: unit });
         }
@@ -161,11 +164,19 @@ var NumberControl = /** @class */ (function (_super) {
         }
         this.input.focus();
     };
+    NumberControl.prototype.renderStatic = function (displayValue) {
+        if (displayValue === void 0) { displayValue = '-'; }
+        var _a = this.props, unit = _a.unit, value = _a.value;
+        var finalValue = unit && value && typeof value === 'string'
+            ? value.replace(unit, '')
+            : value;
+        return React.createElement(React.Fragment, null, finalValue || displayValue);
+    };
     NumberControl.prototype.render = function () {
         var _a;
         var _this = this;
         var _b;
-        var _c = this.props, className = _c.className, ns = _c.classPrefix, value = _c.value, step = _c.step, precision = _c.precision, max = _c.max, min = _c.min, disabled = _c.disabled, placeholder = _c.placeholder, showSteps = _c.showSteps, borderMode = _c.borderMode, suffix = _c.suffix, prefix = _c.prefix, kilobitSeparator = _c.kilobitSeparator, unitOptions = _c.unitOptions, readOnly = _c.readOnly, keyboard = _c.keyboard, displayMode = _c.displayMode, big = _c.big;
+        var _c = this.props, className = _c.className, ns = _c.classPrefix, value = _c.value, step = _c.step, precision = _c.precision, max = _c.max, min = _c.min, disabled = _c.disabled, placeholder = _c.placeholder, showSteps = _c.showSteps, borderMode = _c.borderMode, suffix = _c.suffix, prefix = _c.prefix, kilobitSeparator = _c.kilobitSeparator, unitOptions = _c.unitOptions, readOnly = _c.readOnly, keyboard = _c.keyboard, displayMode = _c.displayMode, big = _c.big, resetValue = _c.resetValue;
         var finalPrecision = this.filterNum(precision);
         var unit = (_b = this.state) === null || _b === void 0 ? void 0 : _b.unit;
         // 数据格式化
@@ -191,7 +202,7 @@ var NumberControl = /** @class */ (function (_super) {
         return (React.createElement("div", { className: cx("".concat(ns, "NumberControl"), (_a = {},
                 _a["".concat(ns, "NumberControl--withUnit")] = unitOptions,
                 _a), className) },
-            React.createElement(NumberInput, { inputRef: this.inputRef, value: finalValue, step: step, max: this.filterNum(max), min: this.filterNum(min), formatter: formatter, parser: parser, onChange: this.handleChange, disabled: disabled, placeholder: placeholder, precision: finalPrecision, showSteps: showSteps, borderMode: borderMode, readOnly: readOnly, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); }, keyboard: keyboard, displayMode: displayMode, big: big }),
+            React.createElement(NumberInput, { inputRef: this.inputRef, value: finalValue, resetValue: resetValue, step: step, max: this.filterNum(max), min: this.filterNum(min), formatter: formatter, parser: parser, onChange: this.handleChange, disabled: disabled, placeholder: placeholder, precision: finalPrecision, showSteps: showSteps, borderMode: borderMode, readOnly: readOnly, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); }, keyboard: keyboard, displayMode: displayMode, big: big }),
             unitOptions ? (React.createElement(Select, { value: unit, clearable: false, options: this.state.unitOptions || [], onChange: this.handleChangeUnit })) : null));
     };
     NumberControl.defaultProps = {
@@ -210,6 +221,12 @@ var NumberControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], NumberControl.prototype, "inputRef", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], NumberControl.prototype, "render", null);
     return NumberControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/InputQuarterRange.js

@@ -1,14 +1,15 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __rest, __assign, __decorate } from 'tslib';
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import { filterDate, parseDuration, FormItem } from 'amis-core';
 import cx from 'classnames';
 import DateRangeControl from './InputDateRange.js';
 import { DateRangePicker } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var QuarterRangeControl = /** @class */ (function (_super) {
     __extends(QuarterRangeControl, _super);
@@ -20,6 +21,12 @@ var QuarterRangeControl = /** @class */ (function (_super) {
         return (React.createElement("div", { className: cx("".concat(ns, "DateRangeControl"), className) },
             React.createElement(DateRangePicker, __assign({ viewMode: "quarters", format: format, classPrefix: ns, data: data }, rest, { minDate: minDate ? filterDate(minDate, data, format) : undefined, maxDate: maxDate ? filterDate(maxDate, data, format) : undefined, minDuration: minDuration ? parseDuration(minDuration) : undefined, maxDuration: maxDuration ? parseDuration(maxDuration) : undefined, onChange: this.handleChange, onFocus: this.dispatchEvent, onBlur: this.dispatchEvent }))));
     };
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], QuarterRangeControl.prototype, "render", null);
     return QuarterRangeControl;
 }(DateRangeControl));
 /** @class */ ((function (_super) {

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

@@ -1,7 +1,6 @@
 import React from 'react';
-import { FormControlProps } from 'amis-core';
+import { FormControlProps, ActionObject } from 'amis-core';
 import { FormBaseControlSchema, SchemaObject } from '../../Schema';
-import { ActionObject } from 'amis-core';
 /**
  * Range
  * 文档：https://baidu.gitee.io/amis/docs/components/form/range
@@ -211,7 +210,7 @@ export declare class Input extends React.Component<RangeItemProps, any> {
      * onChange事件，只能输入数字
      * @param e React.ChangeEvent
      */
-    onChange(value: number): void;
+    handleInputNumberChange(value: number): void;
     /**
      * 双滑块 更新value
      * @param value 输入的value值
@@ -255,7 +254,7 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
      * 所有触发value变换 -> onChange
      * @param value
      */
-    onChange(value: FormatValue): Promise<void>;
+    handleChange(value: FormatValue): Promise<void>;
     /**
      * 鼠标松开事件
      */

package/esm/renderers/Form/InputRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ import isEqual from 'lodash/isEqual';
 import forEach from 'lodash/forEach';
 import { filter, resolveEventData, autobind, stripNumber, FormItem } from 'amis-core';
 import { NumberInput, Range, Icon } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 /**
  * 格式化初始value值
@@ -54,11 +55,11 @@ var Input = /** @class */ (function (_super) {
      * onChange事件，只能输入数字
      * @param e React.ChangeEvent
      */
-    Input.prototype.onChange = function (value) {
+    Input.prototype.handleInputNumberChange = function (value) {
         var _a;
-        var _b = this.props, multiple = _b.multiple, originValue = _b.value, type = _b.type, min = _b.min;
+        var _b = this.props, multiple = _b.multiple, originValue = _b.value, type = _b.type, min = _b.min, onChange = _b.onChange;
         var _value = this.getValue(value, type);
-        this.props.onChange(multiple
+        onChange === null || onChange === void 0 ? void 0 : onChange(multiple
             ? __assign(__assign({}, originValue), (_a = {}, _a[type] = _value, _a)) : value !== null && value !== void 0 ? value : min);
     };
     /**
@@ -186,14 +187,14 @@ var Input = /** @class */ (function (_super) {
                 : Math.max(value.min, value.max)
             : value;
         return (React.createElement("div", { className: cx("".concat(ns, "InputRange-input")) },
-            React.createElement(NumberInput, { value: +_value, step: step, max: this.checkNum(max), min: this.checkNum(min), onChange: this.onChange, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus })));
+            React.createElement(NumberInput, { value: +_value, step: step, max: this.checkNum(max), min: this.checkNum(min), onChange: this.handleInputNumberChange, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus })));
     };
     __decorate([
         autobind,
         __metadata("design:type", Function),
         __metadata("design:paramtypes", [Number]),
         __metadata("design:returntype", void 0)
-    ], Input.prototype, "onChange", null);
+    ], Input.prototype, "handleInputNumberChange", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),
@@ -277,7 +278,7 @@ var RangeControl = /** @class */ (function (_super) {
      * 所有触发value变换 -> onChange
      * @param value
      */
-    RangeControl.prototype.onChange = function (value) {
+    RangeControl.prototype.handleChange = function (value) {
         return __awaiter(this, void 0, void 0, function () {
             var _a, onChange, dispatchEvent, result, rendererEvent;
             return __generator(this, function (_b) {
@@ -326,7 +327,7 @@ var RangeControl = /** @class */ (function (_super) {
     RangeControl.prototype.render = function () {
         var _this = this;
         var value = this.state.value;
-        var props = __assign(__assign({}, this.props), { value: value, onChange: this.onChange, onAfterChange: this.onAfterChange });
+        var props = __assign(__assign({}, this.props), { value: value, onChange: this.handleChange, onAfterChange: this.onAfterChange });
         var ns = props.classPrefix, multiple = props.multiple; props.parts; var showInput = props.showInput, cx = props.classnames, className = props.className, disabled = props.disabled, clearable = props.clearable, min = props.min, max = props.max, render = props.render, marks = props.marks, region = props.region;
         // 处理自定义json配置
         var renderMarks = marks ? __assign({}, marks) : marks;
@@ -381,7 +382,7 @@ var RangeControl = /** @class */ (function (_super) {
         __metadata("design:type", Function),
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
-    ], RangeControl.prototype, "onChange", null);
+    ], RangeControl.prototype, "handleChange", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),
@@ -394,6 +395,12 @@ var RangeControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], RangeControl.prototype, "getFormatValue", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], RangeControl.prototype, "render", null);
     return RangeControl;
 }(React.PureComponent));
 /** @class */ ((function (_super) {

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

@@ -68,6 +68,7 @@ export default class RatingControl extends React.Component<RatingProps, any> {
     static defaultProps: Partial<RatingProps>;
     doAction(action: ActionObject, data: object, throwErrors: boolean): void;
     handleChange(value: any): Promise<void>;
+    renderStatic(): JSX.Element;
     render(): JSX.Element;
 }
 export declare class RatingControlRenderer extends RatingControl {