@rainbow-oh/yee-c 0.14.7 → 0.15.1

package/dist/cjs/Form/index.d.ts

@@ -16,5 +16,5 @@ type FormInterface = typeof InternalForm & {
     List: typeof List;
 };
 declare const Form: FormInterface;
-export type { FieldGroupProps, FieldStatus, FieldStatusData, FormInstance, FormListProps, FormProps, Rule as FormRule, ValidateMessage, } from './interface';
+export type { FieldGroupProps, FieldProps, FieldStatus, FieldStatusData, FieldTooltip, FormInstance, FormListField, FormListOperation, FormListProps, FormProps, Rule as FormRule, ValidateMessage, } from './interface';
 export default Form;

package/dist/cjs/Input/style/index.less

@@ -45,6 +45,7 @@
     box-shadow: none;
     height: auto;
     padding: 0;
+    border-radius: 0;
   }
 
   &-inner {

package/dist/cjs/InputNumber/demo/basic.js

@@ -38,7 +38,7 @@ var basic_default = () => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_yee_c.InputNumber,
     {
-      defaultValue: 0,
+      defaultValue: 123,
       placeholder: "Enter a number",
       onChange: (value) => console.log("value:", value)
     }

package/dist/cjs/InputNumber/input-number.js

@@ -133,8 +133,14 @@ var InputNumber = (0, import_react.forwardRef)(
     });
     const [focused, setFocused] = (0, import_react.useState)(false);
     const inputRef = (0, import_react.useRef)(null);
