fix: fixed radio button issue

Author: ChristianKienle

src/components/Form/Controls/InputMixin.js

@@ -18,16 +18,14 @@ export default {
     plain: $default(false)
   },
   computed: {
-    inputStateClasses() {
-      const { state } = this;
-      return { [`is-${state}`]: state != null };
-    },
     inputClasses() {
       return {
         "fd-form__control": !this.plain,
         "fd-input--compact": this.finalCompact,
-        ...this.inputStateClasses,
-        "is-required": this.required
+        "is-required": this.required,
+        "is-valid": this.state === "valid",
+        "is-invalid": this.state === "invalid",
+        "is-warning": this.state === "warning"
       };
     },
     inputId() {

src/components/Form/Controls/Radio.vue

@@ -5,14 +5,14 @@
     :disabled="disabled ? '' : null"
     :checked="checked ? true : false"
     :value="value"
-    @input="$emit('update', $event.target.value, $event)"
+    @change="$emit('update', $event.target.value, $event)"
     v-on="$listeners"
     v-bind="$attrs"
+    :id="inputId"
   />
 </template>
 
 <script>
-// :id="inputId"
 import InputMixin from "./InputMixin";
 import { $valueWithDefault, $modelValueWithDefault } from "./Helper/prop";
 

src/components/Form/Controls/Select.vue

@@ -7,13 +7,13 @@
     @change="$emit('update', $event.target.value)"
     v-on="$listeners"
     v-bind="$attrs"
+    :id="inputId"
   >
     <slot />
   </select>
 </template>
 
 <script>
-// :id="inputId"
 import InputMixin from "./InputMixin";
 import { $valueWithDefault } from "./Helper/prop";
 

src/components/Form/Controls/Toggle.vue

@@ -7,7 +7,7 @@
       :value="value"
       :disabled="disabled"
       @update="$emit('update', $event)"
-    ></FdCheckbox>
+    />
     <span class="fd-toggle__switch" role="presentation" />
   </span>
 </template>

src/components/Form/Controls/__tests__/Checkbox.test.js

@@ -41,7 +41,7 @@ describe("FormItem", () => {
       expect(radio.isVisible()).toBe(true);
 
       radio.element.value = "helloWorld";
-      radio.trigger("input");
+      radio.trigger("change");
       await localVue.nextTick();
       expect(form.vm.checked).toBe("helloWorld");
     });