fix RadioButtonGroup ts

grucloud · Dec 19, 2024 · 91d5fbd · 91d5fbd
1 parent 8ec7604
commit 91d5fbd
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 21 deletions.
diff --git a/bau-ui/examples/bau-storybook/src/pages/form/form-simple-state.ts b/bau-ui/examples/bau-storybook/src/pages/form/form-simple-state.ts
@@ -36,7 +36,7 @@ export default (context: Context) => {
             name: "check",
             required: true,
             value: inputState,
-            oninput: (event: any) => (inputState.val = event.target.value),
+            oninput: ({ target }) => (inputState.val = target.value),
           })
         )
       ),

diff --git a/bau-ui/radioButtonGroup/index.d.ts b/bau-ui/radioButtonGroup/index.d.ts
@@ -11,11 +11,14 @@ declare module "@grucloud/bau-ui/radioButtonGroup" {
   export type RadioButtonGroupProps = {
     name: string;
     value?: any;
-    oninput?: (event) => any;
+    oninput?: ({ target }: { target: HTMLInputElement }) => void;
     radios: RadioItem[];
   } & DefaultDesignProps;
 
-  type Component = import("../bau-ui").Component<RadioButtonGroupProps>;
+  type Component = import("../bau-ui").Component<
+    RadioButtonGroupProps,
+    HTMLInputElement
+  >;
 
   export default function (context: any, option?: ComponentOption): Component;
 }
diff --git a/bau/examples/bau-ts-test/src/main.ts b/bau/examples/bau-ts-test/src/main.ts
@@ -506,8 +506,7 @@ const TestDerived = () => {
     input({
       placeholder: "Enter username",
       value: inputState,
-      oninput: ({ target }: { target: HTMLInputElement }) =>
-        (inputState.val = target.value),
+      oninput: ({ target }) => (inputState.val = target.value),
     }),
     button(
       {
@@ -532,8 +531,7 @@ const TestDerivedSideEffect = () => {
     input({
       placeholder: "Enter username",
       value: inputState,
-      oninput: ({ target }: { target: HTMLInputElement }) =>
-        (inputState.val = target.value),
+      oninput: ({ target }) => (inputState.val = target.value),
     })
   );
 };
@@ -753,8 +751,7 @@ const TestInputOninput = () => {
     input({
       placeholder: "Enter username",
       value: inputState,
-      oninput: ({ target }: { target: HTMLInputElement }) =>
-        (inputState.val = target.value),
+      oninput: ({ target }) => (inputState.val = target.value),
     }),
     button(
       {
@@ -776,8 +773,7 @@ const TestInputSearch = () => {
       type: "search",
       placeholder: "Search...",
       value: inputState,
-      oninput: ({ target }: { target: HTMLInputElement }) =>
-        (inputState.val = target.value),
+      oninput: ({ target }) => (inputState.val = target.value),
     }),
     button(
       {
@@ -820,7 +816,7 @@ const TestEventHandlingKeyUp = () => {
     input({
       type: "search",
       size: 25,
-      onkeyup: ({ target, key }: { key: string; target: HTMLInputElement }) => {
+      onkeyup: ({ target, key }) => {
         if (key == "Enter") {
           alert(target.value);
         }
@@ -838,8 +834,7 @@ const TestInputCheckboxOninput = () => {
     input({
       type: "checkbox",
       checked: checkedState,
-      oninput: ({ target }: { target: HTMLInputElement }) =>
-        (checkedState.val = target.checked),
+      oninput: ({ target }) => (checkedState.val = target.checked),
     }),
     div("Is checked: ", () => (checkedState.val ? "Checked" : "Not Checked"))
   );
@@ -1048,10 +1043,11 @@ input({
   type: "text",
   oninput: (event) => {
     console.log(event.data);
+    console.log(event.target);
   },
   onchange: (event) => {
     console.log(event.target.value);
-  }
+  },
 });
 
 const app = document.getElementById("app");

diff --git a/doc/BauDerive.md b/doc/BauDerive.md
@@ -46,8 +46,7 @@ const TestDerived = () => {
     input({
       placeholder: "Enter username",
       value: inputState,
-      oninput: ({ target }: { target: HTMLInputElement }) =>
-        (inputState.val = target.value),
+      oninput: ({ target }) => (inputState.val = target.value),
     }),
     button(
       {

diff --git a/doc/BauEventHandling.md b/doc/BauEventHandling.md
@@ -91,8 +91,7 @@ const TestInputOninput = () => {
     input({
       placeholder: "Enter username",
       value: inputState,
-      oninput: ({ target }: { target: HTMLInputElement }) =>
-        (inputState.val = target.value),
+      oninput: ({ target }) => (inputState.val = target.value),
     }),
     button(
       {
@@ -149,8 +148,7 @@ const TestInputCheckboxOninput = () => {
     input({
       type: "checkbox",
       checked: checkedState,
-      oninput: ({ target }: { target: HTMLInputElement }) =>
-        (checkedState.val = target.checked),
+      oninput: ({ target }) => (checkedState.val = target.checked),
     }),
     div("Is checked: ", () => (checkedState.val ? "Checked" : "Not Checked"))
   );