amis-ui 6.13.0-beta.8 → 6.13.0

package/esm/components/NumberInput.d.ts

@@ -0,0 +1,201 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps, TestIdBuilder } from 'amis-core';
+export type ValueType = string | number;
+export interface NumberProps extends ThemeProps {
+    name?: string;
+    placeholder?: string;
+    max?: ValueType;
+    min?: ValueType;
+    step?: number;
+    showSteps?: boolean;
+    precision?: number;
+    disabled?: boolean;
+    /**
+     * 只读
+     */
+    readOnly?: boolean;
+    value?: ValueType;
+    onChange?: (value: number) => void;
+    /**
+     * 边框模式，全边框，还是半边框，或者没边框。
+     */
+    borderMode?: 'full' | 'half' | 'none';
+    /**
+     * 指定输入框展示值的格式
+     */
+    formatter?: Function;
+    /**
+     * 指定从 formatter 里转换回数字的方式，和 formatter 搭配使用
+     */
+    parser?: Function;
+    inputRef?: Function;
+    /**
+     * 获取焦点事件
+     */
+    onFocus?: Function;
+    /**
+     * 失去焦点事件
+     */
+    onBlur?: Function;
+    /**
+     * 指定输入框是基础输入框，增强输入框
+     */
+    displayMode?: 'base' | 'enhance';
+    keyboard?: Boolean;
+    /**
+     * 是否是大数
+     */
+    big?: boolean;
+    /**
+     * 清空输入内容时的值
+     */
+    resetValue?: any;
+    /**
+     * 后缀
+     */
+    suffix?: string;
+    /**
+     * 用来开启百分号的展示形式，搭配suffix使用
+     */
+    showAsPercent?: boolean;
+    /**
+     * 是否在清空内容时从数据域中删除该表单项对应的值
+     */
+    clearValueOnEmpty?: boolean;
+    /**
+     * 数字输入框类名
+     */
+    inputControlClassName?: string;
+    testIdBuilder?: TestIdBuilder;
+}
+export interface NumberState {
+    focused: boolean;
+}
+export declare class NumberInput extends React.Component<NumberProps, NumberState> {
+    static defaultProps: Pick<NumberProps, 'step' | 'readOnly' | 'borderMode' | 'resetValue'>;
+    /**
+     * 处理value值
+     *
+     * @param value value 值
+     * @param min 最小值
+     * @param max 最大值
+     * @param precision 精度
+     * @param resetValue 重置值
+     * @param isBig 是否为大数模式
+     */
+    static normalizeValue: (value: any, min: ValueType | undefined, max: ValueType | undefined, precision: number, resetValue: any, clearValueOnEmpty?: boolean, isBig?: boolean) => any;
+    /**
+     * 处理value值（仅使用 resetValue 和 clearValueOnEmpty）
+     *
+     * @param value value 值
+     * @param resetValue 重置值
+     * @param clearValueOnEmpty 是否在清空内容时从数据域中删除该表单项对应的值
+     */
+    static normalizeValue2: (value: any, resetValue: any, clearValueOnEmpty?: boolean) => any;
+    /**
+     * 获取精度，合法的精度为0和正整数，不合法的精度统一转化为0
+     * 若设置了step，则会基于step的精度生成，最终使用更高的精度
+     *
+     * @param precision 精度
+     * @param step 步长
+     */
+    static normalizePrecision: (precision: any, step?: number) => number;
+    /**
+     * 是否是 bigNumber，如果输入的内容是字符串就自动开启
+     */
+    isBig: boolean;
+    constructor(props: NumberProps);
+    componentDidUpdate(prevProps: NumberProps): void;
+    handleChange(value: any): void;
+    handleFocus(e: React.SyntheticEvent<HTMLElement>): void;
+    handleBlur(e: React.SyntheticEvent<HTMLElement>): void;
+    handleClick(e: React.SyntheticEvent<HTMLElement>): void;
+    handleEnhanceModeChange(action: 'add' | 'subtract', e: React.MouseEvent): void;
+    renderBase(): React.JSX.Element;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+        borderMode?: "none" | "full" | "half" | undefined;
+        resetValue?: any;
+        readOnly?: boolean | undefined;
+        step?: number | undefined;
+    } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<NumberProps, keyof ThemeProps>, "onChange" | "big" | "name" | "value" | "placeholder" | "disabled" | "onFocus" | "onBlur" | "testIdBuilder" | "max" | "min" | "inputRef" | "showSteps" | "precision" | "formatter" | "parser" | "displayMode" | "keyboard" | "suffix" | "showAsPercent" | "clearValueOnEmpty" | "inputControlClassName"> & {
+            borderMode?: "none" | "full" | "half" | undefined;
+            resetValue?: any;
+            readOnly?: boolean | undefined;
+            step?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof NumberInput>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof NumberInput, {}> & {
+    ComposedComponent: typeof NumberInput;
+};
+export default _default;

package/esm/components/NumberInput.js

@@ -0,0 +1,274 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { __extends, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import isInteger from 'lodash/isInteger';
+import InputNumber from 'rc-input-number';
+import getMiniDecimal, { getNumberPrecision, toFixed } from '@rc-component/mini-decimal';
+import { Icon } from './icons.js';
+import { ucFirst, isNumeric, autobind, themeable } from 'amis-core';
+
+var NumberInput = /** @class */ (function (_super) {
+    __extends(NumberInput, _super);
+    function NumberInput(props) {
+        var _this = _super.call(this, props) || this;
+        /**
+         * 是否是 bigNumber，如果输入的内容是字符串就自动开启
+         */
+        _this.isBig = false;
+        // 严格判断大数模式，因为初始化value为empty string时，修改value值格式仍然为string
+        _this.isBig = !!props.big;
+        _this.state = {
+            focused: false
+        };
+        return _this;
+    }
+    NumberInput.prototype.componentDidUpdate = function (prevProps) {
+        var isBig = !!this.props.big;
+        if (!!(prevProps === null || prevProps === void 0 ? void 0 : prevProps.big) !== isBig) {
+            this.isBig = isBig;
+        }
+    };
+    NumberInput.prototype.handleChange = function (value) {
+        var _a = this.props, min = _a.min, max = _a.max, step = _a.step, resetValue = _a.resetValue, clearValueOnEmpty = _a.clearValueOnEmpty, onChange = _a.onChange;
+        var _b = this.props, suffix = _b.suffix, precision = _b.precision, showAsPercent = _b.showAsPercent;
+        //在显示百分号情况下，需先将数值恢复到实际value值
+        if (showAsPercent && suffix == '%') {
+            value = value / 100;
+            precision = (precision || 0) + 2;
+        }
+        var finalPrecision = NumberInput.normalizePrecision(precision, step);
+        var result = NumberInput.normalizeValue(value, min, max, finalPrecision, resetValue, clearValueOnEmpty, this.isBig);
+        onChange === null || onChange === void 0 ? void 0 : onChange(result);
+    };
+    NumberInput.prototype.handleFocus = function (e) {
+        var onFocus = this.props.onFocus;
+        this.setState({ focused: true });
+        onFocus && onFocus(e);
+    };
+    NumberInput.prototype.handleBlur = function (e) {
+        var onBlur = this.props.onBlur;
+        this.setState({ focused: false });
+        onBlur && onBlur(e);
+    };
+    NumberInput.prototype.handleClick = function (e) {
+        e.stopPropagation();
+    };
+    NumberInput.prototype.handleEnhanceModeChange = function (action, e) {
+        e.stopPropagation();
+        var _a = this.props, value = _a.value, _b = _a.step, step = _b === void 0 ? 1 : _b, disabled = _a.disabled, readOnly = _a.readOnly, precision = _a.precision;
+        // value为undefined会导致溢出错误
+        var val = value || 0;
+        if (disabled || readOnly) {
+            return;
+        }
+        if (isNaN(Number(step)) || !Number(step)) {
+            return;
+        }
+        var stepDecimal = getMiniDecimal(step);
+        if (action !== 'add') {
+            stepDecimal = stepDecimal.negate();
+        }
+        var target = getMiniDecimal(val).add(stepDecimal.toString());
+        var getPrecision = function (numStr) {
+            if (precision != null && precision >= 0) {
+                return precision;
+            }
+            return Math.max(getNumberPrecision(numStr), getNumberPrecision(Number(step) || 1));
+        };
+        var triggerValueUpdate = function (newValue, userTyping) {
+            var updateValue = newValue;
+            var numStr = updateValue.toString();
+            var mergedPrecision = getPrecision(numStr);
+            if (mergedPrecision >= 0) {
+                updateValue = getMiniDecimal(toFixed(numStr, '.', mergedPrecision));
+            }
+            return updateValue;
+        };
+        var updatedValue = triggerValueUpdate(target);
+        if (this.isBig) {
+            this.handleChange(updatedValue.toString());
+        }
+        else {
+            val = Number(updatedValue.toString());
+            this.handleChange(val);
+        }
+    };
+    NumberInput.prototype.renderBase = function () {
+        var _a;
+        var _b = this.props, className = _b.className, ns = _b.classPrefix, cx = _b.classnames, step = _b.step, precision = _b.precision, disabled = _b.disabled, placeholder = _b.placeholder, showSteps = _b.showSteps, formatter = _b.formatter, suffix = _b.suffix, showAsPercent = _b.showAsPercent, parser = _b.parser, borderMode = _b.borderMode, readOnly = _b.readOnly, displayMode = _b.displayMode, inputRef = _b.inputRef, keyboard = _b.keyboard, inputControlClassName = _b.inputControlClassName, mobileUI = _b.mobileUI, name = _b.name, testIdBuilder = _b.testIdBuilder;
+        var _c = this.props, value = _c.value, max = _c.max, min = _c.min;
+        //需要展示百分号的情况下,数值乘100显示,注意精度丢失问题
+        if (showAsPercent && suffix == '%' && value) {
+            value = parseFloat((Number(value) * 100).toFixed(precision));
+            max = max != null ? Math.round(Number(max) * 100) : max;
+            min = min != null ? Math.round(Number(min) * 100) : min;
+        }
+        var precisionProps = {
+            precision: NumberInput.normalizePrecision(precision, step)
+        };
+        return (React__default.createElement(InputNumber, __assign({ name: name, className: cx(className, showSteps === false || readOnly ? 'no-steps' : '', displayMode === 'enhance'
+                ? 'Number--enhance-input'
+                : inputControlClassName, (_a = {},
+                _a["Number--border".concat(ucFirst(borderMode))] = borderMode,
+                _a), {
+                'is-mobile': mobileUI
+            }), ref: inputRef, readOnly: readOnly, prefixCls: "".concat(ns, "Number"), value: value, step: step, max: max, min: min, formatter: formatter, parser: parser, onChange: this.handleChange, disabled: disabled, placeholder: placeholder, onFocus: this.handleFocus, onClick: this.handleClick, onBlur: this.handleBlur, stringMode: this.isBig ? true : false, keyboard: keyboard }, precisionProps, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId())));
+    };
+    NumberInput.prototype.render = function () {
+        var _a;
+        var _this = this;
+        var _b;
+        var _c = this.props, cx = _c.classnames, value = _c.value, max = _c.max, min = _c.min, disabled = _c.disabled, showSteps = _c.showSteps, borderMode = _c.borderMode, readOnly = _c.readOnly, displayMode = _c.displayMode, inputControlClassName = _c.inputControlClassName; _c.mobileUI;
+        return (React__default.createElement(React__default.Fragment, null, displayMode === 'enhance' ? (React__default.createElement("div", { className: cx('Number--enhance', disabled ? 'Number--enhance-disabled' : '', showSteps === false ? 'Number--enhance-no-steps' : '', (_a = {},
+                _a["Number--enhance-border".concat(ucFirst(borderMode))] = borderMode,
+                _a), inputControlClassName, ((_b = this.state) === null || _b === void 0 ? void 0 : _b.focused) && 'focused') },
+            React__default.createElement("div", { className: cx('Number--enhance-left-icon', value && value === min ? 'Number--enhance-border-min' : '', disabled ? 'Number--enhance-border-disabled' : '', readOnly ? 'Number--enhance-border-readOnly' : ''), onClick: function (e) { return _this.handleEnhanceModeChange('subtract', e); } },
+                React__default.createElement(Icon, { icon: "minus", className: "icon", classNameProp: cx('InputNumber-enhance-minus icon'), iconContent: "InputNumber-enhance-minus" })),
+            this.renderBase(),
+            React__default.createElement("div", { className: cx('Number--enhance-right-icon', value && value === max ? 'Number--enhance-border-max' : '', disabled ? 'Number--enhance-border-disabled' : '', readOnly ? 'Number--enhance-border-readOnly' : ''), onClick: function (e) { return _this.handleEnhanceModeChange('add', e); } },
+                React__default.createElement(Icon, { icon: "plus", className: "icon", classNameProp: cx('InputNumber-enhance-plus icon'), iconContent: "InputNumber-enhance-plus" })))) : (this.renderBase())));
+    };
+    NumberInput.defaultProps = {
+        step: 1,
+        readOnly: false,
+        borderMode: 'full',
+        resetValue: ''
+    };
+    /**
+     * 处理value值
+     *
+     * @param value value 值
+     * @param min 最小值
+     * @param max 最大值
+     * @param precision 精度
+     * @param resetValue 重置值
+     * @param isBig 是否为大数模式
+     */
+    NumberInput.normalizeValue = function (value, min, max, precision, resetValue, clearValueOnEmpty, isBig) {
+        /**
+         * 输入不合法时重置为resetValue
+         * 若resetValue为不合法数字，直接清空输入
+         * 若resetValue为数字，则需要处理max，min，precision，保证抛出的值满足条件
+         */
+        if (!isNumeric(value)) {
+            if (!isNumeric(resetValue)) {
+                return clearValueOnEmpty ? undefined : '';
+            }
+            value = resetValue;
+        }
+        // 处理max & min
+        if (typeof value === 'number') {
+            if (typeof min === 'number') {
+                value = Math.max(value, min);
+            }
+            if (typeof max === 'number') {
+                value = Math.min(value, max);
+            }
+        }
+        // 处理string类型输入
+        if (typeof value === 'string') {
+            var val = getMiniDecimal(value);
+            if (typeof min !== 'undefined') {
+                var minValue = getMiniDecimal(min);
+                if (val.lessEquals(minValue)) {
+                    value = min;
+                }
+            }
+            if (typeof max !== 'undefined') {
+                var maxValue = getMiniDecimal(max);
+                if (maxValue.lessEquals(val)) {
+                    value = max;
+                }
+            }
+        }
+        /**
+         * 非大数模式下，如果精度不满足要求，需要处理value值，只做精度处理，不做四舍五入
+         */
+        if (!isBig && getNumberPrecision(value) !== precision) {
+            var multiplier = Math.pow(10, precision);
+            var truncatedValue = Math.trunc(getMiniDecimal(value).multi(multiplier).toNumber()) /
+                multiplier;
+            value = getMiniDecimal(truncatedValue).toNumber();
+        }
+        return value;
+    };
+    /**
+     * 处理value值（仅使用 resetValue 和 clearValueOnEmpty）
+     *
+     * @param value value 值
+     * @param resetValue 重置值
+     * @param clearValueOnEmpty 是否在清空内容时从数据域中删除该表单项对应的值
+     */
+    NumberInput.normalizeValue2 = function (value, resetValue, clearValueOnEmpty) {
+        if (!isNumeric(value)) {
+            if (!isNumeric(resetValue)) {
+                return clearValueOnEmpty ? undefined : '';
+            }
+            value = resetValue;
+        }
+        return value;
+    };
+    /**
+     * 获取精度，合法的精度为0和正整数，不合法的精度统一转化为0
+     * 若设置了step，则会基于step的精度生成，最终使用更高的精度
+     *
+     * @param precision 精度
+     * @param step 步长
+     */
+    NumberInput.normalizePrecision = function (precision, step) {
+        if (typeof precision === 'number' &&
+            isInteger(precision) &&
+            precision >= 0) {
+            return Math.max(precision, getNumberPrecision(step !== null && step !== void 0 ? step : 1));
+        }
+        // 如果设置了step，就基于step和precision，选取更高精度
+        if (step != null) {
+            return Math.max(0, getNumberPrecision(step));
+        }
+        return 0;
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], NumberInput.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], NumberInput.prototype, "handleFocus", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], NumberInput.prototype, "handleBlur", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], NumberInput.prototype, "handleClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String, Object]),
+        __metadata("design:returntype", void 0)
+    ], NumberInput.prototype, "handleEnhanceModeChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], NumberInput.prototype, "renderBase", null);
+    return NumberInput;
+}(React__default.Component));
+var NumberInput$1 = themeable(NumberInput);
+
+export { NumberInput, NumberInput$1 as default };

