add isEditable

Author: 路振凯

src/Preview/index.tsx

@@ -2,6 +2,7 @@ import CSSMotion from '@rc-component/motion';
 import Portal, { type PortalProps } from '@rc-component/portal';
 import { useEvent } from '@rc-component/util';
 import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
+import KeyCode from '@rc-component/util/lib/KeyCode';
 import { clsx } from 'clsx';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { PreviewGroupContext } from '../context';
@@ -328,15 +329,21 @@ const Preview: React.FC<PreviewProps> = props => {
 
   // >>>>> Effect: Keyboard
   const onKeyDown = useEvent((event: KeyboardEvent) => {
-    if (open) {
-      if (showLeftOrRightSwitches) {
-        if (event.key === 'ArrowLeft') {
-          onActive(-1);
-          event.preventDefault();
-        } else if (event.key === 'ArrowRight') {
-          onActive(1);
-          event.preventDefault();
-        }
+    if (!open) {
+      return;
+    }
+
+    if (KeyCode.isEditableTarget(event)) {
+      return;
+    }
+
+    if (showLeftOrRightSwitches) {
+      if (event.key === 'ArrowLeft') {
+        onActive(-1);
+        event.preventDefault();
+      } else if (event.key === 'ArrowRight') {
+        onActive(1);
+        event.preventDefault();
       }
     }
   });