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

package/dist/components/UXModal/index.js

@@ -116,13 +116,13 @@ const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
         isDragging,
         touchStartY,
         modalHeight,
-        height,
         translateY,
-        onDismiss
+        onDismiss,
+        isAndroid
     ]);
     const keyboardAvoidValue = useMemo(()=>{
-        const containerValue = 'container' === keyboardAvoidPosition ? Math.max(insets.bottom, ms(32), keyboardHeight) : Math.max(insets.bottom, ms(32));
-        const contentValue = 'content' === keyboardAvoidPosition && keyboardHeight > 0 ? keyboardHeight - footerHeight - Math.max(insets.bottom, ms(32)) : 0;
+        const containerValue = 'container' === keyboardAvoidPosition ? Math.max(insets.bottom, ms(32), keyboardHeight + (isAndroid ? insets.bottom : 0)) : Math.max(insets.bottom, ms(32));
+        const contentValue = 'content' === keyboardAvoidPosition && keyboardHeight > 0 ? keyboardHeight - footerHeight - Math.max(insets.bottom, ms(32)) + (isAndroid ? insets.bottom : 0) : 0;
         return {
             containerValue,
             contentValue
@@ -131,7 +131,9 @@ const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
         keyboardAvoidPosition,
         insets.bottom,
         keyboardHeight,
-        footerHeight
+        footerHeight,
+        isAndroid,
+        ms
     ]);
     const styles = StyleSheet.create({
         modalContainer: {

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