fix: support full width characters in Numberfield e.g. Japanese IME (#8418)

Author: LFDanLu

packages/@internationalized/number/src/NumberParser.ts

@@ -23,7 +23,7 @@ interface Symbols {
 }
 
 const CURRENCY_SIGN_REGEX = new RegExp('^.*\\(.*\\).*$');
-const NUMBERING_SYSTEMS = ['latn', 'arab', 'hanidec', 'deva', 'beng'];
+const NUMBERING_SYSTEMS = ['latn', 'arab', 'hanidec', 'deva', 'beng', 'fullwide'];
 
 /**
  * A NumberParser can be used to perform locale-aware parsing of numbers from Unicode strings,

packages/@react-aria/numberfield/src/useNumberField.ts

@@ -183,6 +183,10 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
 
   let domProps = filterDOMProps(props);
   let onKeyDownEnter = useCallback((e) => {
+    if (e.nativeEvent.isComposing) {
+      return;
+    }
+
     if (e.key === 'Enter') {
       commit();
       commitValidation();

packages/@react-aria/spinbutton/src/useSpinButton.ts

@@ -59,13 +59,13 @@ export function useSpinButton(
 
   const clearAsync = () => clearTimeout(_async.current);
 
-   
+
   useEffect(() => {
     return () => clearAsync();
   }, []);
 
   let onKeyDown = (e) => {
-    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) {
+    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly || e.nativeEvent.isComposing) {
       return;
     }