amis 2.3.2-beta.1 → 2.4.1-beta.0

package/lib/renderers/Form/InputCity.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.1-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,11 +11,64 @@ var tslib = require('tslib');
 var React = require('react');
 var amisCore = require('amis-core');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+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) {
+    Promise.resolve().then(function() {return new Promise(function(fullfill) {require(['amis-ui/lib/components/CityDB'], function(mod) {fullfill(tslib.__importStar(mod))})})}).then(callback);
+};
 var CityPicker = /** @class */ (function (_super) {
     tslib.__extends(CityPicker, _super);
     function CityPicker() {
@@ -49,7 +102,7 @@ var CityPicker = /** @class */ (function (_super) {
             callback === null || callback === void 0 ? void 0 : callback();
             return;
         }
-        Promise.resolve().then(function() {return new Promise(function(fullfill) {require(['amis-ui/lib/components/CityDB'], function(mod) {fullfill(tslib.__importStar(mod))})})}).then(function (db) {
+        loadDb(function (db) {
             _this.setState({
                 db: tslib.__assign(tslib.__assign({}, db.default), { province: db.province, city: db.city, district: db.district })
             }, callback);
@@ -129,55 +182,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;
@@ -286,7 +301,11 @@ var ThemedCity = amisCore.themeable(amisCore.localeable(CityPicker));
 var LocationControl = /** @class */ (function (_super) {
     tslib.__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;
@@ -317,6 +336,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: tslib.__assign(tslib.__assign({}, db.default), { province: db.province, city: db.city, district: db.district })
+                });
+            });
+            return React__default["default"].createElement(amisUi.Spinner, { size: 'sm' });
+        }
+        if (!value) {
+            return React__default["default"].createElement(React__default["default"].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__default["default"].createElement(React__default["default"].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 && amisCore.isMobile();
@@ -334,6 +377,12 @@ var LocationControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", Promise)
     ], LocationControl.prototype, "handleChange", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "render", null);
     return LocationControl;
 }(React__default["default"].Component));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/InputColor.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.1-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cx = require('classnames');
 var amisCore = require('amis-core');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,7 +30,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 = tslib.__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 = tslib.__rest(_a, ["className", "classPrefix", "value", "env", "static", "useMobileUI"]);
         var mobileUI = useMobileUI && amisCore.isMobile();
         return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "ColorControl"), className) },
             React__default["default"].createElement(React.Suspense, { fallback: React__default["default"].createElement("div", null, "...") },
@@ -43,6 +44,12 @@ var ColorControl = /** @class */ (function (_super) {
         format: 'hex',
         clearable: true
     };
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], ColorControl.prototype, "render", null);
     return ColorControl;
 }(React__default["default"].PureComponent));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/InputDate.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.1-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -13,6 +13,7 @@ var amisCore = require('amis-core');
 var moment = require('moment');
 require('moment/locale/zh-cn');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -183,6 +184,12 @@ var DateControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", Promise)
     ], DateControl.prototype, "handleChange", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], DateControl.prototype, "render", null);
     return DateControl;
 }(React__default["default"].PureComponent));
 var DateControlRenderer = /** @class */ (function (_super) {

package/lib/renderers/Form/InputDateRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.1-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -13,6 +13,7 @@ var amisCore = require('amis-core');
 var cx = require('classnames');
 require('moment/locale/zh-cn');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -127,6 +128,12 @@ var DateRangeControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", Promise)
     ], DateRangeControl.prototype, "handleChange", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], DateRangeControl.prototype, "render", null);
     return DateRangeControl;
 }(React__default["default"].Component));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/InputExcel.js

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

package/lib/renderers/Form/InputFile.js

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

package/lib/renderers/Form/InputFormula.js

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

package/lib/renderers/Form/InputGroup.js

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

package/lib/renderers/Form/InputImage.js

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

