fix(input): readonly state

withastro-utils · May 20, 2024 · cd1ec68 · cd1ec68
1 parent 85164e2
commit cd1ec68
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/examples/simple-form/src/pages/state-check.astro b/examples/simple-form/src/pages/state-check.astro
@@ -5,9 +5,8 @@ import Layout from '../layouts/Layout.astro';
 const bind = Bind({});
 
 bind.on.newState = () => {
-    bind.num = 9;
-}
-
+    bind.num = [1, 2, 3, 9];
+};
 
 function onSubmit() {
     console.log(bind.num);
@@ -16,7 +15,7 @@ function onSubmit() {
 
 <Layout title='Test Select'>
     <BindForm bind={bind} key='page'>
-        {bind.num}
+        {bind.num?.map((value, index) => <BInput name={`num[${index}]`} placeholder={value} />)}
         <BButton whenFormOK onClick={onSubmit}>Submit</BButton>
     </BindForm>
 </Layout>
diff --git a/packages/forms/src/components-control/input-parse.ts b/packages/forms/src/components-control/input-parse.ts
@@ -37,10 +37,10 @@ type InputTypes =
 
 type ExtendedInputTypes = InputTypes | 'int';
 
-export async function getInputValue(astro: AstroGlobal, bindId: string) {
+export async function getInputValue(astro: AstroGlobal, bindId: string, bind: BindForm<any>) {
     const { value, name, readonly } = astro.props;
     if (readonly) {
-        return value;
+        return getProperty(bind, name, value);
     }
 
     return await getFormValue(astro.request, bindId + name);
@@ -49,7 +49,7 @@ export async function getInputValue(astro: AstroGlobal, bindId: string) {
 export async function validateFormInput(astro: AstroGlobal, bind: BindForm<any>, bindId: string) {
     const { type, value: originalValue, minlength, maxlength, pattern, required, name, errorMessage, validate } = astro.props;
 
-    const parseValue: any = await getInputValue(astro, bindId);
+    const parseValue: any = await getInputValue(astro, bindId, bind);
     const aboutInput = new AboutFormName(bind, name, parseValue, errorMessage);
 
     // validate filed exits