+    function toNumber(val) {
+      if (val === null || val === void 0 || val === "")
+        return null;
+      const n = Number(val);
+      return Number.isNaN(n) ? null : n;
+    }
     function formatValue(val) {
-      if (val === null || val === void 0 || isNaN(val))
+      if (val === null || val === void 0 || val === "" || isNaN(val))
         return "";
       let formattedVal = precision !== void 0 ? Number(val).toFixed(precision) : val;
       if (formatter) {
@@ -199,10 +205,11 @@ var InputNumber = (0, import_react.forwardRef)(
       onFocus == null ? void 0 : onFocus(event);
     };
     const handleStep = (type) => {
+      var _a2;
       if (disabled || readOnly)
         return;
       const offset = type === "up" ? step : -step;
-      const currentValue = mergedValue != null ? mergedValue : 0;
+      const currentValue = (_a2 = toNumber(mergedValue)) != null ? _a2 : 0;
       const newValue = currentValue + offset;
       updateValue(newValue);
       onStep == null ? void 0 : onStep(newValue, { offset, type });
@@ -303,7 +310,10 @@ var InputNumber = (0, import_react.forwardRef)(
               `${prefixCls}-handler`,
               `${prefixCls}-handler-up`,
               {
-                [`${prefixCls}-handler-disabled`]: disabled || mergedValue !== null && mergedValue >= max
+                [`${prefixCls}-handler-disabled`]: disabled || (() => {
+                  const n = toNumber(mergedValue);
+                  return n !== null && n >= max;
+                })()
               }
             ),
             onClick: () => handleStep("up")
@@ -317,7 +327,10 @@ var InputNumber = (0, import_react.forwardRef)(
               `${prefixCls}-handler`,
               `${prefixCls}-handler-down`,
               {
-                [`${prefixCls}-handler-disabled`]: disabled || mergedValue !== null && mergedValue <= min
+                [`${prefixCls}-handler-disabled`]: disabled || (() => {
+                  const n = toNumber(mergedValue);
+                  return n !== null && n <= min;
+                })()
               }
             ),
             onClick: () => handleStep("down")

package/dist/cjs/InputNumber/interface.d.ts

@@ -26,13 +26,13 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInp
      */
     size?: 'small' | 'default' | 'large';
     /**
-     * Controlled value
+     * Controlled value（'' 视为空值，配合 formatter 不会渲染成 0）
      */
-    value?: number | null;
+    value?: number | string | null;
     /**
      * Default value
      */
-    defaultValue?: number | null;
+    defaultValue?: number | string | null;
     /**
      * Minimum value
      */

package/dist/cjs/InputNumber/style/index.less

@@ -13,6 +13,7 @@
   border-radius: var(--yee-input-border-radius, 4px);
   background-color: var(--yee-input-content-bg-color);
   transition: all 0.3s;
+  overflow: hidden;
 
   &:not(@{pls}-disabled):hover {
     border-color: var(--yee-input-hover-border-color);

package/dist/cjs/Select/hooks/useSelectKeyboard.js

@@ -218,8 +218,11 @@ function useSelectKeyboard({
         handleEnter();
         break;
       case "Escape":
-        event.preventDefault();
-        handleEscape();
+        if (open) {
+          event.preventDefault();
+          event.stopPropagation();
+          handleEscape();
+        }
         break;
       default:
     }

package/dist/cjs/Selector/selector.js

@@ -313,10 +313,13 @@ var Selector = import_react.default.forwardRef(
         onKeyDown: (event) => {
           if (disabled)
             return;
-          if (!searchable && event.key === "Enter" && !open) {
-            onOpenChange == null ? void 0 : onOpenChange(true);
+          if (event.key === "Enter" && !open && onOpenChange) {
+            event.preventDefault();
+            onOpenChange(true);
+          }
+          if (event.target !== inputRef.current) {
+            externalOnKeyDown == null ? void 0 : externalOnKeyDown(event);
           }
-          externalOnKeyDown == null ? void 0 : externalOnKeyDown(event);
         },
         ref
       }),

package/dist/cjs/TableSelect/hooks/useTableSelectKeyboard.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { TableSelectDataType } from '../interface';
+type KeyType = string | number;
+interface UseTableSelectKeyboardParams {
+    open: boolean;
+    disabled?: boolean;
+    dataSource: Array<TableSelectDataType>;
+    rowKey: string | ((record: any) => string);
+    selectionType: 'radio' | 'checkbox';
+    selectedRowKeys: Array<KeyType>;
+    searchValue: string;
+    onSelect: (keys: Array<KeyType>, rows: Array<TableSelectDataType>) => void;
+    onClose: () => void;
+}
+/**
+ * Keyboard navigation for the popup table. The highlight is positional (like a
+ * hover cursor): `activeRow` is a rendered row index, and Space selects the
+ * record displayed there. The rendered order is the filter→sort→paginate
+ * result inside Table and is not derivable from `dataSource`, so the row count
+ * and the highlighted row's key are both read from the popup DOM.
+ */
+export default function useTableSelectKeyboard({ open, disabled, dataSource, rowKey, selectionType, selectedRowKeys, searchValue, onSelect, onClose, }: UseTableSelectKeyboardParams): {
+    popupRef: import("react").RefObject<HTMLDivElement | null>;
+    activeRow: number;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+};
+export {};

package/dist/cjs/TableSelect/hooks/useTableSelectKeyboard.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/TableSelect/hooks/useTableSelectKeyboard.ts
+var useTableSelectKeyboard_exports = {};
+__export(useTableSelectKeyboard_exports, {
+  default: () => useTableSelectKeyboard
+});
+module.exports = __toCommonJS(useTableSelectKeyboard_exports);
+var import_react = require("react");
+function useTableSelectKeyboard({
+  open,
+  disabled,
+  dataSource,
+  rowKey,
+  selectionType,
+  selectedRowKeys,
+  searchValue,
+  onSelect,
+  onClose
+}) {
+  const popupRef = (0, import_react.useRef)(null);
+  const [activeRow, setActiveRow] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    setActiveRow(0);
+  }, [open, searchValue]);
+  const getRecordKey = (item) => typeof rowKey === "function" ? rowKey(item) : item[rowKey];
+  const getRowCount = () => {
+    var _a, _b;
+    return (_b = (_a = popupRef.current) == null ? void 0 : _a.querySelectorAll("tr[data-row-index]").length) != null ? _b : 0;
+  };
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (!open || activeRow < 1)
+      return;
+    const rowEl = (_a = popupRef.current) == null ? void 0 : _a.querySelector(
+      `tr[data-row-index="${activeRow}"]`
+    );
+    if (!rowEl)
+      return;
+    let parent = rowEl.parentElement;
+    while (parent && parent !== popupRef.current) {
+      const { overflowY } = window.getComputedStyle(parent);
+      if (/(auto|scroll)/.test(overflowY) && parent.scrollHeight > parent.clientHeight) {
+        const parentRect = parent.getBoundingClientRect();
+        const rowRect = rowEl.getBoundingClientRect();
+        if (rowRect.bottom > parentRect.bottom) {
+          parent.scrollTop += rowRect.bottom - parentRect.bottom;
+        } else if (rowRect.top < parentRect.top) {
+          parent.scrollTop -= parentRect.top - rowRect.top;
+        }
+        return;
+      }
+      parent = parent.parentElement;
+    }
+  }, [activeRow, open]);
+  const selectActiveRow = () => {
+    var _a;
+    const rowEl = (_a = popupRef.current) == null ? void 0 : _a.querySelector(
+      `tr[data-row-index="${activeRow}"]`
+    );
+    const inputEl = rowEl == null ? void 0 : rowEl.querySelector(
+      'input[type="radio"],input[type="checkbox"]'
+    );
+    if (!inputEl || inputEl.disabled)
+      return;
+    const record = dataSource.find(
+      (item) => String(getRecordKey(item)) === inputEl.value
+    );
+    if (!record)
+      return;
+    const key = getRecordKey(record);
+    if (selectionType === "radio") {
+      onSelect([key], [record]);
+      onClose();
+      return;
+    }
+    const checked = selectedRowKeys.some((k) => String(k) === String(key));
+    const nextKeys = checked ? selectedRowKeys.filter((k) => String(k) !== String(key)) : [...selectedRowKeys, key];
+    const rows = dataSource.filter(
+      (item) => nextKeys.some((k) => String(getRecordKey(item)) === String(k))
+    );
+    onSelect(nextKeys, rows);
+  };
+  const handleKeyDown = (event) => {
+    if (!open || disabled)
+      return;
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        setActiveRow(Math.min(activeRow + 1, getRowCount()));
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        setActiveRow(activeRow <= 1 ? getRowCount() : activeRow - 1);
+        break;
+      case " ":
+        if (activeRow > 0) {
+          event.preventDefault();
+          selectActiveRow();
+        }
+        break;
+      case "Escape":
+        event.preventDefault();
+        event.stopPropagation();
+        onClose();
+        break;
+      default:
+        break;
+    }
+  };
+  return { popupRef, activeRow, handleKeyDown };
+}

