fix: fix field order issue. #12

Author: jaywcjlove

pages/base/src/control/Password.tsx

@@ -5,7 +5,17 @@ export const Password: FC<InputProps> = (props) => {
   const { keyname = 'password', name, rename, ...elmProps } = props;
   const nameBase = name || rename || keyname;
   const key = (keyname || name) as string;
-  return <Input type="password" placeholder="Password" autoComplete="on" {...elmProps} name={nameBase} keyname={key} />;
+  return (
+    <Input
+      type="password"
+      placeholder="Password"
+      index={2}
+      autoComplete="on"
+      {...elmProps}
+      name={nameBase}
+      keyname={key}
+    />
+  );
 };
 
 Password.displayName = 'BaseLogin.Password';

pages/base/src/control/Username.tsx

@@ -5,7 +5,7 @@ export const Username: FC<InputProps> = (props) => {
   const { keyname = 'username', name, rename, ...elmProps } = props;
   const nameBase = name || rename || keyname;
   const key = (keyname || name) as string;
-  return <Input placeholder="Username" spellCheck={false} {...elmProps} name={nameBase} keyname={key} />;
+  return <Input placeholder="Username" spellCheck={false} index={1} {...elmProps} name={nameBase} keyname={key} />;
 };
 
 Username.displayName = 'BaseLogin.Username';

pages/page1/src/control/Password.tsx

@@ -5,7 +5,17 @@ export const Password: FC<InputProps> = (props) => {
   const { keyname = 'password', name, rename, ...elmProps } = props;
   const nameBase = name || rename || keyname;
   const key = (keyname || name) as string;
-  return <Input type="password" placeholder="Password" autoComplete="on" {...elmProps} name={nameBase} keyname={key} />;
+  return (
+    <Input
+      type="password"
+      index={2}
+      placeholder="Password"
+      autoComplete="on"
+      {...elmProps}
+      name={nameBase}
+      keyname={key}
+    />
+  );
 };
 
 Password.displayName = 'Login.Password';

pages/page1/src/control/Username.tsx

@@ -5,7 +5,7 @@ export const Username: FC<InputProps> = (props) => {
   const { keyname = 'username', name, rename, ...elmProps } = props;
   const nameBase = name || rename || keyname;
   const key = (keyname || name) as string;
-  return <Input type="password" placeholder="Password" {...elmProps} name={nameBase} keyname={key} />;
+  return <Input type="text" index={1} placeholder="Username" {...elmProps} name={nameBase} keyname={key} />;
 };
 
 Username.displayName = 'Login.Username';

pages/page1/src/index.tsx

@@ -30,6 +30,7 @@ const RenderLogin = () => {
           {fields
             .sort((a, b) => a.index - b.index)
             .map((item, idx) => {
+              console.log('item', item);
               if (!item.children) return null;
               return <label key={item.name + idx}>{item.children}</label>;
             })}

pages/page10/src/control/login/Email.tsx

@@ -23,6 +23,7 @@ export const Email: FC<EmailProps> = memo((props) => {
       placeholder="Your Email"
       spellCheck={false}
       visible={visible}
+      index={1}
       {...elmProps}
       name={nameBase}
       keyname={`$$${panel}${key}`}

pages/page10/src/control/login/Password.tsx

@@ -22,6 +22,7 @@ export const Password: FC<PasswordProps> = memo((props) => {
       type="password"
       placeholder="Your Password"
       autoComplete="on"
+      index={1}
       {...elmProps}
       name={nameBase}
       visible={visible}

pages/page11/src/control/Password.tsx

@@ -12,7 +12,17 @@ export const Password: FC<PasswordProps> = (props) => {
   const { dispatch } = useStore();
   useEffect(() => dispatch({ [`$${key}`]: label }), [label]);
 
-  return <Input type="password" placeholder="Password" autoComplete="on" {...elmProps} name={nameBase} keyname={key} />;
+  return (
+    <Input
+      type="password"
+      placeholder="Password"
+      autoComplete="on"
+      index={2}
+      {...elmProps}
+      name={nameBase}
+      keyname={key}
+    />
+  );
 };
 
 Password.displayName = 'Login.Password';

pages/page11/src/control/Username.tsx

@@ -13,7 +13,15 @@ export const Username: FC<UsernameProps> = (props) => {
   useEffect(() => dispatch({ [`$${key}`]: label }), [label]);
 
   return (
-    <Input placeholder="Username" autoComplete="on" spellCheck={false} {...elmProps} name={nameBase} keyname={key} />
+    <Input
+      placeholder="Username"
+      autoComplete="on"
+      spellCheck={false}
+      index={1}
+      {...elmProps}
+      name={nameBase}
+      keyname={key}
+    />
   );
 };
 

pages/page2/src/control/Email.tsx

@@ -10,7 +10,9 @@ export const Email: FC<EmailProps> = (props) => {
   if (!elmProps.children) {
     elmProps.children = EmailIcon;
   }
-  return <Input placeholder="Email" spellCheck={false} {...elmProps} type="email" name={nameBase} keyname={key} />;
+  return (
+    <Input placeholder="Email" spellCheck={false} index={1} {...elmProps} type="email" name={nameBase} keyname={key} />
+  );
 };
 
 Email.displayName = 'Login.Email';