@laser-ui/components 2.6.0 → 2.6.2

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.6.2](https://github.com/laser-ui/laser-ui/compare/v2.6.1...v2.6.2) (2026-04-09)
+
+### Bug Fixes
+
+- **components:** always sync value and input ([7f09ac9](https://github.com/laser-ui/laser-ui/commit/7f09ac97eb6f4644cb5d31a2da842f6d5688ccc5))
+
+## [2.6.1](https://github.com/laser-ui/laser-ui/compare/v2.6.0...v2.6.1) (2026-04-09)
+
+### Bug Fixes
+
+- **components:** fix number input show ([d29f5eb](https://github.com/laser-ui/laser-ui/commit/d29f5eb7f89c55b0cc7da8a549731f55d05a7948))
+
 # [2.6.0](https://github.com/laser-ui/laser-ui/compare/v2.5.0...v2.6.0) (2026-04-08)
 
 ### Bug Fixes

package/input/InputNumber.js

@@ -12,18 +12,6 @@ import { BaseInput } from '../base-input';
 import { useComponentProps, useControlled, useDesign, useScopedProps, useStyled, useTranslation } from '../hooks';
 import { Icon } from '../icon';
 import { mergeCS } from '../utils';
-function syncValueToPlaceholder(value, placeholder) {
-    if (isNull(value)) {
-        if (placeholder) {
-            return '';
-        }
-    }
-    else {
-        if (value !== Number(placeholder)) {
-            return value.toString();
-        }
-    }
-}
 export function InputNumber(props) {
     const _a = useComponentProps('InputNumber', props), { styleOverrides, styleProvider, formControl, model, defaultModel, max, min, step = 1, integer = false, prefix, suffix, clearable, placeholder, size: sizeProp, numberButton = true, disabled: disabledProp = false, inputProps, onModelChange, onClear } = _a, restProps = __rest(_a, ["styleOverrides", "styleProvider", "formControl", "model", "defaultModel", "max", "min", "step", "integer", "prefix", "suffix", "clearable", "placeholder", "size", "numberButton", "disabled", "inputProps", "onModelChange", "onClear"]);
     const styled = useStyled(CLASSES, { input: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.input }, styleOverrides);
@@ -32,9 +20,24 @@ export function InputNumber(props) {
     const dataRef = useRef({});
     const windowRef = useRefExtra(() => window);
     const inputRef = useRef(null);
+    const [focused, setFocused] = useState(false);
     const [value, _changeValue] = useControlled(defaultModel !== null && defaultModel !== void 0 ? defaultModel : null, model, onModelChange, undefined, formControl === null || formControl === void 0 ? void 0 : formControl.control);
     const [placeholderValue, setPlaceholderValue] = useState(() => (isNull(value) ? '' : value.toString()));
-    const newPlaceholderValue = syncValueToPlaceholder(value, placeholderValue);
+    const newPlaceholderValue = (() => {
+        if (focused) {
+            return;
+        }
+        if (isNull(value)) {
+            if (placeholderValue) {
+                return '';
+            }
+        }
+        else {
+            if (value !== Number(placeholderValue)) {
+                return value.toString();
+            }
+        }
+    })();
     if (!isUndefined(newPlaceholderValue)) {
         setPlaceholderValue(newPlaceholderValue);
     }
@@ -104,37 +107,36 @@ export function InputNumber(props) {
                     };
                 }, value: placeholderValue, max: max, min: min, step: step, type: "number", placeholder: placeholder, disabled: disabled, onValueChange: (val) => {
                     setPlaceholderValue(val);
-                    if (val.length === 0) {
-                        _changeValue(null);
-                    }
-                    else {
-                        const num = Number(val);
-                        if ((isUndefined(max) || num <= max) && (isUndefined(min) || num >= min) && (!integer || Number.isInteger(num))) {
-                            _changeValue(num);
-                        }
-                    }
+                    _changeValue(val.length === 0 ? null : Number(val));
+                }, onFocus: (e) => {
+                    var _a;
+                    (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
+                    setFocused(true);
                 }, onBlur: (e) => {
                     var _a;
                     (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
-                    let val = value;
+                    setFocused(false);
+                    let realValue = null;
                     if (placeholderValue.length === 0) {
-                        val = null;
+                        realValue = null;
                     }
                     else {
-                        let num = Number(placeholderValue);
-                        if (!isUndefined(max) && num > max) {
-                            num = max;
+                        realValue = Number(placeholderValue);
+                        if (!isUndefined(max) && realValue > max) {
+                            realValue = max;
                         }
-                        if (!isUndefined(min) && num < min) {
-                            num = min;
+                        if (!isUndefined(min) && realValue < min) {
+                            realValue = min;
                         }
-                        if (integer && !Number.isInteger(num)) {
-                            num = Math.round(num);
+                        if (integer && !Number.isInteger(realValue)) {
+                            realValue = Math.round(realValue);
                         }
-                        val = num;
                     }
-                    if (val !== value) {
-                        changeValue(val);
+                    if (realValue !== value) {
+                        changeValue(realValue);
+                    }
+                    else if (realValue !== (placeholderValue.length === 0 ? null : Number(placeholderValue))) {
+                        setPlaceholderValue(realValue === null ? '' : realValue.toString());
                     }
                 } })), clearable && !disabled && (_jsx("div", Object.assign({}, mergeCS(styled('input__clear'), { style: { opacity: placeholderValue.length > 0 ? 1 : 0 } }), { role: "button", "aria-label": t('Clear'), onClick: () => {
                     changeValue(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -37,5 +37,5 @@
     "access": "public",
     "directory": "../../dist/libs/components"
   },
-  "gitHead": "10832372dcf8eb1ce1a71903333f7abb61325613"
+  "gitHead": "44becbe9fcc81f5dab37ecf828d2fba9f25b1db6"
 }