Merge pull request #5 from tkc/fix/form

Fix From validation

Author: tkc

src/components/molecules/form-kit/index.tsx

@@ -12,13 +12,14 @@ export const validater = validate;
 export interface InputPropsBase {
   name: string;
   renderProps: FormikProps<any>;
-  validater: (value: string) => string | undefined;
+  validater?: (value: string) => string | undefined;
   placeholder?: string;
 }
 
 export interface InputProps extends InputPropsBase {
   size: "small" | "default" | "large";
   type: "password" | "text" | "email";
+  defaultValue: string;
 }
 
 export function input(props: InputProps) {
@@ -34,7 +35,7 @@ export function input(props: InputProps) {
             size={props.size}
             onBlur={props.renderProps.handleBlur}
             onChange={props.renderProps.handleChange}
-            defaultValue={props.renderProps.values.password}
+            defaultValue={props.defaultValue}
             placeholder={props.placeholder}
           />
         );
@@ -46,6 +47,7 @@ export function input(props: InputProps) {
 export interface TextAreaProps extends InputPropsBase {
   type: "password" | "text" | "email";
   rows: number;
+  defaultValue: string;
 }
 
 export function textArea(props: TextAreaProps) {
@@ -60,7 +62,7 @@ export function textArea(props: TextAreaProps) {
             name={props.name}
             onBlur={props.renderProps.handleBlur}
             onChange={props.renderProps.handleChange}
-            defaultValue={props.renderProps.values.password}
+            defaultValue={props.defaultValue}
             placeholder={props.placeholder}
             rows={props.rows}
           />
@@ -71,7 +73,6 @@ export function textArea(props: TextAreaProps) {
 }
 
 export interface SelectInputProps extends InputPropsBase {
-  defaultValue: string | null;
   options: { key: string; value: string }[];
 }
 

src/components/pages/account/form.tsx

@@ -21,7 +21,7 @@ export function AccountForm(props: AccountFormProps) {
     <>
       <Helmet title="Product Edit" />
       <Formik
-        initialValues={{ name: "name", description: "password", size: "size", loading: false }}
+        initialValues={{ name: "name", description: "description", size: "size", loading: false }}
         onSubmit={(param: FormValues, actions: FormikActions<FormValues>) => {
           // props.onSubmit(param);
         }}
@@ -45,6 +45,7 @@ export function AccountForm(props: AccountFormProps) {
                           size: "default",
                           type: "text",
                           placeholder: "Product title",
+                          defaultValue: "name",
                         })}
                         {FormKit.erroeMessage({ name: "name", renderProps })}
                       </Form.Item>
@@ -60,6 +61,7 @@ export function AccountForm(props: AccountFormProps) {
                           rows: 3,
                           type: "text",
                           placeholder: "",
+                          defaultValue: "description",
                         })}
                         {FormKit.erroeMessage({ name: "description", renderProps })}
                       </FormItem>
@@ -74,8 +76,6 @@ export function AccountForm(props: AccountFormProps) {
                             {FormKit.selectInput({
                               name: "colors",
                               renderProps,
-                              validater: FormKit.validater.validateSimplaInput(100),
-                              defaultValue: "red",
                               placeholder: "Select a color",
                               options: [
                                 { key: "blue", value: "blue" },

src/components/pages/user/login/index.tsx

@@ -53,6 +53,7 @@ export const Login = (props: LoginProps) => {
                             validater: FormKit.validater.validateEmail(),
                             size: "default",
                             type: "email",
+                            defaultValue: "",
                           })}
                           {FormKit.erroeMessage({ name: "email", renderProps })}
                         </Form.Item>
@@ -63,6 +64,7 @@ export const Login = (props: LoginProps) => {
                             validater: FormKit.validater.validatePaaword(),
                             size: "default",
                             type: "password",
+                            defaultValue: "",
                           })}
                           {FormKit.erroeMessage({ name: "password", renderProps })}
                         </Form.Item>