feat: field add className.

Author: jaywcjlove

pages/page1/src/index.tsx

@@ -30,9 +30,12 @@ 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>;
+              return (
+                <label className={`rlp-${item.name}`} key={item.name + idx}>
+                  {item.children}
+                </label>
+              );
             })}
           <section>
             {buttons

pages/page10/src/index.tsx

@@ -70,7 +70,7 @@ const RenderLogin = () => {
                   const { name, ...props } = item.children.props;
                   const labelElement = label[item.name];
                   return (
-                    <label htmlFor={htmlFor} key={item.name + idx}>
+                    <label className={`rlp-${item.name}`} htmlFor={htmlFor} key={item.name + idx}>
                       {cloneElement(item.children, {
                         ...props,
                         name: panel === 'login' ? name : '',

pages/page11/src/index.tsx

@@ -36,7 +36,7 @@ const RenderLogin = () => {
             if (!item.children && extraLabel) return <div key={idx}>{extraLabel}</div>;
             const labelElement = label[`$${item.name}`];
             return (
-              <label key={item.name + idx}>
+              <label className={`rlp-${item.name}`} key={item.name + idx}>
                 {labelElement && <span className="login-page11-label">{labelElement}</span>}
                 <article>
                   {item.children}

pages/page2/src/index.tsx

@@ -37,7 +37,7 @@ const RenderLogin = () => {
             .map((item, idx) => {
               if (!item.children) return null;
               return (
-                <label key={item.name + idx}>
+                <label className={`rlp-${item.name}`} key={item.name + idx}>
                   {item.children} {extra[item.name]}
                 </label>
               );

pages/page3/src/index.tsx

@@ -44,7 +44,7 @@ const RenderLogin = () => {
               if (!item.children) return null;
               const labelElement = label[`$${item.name}`];
               return (
-                <label key={item.name + idx}>
+                <label className={`rlp-${item.name}`} key={item.name + idx}>
                   {item.children}
                   {labelElement && <span className={`login-page3-label`}>{labelElement}</span>}
                   {extra[item.name]}

pages/page4/src/index.tsx

@@ -39,7 +39,7 @@ const RenderLogin = () => {
               if (!item.children && extraLabel) return <div key={idx}>{extraLabel}</div>;
               const labelElement = label[`$${item.name}`];
               return (
-                <label key={item.name + idx}>
+                <label className={`rlp-${item.name}`} key={item.name + idx}>
                   <article>
                     {item.children}
                     {labelElement && <span className="login-page4-label">{labelElement}</span>}

pages/page5/src/index.tsx

@@ -34,7 +34,7 @@ const RenderLogin = () => {
             if (!item.children && !extraLabel) return null;
             if (!item.children && extraLabel) return <div key={idx}>{extraLabel}</div>;
             return (
-              <label key={item.name + idx}>
+              <label className={`rlp-${item.name}`} key={item.name + idx}>
                 {item.children}
                 {extraLabel}
               </label>

pages/page6/src/index.tsx

@@ -37,7 +37,7 @@ const RenderLogin = () => {
               if (!item.children) return null;
               const labelElement = label[`$${item.name}`];
               return (
-                <label htmlFor={item.name} key={item.name + idx}>
+                <label className={`rlp-${item.name}`} htmlFor={item.name} key={item.name + idx}>
                   {labelElement && <span className={`login-page6-label`}>{labelElement}</span>}
                   {item.children}
                   {extraLabel && <div>{extraLabel}</div>}

pages/page7/src/index.tsx

@@ -37,7 +37,7 @@ const RenderLogin = () => {
               if (!item.children) return null;
               const labelElement = label[`$${item.name}`];
               return (
-                <label htmlFor={item.name} key={item.name + idx}>
+                <label className={`rlp-${item.name}`} htmlFor={item.name} key={item.name + idx}>
                   {labelElement && <span className={`login-page7-label`}>{labelElement}</span>}
                   {item.children}
                   {extraLabel && <div>{extraLabel}</div>}

pages/page8/src/index.tsx

@@ -49,7 +49,7 @@ const RenderLogin = () => {
                 const htmlFor = item.name.replace('$$login', '');
                 const { name, ...props } = item.children.props;
                 return (
-                  <label htmlFor={htmlFor} key={item.name + idx}>
+                  <label className={`rlp-${item.name}`} htmlFor={htmlFor} key={item.name + idx}>
                     {labelElement && <span className={`login-page8-label`}>{labelElement}</span>}
                     {cloneElement(item.children, {
                       ...props,