Radio: support switching radio with keyborard in ff. Fixes #8198 (#11325)

* Docs: fix docs of Tab-pane

* Radio: support switching radio with keyborard in ff. Fixes #8198

examples/docs/en-US/tabs.md

@@ -393,4 +393,4 @@ Only card type Tabs support addable & closeable.
 | disabled | whether Tab is disabled | boolean | — | false |
 | name      | identifier corresponding to the activeName of Tabs, representing the alias of the tab-pane | string | — | ordinal number of the tab-pane in the sequence, e.g. the first tab-pane is '1' |
 | closable  | whether Tab is closable | boolean   | — |  false  |
-| lazy  | whether Tab is lazy to render   | boolean   | — |  false  |
+| lazy  | whether Tab is lazily rendered   | boolean   | — |  false  |
\ No newline at end of file

examples/docs/es/tabs.md

@@ -393,4 +393,4 @@ Solo las pestañas de tipo tarjeta soportan adición y cierre.
 | disabled | si la Tabulación está deshabilitada      | boolean | —                 | false                                    |
 | name     | identificador correspondiente al activeName de la Tabulación, representando el alias del tab-pane | string  | —                 | número ordinal del tab-pane en la secuencia, p.ej el primer tab-pane de pestañas es '1' |
 | closable | si el Tab es cerrable                    | boolean | —                 | false                                    |
-| lazy     | whether Tab is lazy to render            | boolean | —                 | false                                    |
+| lazy     | whether Tab is lazily rendered            | boolean | —                 | false                                    |

packages/radio/src/radio-group.vue

@@ -74,8 +74,10 @@
             e.preventDefault();
             if (index === 0) {
               roleRadios[length - 1].click();
+              roleRadios[length - 1].focus();
             } else {
               roleRadios[index - 1].click();
+              roleRadios[index - 1].focus();
             }
             break;
           case keyCode.RIGHT:
@@ -84,8 +86,10 @@
               e.stopPropagation();
               e.preventDefault();
               roleRadios[0].click();
+              roleRadios[0].focus();
             } else {
               roleRadios[index + 1].click();
+              roleRadios[index + 1].focus();
             }
             break;
           default:

types/tab-pane.d.ts

@@ -14,6 +14,6 @@ export declare class ElTabPane extends ElementUIComponent {
   /** Whether Tab is closable */
   closable: boolean
 
-  /** Whether Tab is lazy to render */
+  /** Whether Tab is lazily rendered */
   lazy: boolean
 }