@particle-network/ui-native 0.1.4-beta.5 → 0.1.4-beta.6

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 } from "../../hooks/index.js";
+import { useColors, useKeyboard } from "../../hooks/index.js";
 import { Icon } from "../../icons/index.js";
 import { HStack } from "../layout/HStack.js";
 import { VStack } from "../layout/VStack.js";
@@ -9,12 +9,19 @@ import { Text } from "../Text/index.js";
 import { UXPressable } from "../UXPressable/index.js";
 import { useStyles } from "./styles.js";
 const UXInput = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { containerStyle, wrapperStyle, inputStyle, value: controlledValue, defaultValue, errorMessage, startContent, endContent, isReadOnly, isDisabled, isRequired, isClearable, isInvalid: isInvalidProp, autoErrorMessage, label, onChangeText, onValueChange, onFocus, onBlur, ...restProps } = props;
+    const { containerStyle, wrapperStyle, inputStyle, value: controlledValue, defaultValue, errorMessage, startContent, endContent, isReadOnly, isDisabled, isRequired, isClearable, isInvalid: isInvalidProp, autoErrorMessage, label, onChangeText, onValueChange, onFocus, onBlur, blurOnKeyboardHide = true, ...restProps } = props;
     const { getColor } = useColors();
     const inputRef = useRef(null);
     const [internalValue, setInternalValue] = useState(defaultValue);
     const [isFocused, setIsFocused] = useState(false);
     const [isInvalid, setIsInvalid] = useState(isInvalidProp);
+    const { isKeyboardVisible } = useKeyboard();
+    useEffect(()=>{
+        if (!isKeyboardVisible && blurOnKeyboardHide) inputRef.current?.blur();
+    }, [
+        isKeyboardVisible,
+        blurOnKeyboardHide
+    ]);
     useImperativeHandle(ref, ()=>({
             blur: ()=>{
                 inputRef.current?.blur();

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 } from "../../hooks/index.js";
+import { useColors, useKeyboard } from "../../hooks/index.js";
 import { Icon } from "../../icons/index.js";
 import { HStack } from "../layout/HStack.js";
 import { VStack } from "../layout/VStack.js";
@@ -9,13 +9,20 @@ import { Text } from "../Text/index.js";
 import { UXPressable } from "../UXPressable/index.js";
 import { useStyles } from "./styles.js";
 const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { containerStyle, wrapperStyle, inputStyle, value: controlledValue, defaultValue, errorMessage, minValue, maxValue, formatOptions, startContent, endContent, isRequired, isReadOnly, isDisabled, isClearable, isInvalid: isInvalidProp, autoErrorMessage, allowNegative, label, onChangeText, onValueChange, onFocus, onBlur, ...restProps } = props;
+    const { containerStyle, wrapperStyle, inputStyle, value: controlledValue, defaultValue, errorMessage, minValue, maxValue, formatOptions, startContent, endContent, isRequired, isReadOnly, isDisabled, isClearable, isInvalid: isInvalidProp, autoErrorMessage, allowNegative, label, onChangeText, onValueChange, onFocus, onBlur, blurOnKeyboardHide = true, ...restProps } = props;
     const { getColor } = useColors();
     const inputRef = useRef(null);
     const [internalValue, setInternalValue] = useState(defaultValue ?? NaN);
     const [displayText, setDisplayText] = useState(defaultValue?.toString() ?? '');
     const [isFocused, setIsFocused] = useState(false);
     const [isInvalid, setIsInvalid] = useState(isInvalidProp);
+    const { isKeyboardVisible } = useKeyboard();
+    useEffect(()=>{
+        if (!isKeyboardVisible && blurOnKeyboardHide) inputRef.current?.blur();
+    }, [
+        isKeyboardVisible,
+        blurOnKeyboardHide
+    ]);
     useImperativeHandle(ref, ()=>({
             blur: ()=>{
                 inputRef.current?.blur();

package/dist/components/input/types.d.ts

@@ -39,6 +39,11 @@ export interface UXInputCommonProps extends Omit<TextInputProps, 'style' | 'valu
     label?: string;
     textAlign?: 'left' | 'center' | 'right';
     autoErrorMessage?: boolean;
+    /**
+     * 是否在键盘隐藏时自动 blur
+     * @default true
+     */
+    blurOnKeyboardHide?: boolean;
 }
 export interface UXInputProps extends UXInputCommonProps {
     value?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.1.4-beta.5",
+  "version": "0.1.4-beta.6",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",