updated

Author: KeroVieux

src/components/ErrorList.js

@@ -3,19 +3,23 @@ import React from "react";
 export default function ErrorList(props) {
   const { errors } = props;
   return (
-    <div className="panel panel-danger errors">
-      <div className="panel-heading">
-        <h3 className="panel-title">Errors</h3>
+    <div className="ant-card ant-card-bordered">
+      <div className="ant-card-head">
+        <div className="ant-card-head-wrapper">
+          <div className="ant-card-head-title">错误列表</div>
+        </div>
+      </div>
+      <div className="ant-card-body">
+        <ul>
+          {errors.map((error, i) => {
+            return (
+              <li key={i} className="has-error">
+                {error.stack}
+              </li>
+            );
+          })}
+        </ul>
       </div>
-      <ul className="list-group">
-        {errors.map((error, i) => {
-          return (
-            <li key={i} className="list-group-item text-danger">
-              {error.stack}
-            </li>
-          );
-        })}
-      </ul>
     </div>
   );
 }

src/components/Form.js

@@ -252,11 +252,11 @@ export default class Form extends Component {
         {children ? (
           children
         ) : (
-          <p>
+          <div style={{ paddingTop: "15px" }}>
             <button type="submit" className="ant-btn ant-btn-primary">
               提交
             </button>
-          </p>
+          </div>
         )}
       </form>
     );

src/components/widgets/CheckboxWidget.js

@@ -22,18 +22,16 @@ function CheckboxWidget(props) {
       <label
         className={`ant-checkbox-wrapper ${
           disabled || readonly ? "ant-checkbox-wrapper-disabled" : ""
-        } ${
-          typeof value === "undefined" ? "ant-checkbox-wrapper-checked" : ""
-        }`}>
+        } ${value ? "ant-checkbox-wrapper-checked" : ""}`}>
         <span
           className={`ant-checkbox ${
             disabled || readonly ? "ant-checkbox-disabled" : ""
-          } ${typeof value === "undefined" ? "ant-checkbox-checked" : ""}`}>
+          } ${value ? "ant-checkbox-checked" : ""}`}>
           <input
             type="checkbox"
             className="ant-checkbox-input"
             id={id}
-            checked={typeof value === "undefined" ? false : value}
+            checked={value}
             required={required}
             disabled={disabled || readonly}
             autoFocus={autofocus}