@particle-network/ui-native 0.4.2-beta.16 → 0.4.2-beta.18

package/dist/components/input/input.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { TextInput } from "react-native";
-import { useColors, useKeyboard } from "../../hooks/index.js";
+import { useColors, useI18n, useKeyboard } from "../../hooks/index.js";
 import { Icon } from "../../icons/index.js";
 import { HStack } from "../layout/HStack.js";
 import { VStack } from "../layout/VStack.js";
@@ -16,6 +16,7 @@ const UXInput = /*#__PURE__*/ forwardRef((props, ref)=>{
     const [isFocused, setIsFocused] = useState(false);
     const [isInvalid, setIsInvalid] = useState(isInvalidProp);
     const { isKeyboardVisible } = useKeyboard();
+    const i18n = useI18n();
     useEffect(()=>{
         if (!isKeyboardVisible && blurOnKeyboardHide) inputRef.current?.blur();
     }, [
@@ -78,7 +79,7 @@ const UXInput = /*#__PURE__*/ forwardRef((props, ref)=>{
             setIsInvalid(true);
             return {
                 isValid: false,
-                errorMessage: 'This field is required'
+                errorMessage: i18n.validation.required
             };
         }
         setIsInvalid(false);
@@ -87,7 +88,8 @@ const UXInput = /*#__PURE__*/ forwardRef((props, ref)=>{
         };
     }, [
         internalValue,
-        isRequired
+        isRequired,
+        i18n
     ]);
     const renderError = useMemo(()=>{
         if (isInvalidProp && errorMessage) {

package/dist/components/input/number-input.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Platform, TextInput } from "react-native";
-import { useColors, useKeyboard } from "../../hooks/index.js";
+import { useColors, useI18n, useKeyboard } from "../../hooks/index.js";
 import { Icon } from "../../icons/index.js";
 import { HStack } from "../layout/HStack.js";
 import { VStack } from "../layout/VStack.js";
@@ -16,6 +16,7 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
     const [displayText, setDisplayText] = useState(defaultValue?.toString() ?? '');
     const [isFocused, setIsFocused] = useState(false);
     const [isInvalid, setIsInvalid] = useState(isInvalidProp);
+    const i18n = useI18n();
     const { isKeyboardVisible } = useKeyboard();
     const formatOptions = useMemo(()=>{
         const restFormatOptions = {
@@ -74,15 +75,15 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
     const validationResult = useMemo(()=>{
         if (isNaN(internalValue) && isRequired) return {
             isValid: false,
-            errorMessage: 'This field is required'
+            errorMessage: i18n.validation.required
         };
         if (void 0 !== minValue && internalValue < minValue) return {
             isValid: false,
-            errorMessage: `Value must be at least ${minValue}`
+            errorMessage: i18n.validation.min.replace('{min}', minValue.toString())
         };
         if (void 0 !== maxValue && internalValue > maxValue) return {
             isValid: false,
-            errorMessage: `Value must be at most ${maxValue}`
+            errorMessage: i18n.validation.max.replace('{max}', maxValue.toString())
         };
         setIsInvalid(false);
         return {
@@ -92,7 +93,8 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
         internalValue,
         isRequired,
         minValue,
-        maxValue
+        maxValue,
+        i18n
     ]);
     const adjustValueToRange = useCallback((num)=>{
         if (isNaN(num)) return NaN;
@@ -114,6 +116,7 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
         if (cleanedText.includes('-') && !cleanedText.startsWith('-')) return;
         setDisplayText(cleanedText);
         onChangeText?.(cleanedText);
+        if ('' === cleanedText || '-' === cleanedText) return void setInternalValue(NaN);
         const numValue = Number(cleanedText);
         isNaN(numValue) ? setInternalValue(NaN) : setInternalValue(numValue);
     }, [
@@ -127,6 +130,13 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
     ]);
     const handleBlur = useCallback((e)=>{
         setIsFocused(false);
+        if ('' === displayText || '-' === displayText) {
+            setInternalValue(NaN);
+            onChangeText?.('');
+            onValueChange?.(NaN);
+            onBlur?.(e);
+            return;
+        }
         if (!isNaN(internalValue)) {
             const adjustedValue = adjustValueToFractionDigits(adjustValueToRange(internalValue));
             if (adjustedValue !== internalValue) {
@@ -139,6 +149,7 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
         }
         onBlur?.(e);
     }, [
+        displayText,
         internalValue,
         onChangeText,
         onValueChange,
@@ -163,10 +174,11 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
         if (isNaN(internalValue)) return '';
         if (numberFormatter) {
             const formattedValue = numberFormatter.format(internalValue);
-            if (formatOptions?.signDisplay === 'exceptZero' || formatOptions?.signDisplay === 'always') {
+            const signDisplay = restProps.formatOptions?.signDisplay;
+            if ('exceptZero' === signDisplay || 'always' === signDisplay) {
                 if (internalValue > 0) return `+${formattedValue}`;
                 else if (internalValue < 0) ;
-                else if ('always' === formatOptions.signDisplay) return `+${formattedValue}`;
+                else if ('always' === signDisplay) return `+${formattedValue}`;
             }
             return formattedValue;
         }
@@ -176,7 +188,7 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
         displayText,
         numberFormatter,
         isFocused,
-        formatOptions
+        restProps.formatOptions
     ]);
     const renderError = useMemo(()=>{
         if (isInvalidProp && errorMessage) {

package/dist/locales/en.d.ts

@@ -41,5 +41,10 @@ export declare const en: {
         on: string;
         off: string;
     };
+    validation: {
+        required: string;
+        min: string;
+        max: string;
+    };
 };
 export type LocaleText = typeof en;

package/dist/locales/en.js

@@ -40,6 +40,11 @@ const en = {
     switch: {
         on: 'On',
         off: 'Off'
+    },
+    validation: {
+        required: 'This field is required',
+        min: 'Value must be greater than {min}',
+        max: 'Value must be less than {max}'
     }
 };
 export { en };

package/dist/locales/index.d.ts

@@ -45,6 +45,11 @@ export declare const locales: {
             on: string;
             off: string;
         };
+        validation: {
+            required: string;
+            min: string;
+            max: string;
+        };
     };
     zh: {
         datePicker: {
@@ -89,6 +94,11 @@ export declare const locales: {
             on: string;
             off: string;
         };
+        validation: {
+            required: string;
+            min: string;
+            max: string;
+        };
     };
 };
 export declare function getLocaleText(locale: Locale): {
@@ -134,4 +144,9 @@ export declare function getLocaleText(locale: Locale): {
         on: string;
         off: string;
     };
+    validation: {
+        required: string;
+        min: string;
+        max: string;
+    };
 };

package/dist/locales/zh.js

@@ -40,6 +40,11 @@ const zh = {
     switch: {
         on: '开',
         off: '关'
+    },
+    validation: {
+        required: '请输入',
+        min: '值不能小于{min}',
+        max: '值不能大于{max}'
     }
 };
 export { zh };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.4.2-beta.16",
+  "version": "0.4.2-beta.18",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",
@@ -89,9 +89,9 @@
     "unfetch": "^4.2.0",
     "vite": "^6.3.5",
     "zustand": "^5.0.8",
-    "@particle-network/eslint-config": "0.3.0",
     "@particle-network/icons": "0.4.2-beta.7",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "overrides": {
     "react-docgen-typescript": "2.2.2",