@particle-network/ui-native 0.1.4-beta.4 → 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();
@@ -130,6 +137,7 @@ const UXInput = /*#__PURE__*/ forwardRef((props, ref)=>{
                             styles.input,
                             inputStyle
                         ],
+                        textAlignVertical: restProps.multiline ? 'top' : void 0,
                         value: internalValue,
                         onBlur: handleBlur,
                         onChangeText: (v)=>{

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.4",
+  "version": "0.1.4-beta.6",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",
@@ -90,8 +90,8 @@
     "unfetch": "^4.2.0",
     "vite": "^6.3.5",
     "zustand": "^5.0.8",
-    "@particle-network/lintstaged-config": "0.1.0",
     "@particle-network/eslint-config": "0.3.0",
+    "@particle-network/lintstaged-config": "0.1.0",
     "@particle-network/icons": "0.1.3-beta.3"
   },
   "overrides": {