package/lib/renderers/Form/InputMonthRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.1-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -13,6 +13,7 @@ var amisCore = require('amis-core');
 var cx = require('classnames');
 var InputDateRange = require('./InputDateRange.js');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,6 +30,12 @@ var MonthRangeControl = /** @class */ (function (_super) {
         return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "DateRangeControl"), className) },
             React__default["default"].createElement(amisUi.DateRangePicker, tslib.__assign({ viewMode: "months", format: format, classPrefix: ns, data: data }, rest, { minDate: minDate ? amisCore.filterDate(minDate, data, format) : undefined, maxDate: maxDate ? amisCore.filterDate(maxDate, data, format) : undefined, minDuration: minDuration ? amisCore.parseDuration(minDuration) : undefined, maxDuration: maxDuration ? amisCore.parseDuration(maxDuration) : undefined, onChange: this.handleChange, onFocus: this.dispatchEvent, onBlur: this.dispatchEvent }))));
     };
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], MonthRangeControl.prototype, "render", null);
     return MonthRangeControl;
 }(InputDateRange["default"]));
 /** @class */ ((function (_super) {

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

@@ -70,6 +70,9 @@ export interface NumberProps extends FormControlProps {
     max?: number | string;
     min?: number | string;
     step?: number;
+    /**
+     *  精度
+     */
     precision?: number;
     /**
      * 边框模式，全边框，还是半边框，或者没边框。
@@ -123,10 +126,12 @@ export default class NumberControl extends React.Component<NumberProps, NumberSt
     dispatchEvent(eventName: string): Promise<void>;
     handleChange(inputValue: any): Promise<void>;
     filterNum(value: number | string | undefined): number | undefined;
+    filterNum(value: number | string | undefined, isbig: boolean | undefined): number | string | 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/lib/renderers/Form/InputNumber.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.1-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -9,10 +9,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var MiniDecimal = require('../../node_modules/rc-input-number/lib/utils/MiniDecimal.js');
+var MiniDecimal = require('rc-input-number/lib/utils/MiniDecimal');
 var amisCore = require('amis-core');
 var cx = require('classnames');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,8 +28,8 @@ var NumberControl = /** @class */ (function (_super) {
         _this.handleChangeUnit = _this.handleChangeUnit.bind(_this);
         var unit = _this.getUnit();
         var unitOptions = amisCore.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 = amisUi.NumberInput.normalizePrecision(_this.filterNum(precision), _this.filterNum(step));
         /**
          * 如果设置了precision需要处理入参value的精度
          * 如果是带有单位的输入，则不支持精度处理
@@ -50,12 +51,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 = amisUi.NumberInput.normalizePrecision(this.filterNum(precision), this.filterNum(step));
+            var value = amisUi.NumberInput.normalizeValue(resetValue !== null && resetValue !== void 0 ? resetValue : '', this.filterNum(min, big), this.filterNum(max, big), finalPrecision, resetValue !== null && resetValue !== void 0 ? resetValue : '', big);
             onChange === null || onChange === void 0 ? void 0 : onChange(value);
         }
     };
@@ -128,13 +130,16 @@ var NumberControl = /** @class */ (function (_super) {
             });
         });
     };
-    NumberControl.prototype.filterNum = function (value) {
+    /** 处理数字类的props，支持从数据域获取变量值 */
+    NumberControl.prototype.filterNum = function (value, isbig) {
+        if (isbig === void 0) { isbig = false; }
         if (typeof value === 'undefined') {
             return undefined;
         }
         if (typeof value !== 'number') {
             value = amisCore.filter(value, this.props.data);
-            value = /^[-]?\d+/.test(value) ? +value : undefined;
+            // 大数模式，不转数字
+            value = /^[-]?\d+/.test(value) ? (isbig ? value : +value) : undefined;
         }
         return value;
     };
@@ -145,15 +150,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 });
         }
@@ -170,11 +175,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__default["default"].createElement(React__default["default"].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;
         // 数据格式化
@@ -200,7 +213,7 @@ var NumberControl = /** @class */ (function (_super) {
         return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "NumberControl"), (_a = {},
                 _a["".concat(ns, "NumberControl--withUnit")] = unitOptions,
                 _a), className) },
-            React__default["default"].createElement(amisUi.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__default["default"].createElement(amisUi.NumberInput, { inputRef: this.inputRef, value: finalValue, resetValue: resetValue, step: step, max: this.filterNum(max, big), min: this.filterNum(min, big), 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__default["default"].createElement(amisUi.Select, { value: unit, clearable: false, options: this.state.unitOptions || [], onChange: this.handleChangeUnit })) : null));
     };
     NumberControl.defaultProps = {
@@ -219,6 +232,12 @@ var NumberControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", void 0)
     ], NumberControl.prototype, "inputRef", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], NumberControl.prototype, "render", null);
     return NumberControl;
 }(React__default["default"].Component));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/InputQuarterRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.1-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -13,6 +13,7 @@ var amisCore = require('amis-core');
 var cx = require('classnames');
 var InputDateRange = require('./InputDateRange.js');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,6 +30,12 @@ var QuarterRangeControl = /** @class */ (function (_super) {
         return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "DateRangeControl"), className) },
             React__default["default"].createElement(amisUi.DateRangePicker, tslib.__assign({ viewMode: "quarters", format: format, classPrefix: ns, data: data }, rest, { minDate: minDate ? amisCore.filterDate(minDate, data, format) : undefined, maxDate: maxDate ? amisCore.filterDate(maxDate, data, format) : undefined, minDuration: minDuration ? amisCore.parseDuration(minDuration) : undefined, maxDuration: maxDuration ? amisCore.parseDuration(maxDuration) : undefined, onChange: this.handleChange, onFocus: this.dispatchEvent, onBlur: this.dispatchEvent }))));
     };
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], QuarterRangeControl.prototype, "render", null);
     return QuarterRangeControl;
 }(InputDateRange["default"]));
 /** @class */ ((function (_super) {

package/lib/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/lib/renderers/Form/InputRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.1-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -15,6 +15,7 @@ var isEqual = require('lodash/isEqual');
 var forEach = require('lodash/forEach');
 var amisCore = require('amis-core');
 var amisUi = require('amis-ui');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -66,11 +67,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
             ? tslib.__assign(tslib.__assign({}, originValue), (_a = {}, _a[type] = _value, _a)) : value !== null && value !== void 0 ? value : min);
     };
     /**
@@ -198,14 +199,14 @@ var Input = /** @class */ (function (_super) {
                 : Math.max(value.min, value.max)
             : value;
         return (React__default["default"].createElement("div", { className: cx("".concat(ns, "InputRange-input")) },
-            React__default["default"].createElement(amisUi.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__default["default"].createElement(amisUi.NumberInput, { value: +_value, step: step, max: this.checkNum(max), min: this.checkNum(min), onChange: this.handleInputNumberChange, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus })));
     };
     tslib.__decorate([
         amisCore.autobind,
         tslib.__metadata("design:type", Function),
         tslib.__metadata("design:paramtypes", [Number]),
         tslib.__metadata("design:returntype", void 0)
-    ], Input.prototype, "onChange", null);
+    ], Input.prototype, "handleInputNumberChange", null);
     tslib.__decorate([
         amisCore.autobind,
         tslib.__metadata("design:type", Function),
@@ -289,7 +290,7 @@ var RangeControl = /** @class */ (function (_super) {
      * 所有触发value变换 -> onChange
      * @param value
      */
-    RangeControl.prototype.onChange = function (value) {
+    RangeControl.prototype.handleChange = function (value) {
         return tslib.__awaiter(this, void 0, void 0, function () {
             var _a, onChange, dispatchEvent, result, rendererEvent;
             return tslib.__generator(this, function (_b) {
@@ -338,7 +339,7 @@ var RangeControl = /** @class */ (function (_super) {
     RangeControl.prototype.render = function () {
         var _this = this;
         var value = this.state.value;
-        var props = tslib.__assign(tslib.__assign({}, this.props), { value: value, onChange: this.onChange, onAfterChange: this.onAfterChange });
+        var props = tslib.__assign(tslib.__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 ? tslib.__assign({}, marks) : marks;
@@ -393,7 +394,7 @@ var RangeControl = /** @class */ (function (_super) {
         tslib.__metadata("design:type", Function),
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", Promise)
-    ], RangeControl.prototype, "onChange", null);
+    ], RangeControl.prototype, "handleChange", null);
     tslib.__decorate([
         amisCore.autobind,
         tslib.__metadata("design:type", Function),
@@ -406,6 +407,12 @@ var RangeControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", void 0)
     ], RangeControl.prototype, "getFormatValue", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], RangeControl.prototype, "render", null);
     return RangeControl;
 }(React__default["default"].PureComponent));
 /** @class */ ((function (_super) {