package/esm/components/OverflowTpl.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @file OverflowTpl
+ * @desc 文字提示组件，会基于内部文字是否触发ellipsis，动态展示tooltip提示, 默认使用子节点文本作为tooltip内容
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import type { ThemeProps } from 'amis-core';
+import type { TooltipWrapperProps } from './TooltipWrapper';
+export interface OverflowTplProps extends ThemeProps {
+    className?: string;
+    /**
+     * tooltip相关配置
+     */
+    tooltip?: TooltipWrapperProps['tooltip'];
+    /**
+     * 是否使用行内标签，默认为 true，使用 span 标签，否则使用 div 标签
+     */
+    inline?: boolean;
+    /**
+     * 目标元素的selector，通常不需要指定
+     */
+    targetSelector?: string;
+    /**
+     * 内部节点
+     */
+    children?: React.ReactNode | React.ReactNode[];
+}
+declare const _default: {
+    new (props: Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<React.FC<OverflowTplProps>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.FC<OverflowTplProps>, {}> & {
+    ComposedComponent: React.FC<OverflowTplProps>;
+};
+export default _default;

package/esm/components/OverflowTpl.js

@@ -0,0 +1,101 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { __read, __assign } from 'tslib';
+import React__default, { useState, useRef, useCallback, useEffect } from 'react';
+import { findDOMNode } from 'react-dom';
+import omit from 'lodash/omit';
+import { themeable, isObject } from 'amis-core';
+import TooltipWrapper from './TooltipWrapper.js';
+
+/**
+ * @file OverflowTpl
+ * @desc 文字提示组件，会基于内部文字是否触发ellipsis，动态展示tooltip提示, 默认使用子节点文本作为tooltip内容
+ */
+var OverflowTpl = function (props) {
+    var cx = props.classnames, children = props.children, className = props.className, targetSelector = props.targetSelector, tooltip = props.tooltip, _a = props.inline, inline = _a === void 0 ? true : _a;
+    var _b = __read(useState(false), 2), ellipsisAvtived = _b[0], setEllipsisAvtived = _b[1];
+    var _c = __read(useState(''), 2), innerText = _c[0], setInnerText = _c[1];
+    var innerRef = useRef(null);
+    var defaultTooltip = tooltip
+        ? typeof tooltip === 'string'
+            ? { content: tooltip }
+            : isObject(tooltip)
+                ? tooltip
+                : undefined
+        : typeof children === 'string'
+            ? { content: children }
+            : undefined; /** 默认使用子节点文本 */
+    var normalizedTooltip = innerText && (!defaultTooltip || (defaultTooltip === null || defaultTooltip === void 0 ? void 0 : defaultTooltip.content) == null)
+        ? __assign(__assign({}, defaultTooltip), { content: innerText }) : defaultTooltip;
+    var updateEllipsisActivation = useCallback(function (el) {
+        setEllipsisAvtived(el
+            ? el.scrollWidth > el.clientWidth || el.scrollHeight > el.scrollHeight
+            : false);
+    }, [innerRef.current]);
+    var onMutation = useCallback(function (mutations) {
+        var dom = (targetSelector
+            ? document.querySelector(targetSelector)
+            : mutations === null || mutations === void 0 ? void 0 : mutations[0].target);
+        updateEllipsisActivation(dom);
+        if ((dom === null || dom === void 0 ? void 0 : dom.textContent) &&
+            typeof dom.textContent === 'string' &&
+            (!defaultTooltip || (defaultTooltip === null || defaultTooltip === void 0 ? void 0 : defaultTooltip.content) == null)) {
+            setInnerText(dom.textContent);
+        }
+    }, [targetSelector]);
+    var onResize = useCallback(function (entries) {
+        var dom = (targetSelector
+            ? document.querySelector(targetSelector)
+            : entries === null || entries === void 0 ? void 0 : entries[0].target);
+        updateEllipsisActivation(dom);
+        if ((dom === null || dom === void 0 ? void 0 : dom.textContent) &&
+            typeof dom.textContent === 'string' &&
+            (!defaultTooltip || !(defaultTooltip === null || defaultTooltip === void 0 ? void 0 : defaultTooltip.content) == null)) {
+            setInnerText(dom.textContent);
+        }
+    }, [targetSelector]);
+    /** 监听目标元素的DOM变化 */
+    useEffect(function () {
+        var element = innerRef.current instanceof React__default.Component
+            ? findDOMNode(innerRef.current)
+            : innerRef.current;
+        if (element) {
+            var observer_1 = new MutationObserver(onMutation);
+            observer_1.observe(element, {
+                childList: true,
+                subtree: true,
+                characterDataOldValue: true,
+                characterData: true
+            });
+            return function () { return observer_1.disconnect(); };
+        }
+        return;
+    }, [innerRef.current]);
+    /** 监听目标元素的尺寸变化 */
+    useEffect(function () {
+        var element = innerRef.current instanceof React__default.Component
+            ? findDOMNode(innerRef.current)
+            : innerRef.current;
+        if (element) {
+            var observer_2 = new ResizeObserver(onResize);
+            observer_2.observe(element);
+            return function () { return observer_2.disconnect(); };
+        }
+        return;
+    }, [innerRef.current]);
+    var WrapComponent = inline !== false ? 'span' : 'div';
+    var showTooltip = ellipsisAvtived && normalizedTooltip;
+    var Body = React__default.isValidElement(children) ? (React__default.cloneElement(children, { ref: innerRef })) : (React__default.createElement(WrapComponent, { ref: innerRef, className: cx('OverflowTpl', className, {
+            'OverflowTpl--with-tooltip': showTooltip
+        }) }, children));
+    return showTooltip ? (React__default.createElement(TooltipWrapper, __assign({}, omit(props, ['className', 'inline', 'targetSelector', 'children']), { tooltip: normalizedTooltip }), Body)) : (Body);
+};
+OverflowTpl.defaultProps = {
+    inline: true
+};
+var OverflowTpl$1 = themeable(OverflowTpl);
+
+export { OverflowTpl$1 as default };