package/dist/cjs/TableSelect/interface.d.ts

@@ -9,7 +9,7 @@ type SelectedKeyType = string | number;
 /**
  * Data item type
  */
-type InDataType = {
+export type TableSelectDataType = {
     [propName: string]: any;
 };
 /**
@@ -40,7 +40,7 @@ export interface InternalTableProps {
     /**
      * Data source
      */
-    dataSource: Array<InDataType>;
+    dataSource: Array<TableSelectDataType>;
     /**
      * Custom class name
      */
@@ -65,6 +65,11 @@ export interface InternalTableProps {
      * Whether popup is visible (for focus trap)
      */
     visible?: boolean;
+    /**
+     * Ref to the popup root element, used by TableSelect for keyboard navigation
+     * @internal
+     */
+    popupRef?: React.RefObject<HTMLDivElement | null>;
 }
 /**
  * TableSelect component Props interface
@@ -77,7 +82,7 @@ export interface TableSelectProps extends Omit<InternalTableProps, 'value' | 'on
     /**
      * Data source
      */
-    dataSource: Array<InDataType>;
+    dataSource: Array<TableSelectDataType>;
     /**
      * Single or multiple selection
      * @default: 'radio'
@@ -161,7 +166,7 @@ export interface TableSelectProps extends Omit<InternalTableProps, 'value' | 'on
      * Option label property (text field for displaying labels)
      * @default 'name'
      */
-    optionLabelProp?: string | ((option: InDataType) => string);
+    optionLabelProp?: string | ((option: TableSelectDataType) => string);
     /**
      * Selection change callback
      * @param keys Selected keys

package/dist/cjs/TableSelect/internal-table.js

@@ -75,7 +75,8 @@ var InternalTable = (props) => {
     rowKey = "key",
     isShowFilter = true,
     rowSelection = {},
-    visible
+    visible,
+    popupRef: externalPopupRef
   } = _a, rest = __objRest(_a, [
     "prefixCls",
     "type",
@@ -85,11 +86,10 @@ var InternalTable = (props) => {
     "rowKey",
     "isShowFilter",
     "rowSelection",
-    "visible"
+    "visible",
+    "popupRef"
   ]);
-  const [internalDataSource, setInternalDataSource] = (0, import_react.useState)(
-    []
-  );
+  const [internalDataSource, setInternalDataSource] = (0, import_react.useState)([]);
   const renderRowSelection = __spreadValues({ type, selectedRowKeys: value }, rowSelection);
   (0, import_react.useEffect)(() => {
     setInternalDataSource(dataSource || []);
@@ -134,14 +134,27 @@ var InternalTable = (props) => {
     }
     return null;
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-popup`, tabIndex: 0, ref: popupRef }, renderRadio(), /* @__PURE__ */ import_react.default.createElement(
-    import_Table.default,
-    __spreadProps(__spreadValues({}, rest), {
-      rowKey,
-      dataSource: internalDataSource,
-      columns,
-      rowSelection: renderRowSelection
-    })
-  ));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${prefixCls}-popup`,
+      tabIndex: 0,
+      ref: (node) => {
+        popupRef.current = node;
+        if (externalPopupRef)
+          externalPopupRef.current = node;
+      }
+    },
+    renderRadio(),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Table.default,
+      __spreadProps(__spreadValues({}, rest), {
+        rowKey,
+        dataSource: internalDataSource,
+        columns,
+        rowSelection: renderRowSelection
+      })
+    )
+  );
 };
 var internal_table_default = InternalTable;

package/dist/cjs/TableSelect/style/index.less

@@ -6,16 +6,8 @@
   margin: 0;
   padding: 12px 0;
 
-  .rb-table-select__radio {
-    padding: 0 12px;
-    margin-bottom: 16px;
-  }
-}
-
-.rb-table-select {
-  margin-bottom: 0;
-
-  .rb-table-footer-operate {
-    padding: 0 12px;
+  // Keyboard-navigated row (TableSelect arrow keys)
+  .yee-table-highlight-row {
+    background-color: var(--yee-table-tbody-tr-hover-bg-color);
   }
 }

package/dist/cjs/TableSelect/table-select.js

@@ -70,10 +70,13 @@ var import_Trigger = __toESM(require("../Trigger"));
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
 var import_omit = __toESM(require("../utils/omit"));
 var import_pick = __toESM(require("../utils/pick"));
+var import_useTableSelectKeyboard = __toESM(require("./hooks/useTableSelectKeyboard"));
 var import_internal_table = __toESM(require("./internal-table"));
 var import_style = require("./style/index.less");
 var handleState = (value) => {
-  if (typeof value === "string" || typeof value === "number") {
+  if (value === "") {
+    return [];
+  } else if (typeof value === "string" || typeof value === "number") {
     return [value];
   } else if (Array.isArray(value)) {
     return value;
@@ -182,9 +185,28 @@ var TableSelect = (baseprops) => {
     const renderKeys = keys.length === 0 ? selectionType === "checkbox" ? [] : "" : keys;
     onChange == null ? void 0 : onChange(renderKeys, void 0);
   };
+  const {
+    popupRef,
+    activeRow,
+    handleKeyDown: handleSelectorKeyDown
+  } = (0, import_useTableSelectKeyboard.default)({
+    open,
+    disabled,
+    dataSource,
+    rowKey,
+    selectionType,
+    selectedRowKeys: mergedValue,
+    searchValue,
+    onSelect: onSelectChange,
+    onClose: () => onVisibleChange(false)
+  });
+  const userHighlight = rest.highlight;
   const tableProps = (0, import_omit.default)(
     __spreadProps(__spreadValues({}, rest), {
       prefixCls,
+      // Keyboard navigation reuses the row highlight; it takes precedence over
+      // a user-supplied index list while active.
+      highlight: activeRow > 0 ? [activeRow, ...Array.isArray(userHighlight) ? userHighlight : []] : userHighlight,
       rowSelection: __spreadProps(__spreadValues({}, props.rowSelection), {
         onChange: onSelectChange,
         selectedRowKeys: mergedValue
@@ -212,8 +234,15 @@ var TableSelect = (baseprops) => {
     selectedKeys: mergedValue,
     onSearch: handleSearch,
     onRemove: onTagRemove,
+    onClear: () => {
+      setMergedValue([]);
+      onChange == null ? void 0 : onChange(selectionType === "radio" ? "" : [], void 0);
+    },
+    onKeyDown: handleSelectorKeyDown,
     onOpenChange: (open2) => {
-      if (!open2) {
+      if (open2) {
+        onVisibleChange(true);
+      } else {
         clearSearchValue();
       }
     },
@@ -222,11 +251,19 @@ var TableSelect = (baseprops) => {
     closable,
     placeholder
   });
-  const renderPopup = () => /* @__PURE__ */ import_react.default.createElement(import_internal_table.default, __spreadProps(__spreadValues({}, tableProps), { value, rowKey }));
+  const renderPopup = () => /* @__PURE__ */ import_react.default.createElement(
+    import_internal_table.default,
+    __spreadProps(__spreadValues({}, tableProps), {
+      value,
+      rowKey,
+      popupRef
+    })
+  );
   return /* @__PURE__ */ import_react.default.createElement(
     import_Trigger.default,
     __spreadProps(__spreadValues({}, rest), {
       trigger: "click",
+      open,
       popupClassName: `${prefixCls}-popup`,
       popup: renderPopup(),
       placement,

package/dist/cjs/style/size.css

@@ -587,7 +587,7 @@
   --yee-select-popup-max-height: 200px;
 
   /* --Selector-- */
-  --yee-selector-padding: 2px 6px;
+  --yee-selector-padding: 3px 6px;
   --yee-selector-border-width: 1px;
   --yee-selector-border-radius: 4px;
   --yee-selector-height: var(--yee-input-height);

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-10-14T03:47:11.377Z
+ * Generated on 2026-10-16T07:04:02.333Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-10-14T03:47:11.377Z
+ * Generated on 2026-10-16T07:04:02.333Z
  */
 
 /* ========== color.css ========== */
@@ -1940,7 +1940,7 @@
   --yee-select-popup-max-height: 200px;
 
   /* --Selector-- */
-  --yee-selector-padding: 2px 6px;
+  --yee-selector-padding: 3px 6px;
   --yee-selector-border-width: 1px;
   --yee-selector-border-radius: 4px;
   --yee-selector-height: var(--yee-input-height);

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.14.7";
+export declare const version = "0.15.1";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.14.7";
+var version = "0.15.1";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Form/index.d.ts

@@ -16,5 +16,5 @@ type FormInterface = typeof InternalForm & {
     List: typeof List;
 };
 declare const Form: FormInterface;
-export type { FieldGroupProps, FieldStatus, FieldStatusData, FormInstance, FormListProps, FormProps, Rule as FormRule, ValidateMessage, } from './interface';
+export type { FieldGroupProps, FieldProps, FieldStatus, FieldStatusData, FieldTooltip, FormInstance, FormListField, FormListOperation, FormListProps, FormProps, Rule as FormRule, ValidateMessage, } from './interface';
 export default Form;

package/dist/esm/Input/style/index.less

@@ -45,6 +45,7 @@
     box-shadow: none;
     height: auto;
     padding: 0;
+    border-radius: 0;
   }
 
   &-inner {

package/dist/esm/InputNumber/demo/basic.js

@@ -6,7 +6,7 @@ import { InputNumber } from "../..";
 import React from 'react';
 export default (function () {
   return /*#__PURE__*/React.createElement(InputNumber, {
-    defaultValue: 0,
+    defaultValue: 123,
     placeholder: "Enter a number",
     onChange: function onChange(value) {
       return console.log('value:', value);

package/dist/esm/InputNumber/input-number.js

@@ -71,9 +71,18 @@ var InputNumber = /*#__PURE__*/forwardRef(function (baseprops, _ref) {
     setFocused = _useState2[1];
   var inputRef = useRef(null);
 
+  /** 字符串值（表单 store 常见）参与算术/比较前转数字；不可解析返回 null */
+  function toNumber(val) {
+    if (val === null || val === undefined || val === '') return null;
+    var n = Number(val);
+    return Number.isNaN(n) ? null : n;
+  }
+
   // Format value
   function formatValue(val) {
-    if (val === null || val === undefined || isNaN(val)) return '';
+    // '' 与 null/undefined 同为空值：Number('') === 0，若不拦截会被
+    // formatter/precision 格式化成 '0'（如全局千分位 formatter 场景）
+    if (val === null || val === undefined || val === '' || isNaN(val)) return '';
     var formattedVal = precision !== undefined ? Number(val).toFixed(precision) : val;
     if (formatter) {
       return formatter(Number(formattedVal));
@@ -148,9 +157,10 @@ var InputNumber = /*#__PURE__*/forwardRef(function (baseprops, _ref) {
     onFocus === null || onFocus === void 0 || onFocus(event);
   };
   var handleStep = function handleStep(type) {
+    var _toNumber;
     if (disabled || readOnly) return;
     var offset = type === 'up' ? step : -step;
-    var currentValue = mergedValue !== null && mergedValue !== void 0 ? mergedValue : 0;
+    var currentValue = (_toNumber = toNumber(mergedValue)) !== null && _toNumber !== void 0 ? _toNumber : 0;
     var newValue = currentValue + offset;
     updateValue(newValue);
     onStep === null || onStep === void 0 || onStep(newValue, {
@@ -221,7 +231,10 @@ var InputNumber = /*#__PURE__*/forwardRef(function (baseprops, _ref) {
     className: clsx("".concat(prefixCls, "-handler-wrap"), classNames === null || classNames === void 0 ? void 0 : classNames.handler),
     style: styles === null || styles === void 0 ? void 0 : styles.handler
   }, /*#__PURE__*/React.createElement("span", {
-    className: clsx("".concat(prefixCls, "-handler"), "".concat(prefixCls, "-handler-up"), _defineProperty({}, "".concat(prefixCls, "-handler-disabled"), disabled || mergedValue !== null && mergedValue >= max)),
+    className: clsx("".concat(prefixCls, "-handler"), "".concat(prefixCls, "-handler-up"), _defineProperty({}, "".concat(prefixCls, "-handler-disabled"), disabled || function () {
+      var n = toNumber(mergedValue);
+      return n !== null && n >= max;
+    }())),
     onClick: function onClick() {
       return handleStep('up');
     }
@@ -229,7 +242,10 @@ var InputNumber = /*#__PURE__*/forwardRef(function (baseprops, _ref) {
     size: 12,
     strokeWidth: 2
   })), /*#__PURE__*/React.createElement("span", {
-    className: clsx("".concat(prefixCls, "-handler"), "".concat(prefixCls, "-handler-down"), _defineProperty({}, "".concat(prefixCls, "-handler-disabled"), disabled || mergedValue !== null && mergedValue <= min)),
+    className: clsx("".concat(prefixCls, "-handler"), "".concat(prefixCls, "-handler-down"), _defineProperty({}, "".concat(prefixCls, "-handler-disabled"), disabled || function () {
+      var n = toNumber(mergedValue);
+      return n !== null && n <= min;
+    }())),
     onClick: function onClick() {
       return handleStep('down');
     }

package/dist/esm/InputNumber/interface.d.ts

@@ -26,13 +26,13 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInp
      */
     size?: 'small' | 'default' | 'large';
     /**
-     * Controlled value
+     * Controlled value（'' 视为空值，配合 formatter 不会渲染成 0）
      */
-    value?: number | null;
+    value?: number | string | null;
     /**
      * Default value
      */
-    defaultValue?: number | null;
+    defaultValue?: number | string | null;
     /**
      * Minimum value
      */