@momo-kits/calculator-keyboard 0.112.1-rn80.4 → 0.112.1-rn80.5-kits.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/calculator-keyboard",
-    "version": "0.112.1-rn80.4",
+    "version": "0.112.1-rn80.5-kits.1",
     "description": "react native calculator keyboard",
     "source": "./src/index.tsx",
     "main": "./lib/commonjs/index.js",

package/src/index.tsx

@@ -5,18 +5,28 @@ import {
   type TextInputProps,
   type ColorValue,
   processColor,
+  UIManager,
+  findNodeHandle,
 } from 'react-native';
-import { requireNativeComponent, TextInput } from 'react-native';
+import { requireNativeComponent } from 'react-native';
 
-const NativeInput = requireNativeComponent<any>('RCTInputCalculator');
+const NAME = 'RCTInputCalculator';
+const NativeInput = requireNativeComponent<any>(NAME);
 
 interface InputCalculatorProps extends TextInputProps {
   text?: string | undefined;
   keyboardColor?: ColorValue;
 }
 
-const InputCalculator = React.forwardRef<TextInput, InputCalculatorProps>(
+export type InputCalculatorRef = {
+  focus: () => void;
+  blur: () => void;
+};
+
+const InputCalculator = React.forwardRef<InputCalculatorRef, InputCalculatorProps>(
   (props, ref) => {
+    const nativeRef = React.useRef<any>(null);
+
     const _onChange = (
       event: NativeSyntheticEvent<TextInputChangeEventData>
     ) => {
@@ -25,14 +35,33 @@ const InputCalculator = React.forwardRef<TextInput, InputCalculatorProps>(
       props.onChangeText && props.onChangeText(currentText);
     };
 
-    const text = props.text || props.defaultValue || '';
+    const text = props.text ?? props.defaultValue ?? '';
+
+    React.useImperativeHandle(ref, () => ({
+      focus() {
+        const node = findNodeHandle(nativeRef.current);
+        if (!node) return;
+        const config = UIManager.getViewManagerConfig(NAME);
+        if (config?.Commands?.focus != null) {
+          UIManager.dispatchViewManagerCommand(node, config.Commands.focus, []);
+        }
+      },
+      blur() {
+        const node = findNodeHandle(nativeRef.current);
+        if (!node) return;
+        const config = UIManager.getViewManagerConfig(NAME);
+        if (config?.Commands?.blur != null) {
+          UIManager.dispatchViewManagerCommand(node, config.Commands.blur, []);
+        }
+      },
+    }));
 
     return (
       <NativeInput
         {...props}
-        ref={ref}
+        ref={nativeRef}
         onChange={_onChange}
-        text={text}
+        value={text}
         keybardColor={processColor(props.keyboardColor)}
       />
     );
@@ -40,5 +69,3 @@ const InputCalculator = React.forwardRef<TextInput, InputCalculatorProps>(
 );
 
 export default InputCalculator;
-
-export type { InputCalculatorProps };