diff --git a/build/Checkbox/Checkbox.js b/build/Checkbox/Checkbox.js
index aa3a4eb..6535027 100644
--- a/build/Checkbox/Checkbox.js
+++ b/build/Checkbox/Checkbox.js
@@ -19,8 +19,9 @@ angular.module("esNgAntd").directive("antdCheckbox", function (esNgAntd) {
             };
 
             $scope.state = {
-                checked: $scope.checked || $scope.defaultChecked,
+                checked: $scope.checked || $scope.defaultChecked || false,
                 disabled: false,
+                type: "checkbox",
             };
             $scope.watch = {
                 checked: function (newValue) {
@@ -49,9 +50,28 @@ angular.module("esNgAntd").directive("antdCheckbox", function (esNgAntd) {
                     event: $event,
                 });
             };
+
+            $scope.setValue = function (value) {
+                if (value) {
+                    $scope.state.checked = value;
+                } else {
+                    $scope.state.checked = false;
+                }
+            };
         },
+        require: ["?^antdForm", "?^antdFormItem"],
         link: function ($scope, $element, $attrs, $controllers, $transclude) {
-            esNgAntd.createStyle("ant-checkbox", style);
+            let [antdForm, antdFormItem] = $controllers;
+            esNgAntd.createStyle("ant-checkbox", style); // 上下文
+
+            if (antdForm) {
+                $scope.antdForm = antdForm.getContext();
+                $scope.antdForm.state.formItems.push($scope);
+            }
+
+            if (antdFormItem) {
+                $scope.antdFormItem = antdFormItem.getContext();
+            }
         },
     };
 });
diff --git a/build/Common/Common.js b/build/Common/Common.js
index 184581d..1b52ee6 100644
--- a/build/Common/Common.js
+++ b/build/Common/Common.js
@@ -3,6 +3,7 @@ angular.module("esNgAntd").service("esNgAntd", [
     "$compile",
     function ($compile) {
         this.styleSheets = null;
+        this.conflictType = null;
 
         this.createStyle = function (key, style) {
             if (!document.querySelector("#antd")) {
@@ -11,6 +12,10 @@ angular.module("esNgAntd").service("esNgAntd", [
                 styleElement.setAttribute("type", "text/css");
                 styleElement.innerHTML = baseStyle.toString();
                 document.head.appendChild(styleElement);
+
+                if (this.styleSheets) {
+                    this.disableStyle("anticon");
+                }
             }
 
             if (!document.querySelector("#" + key)) {
@@ -32,17 +37,22 @@ angular.module("esNgAntd").service("esNgAntd", [
 
                 if (
                     rule.selectorText &&
-                    rule.selectorText.indexOf(name) !== -1
+                    rule.selectorText.indexOf(name) !== -1 &&
+                    rule.selectorText.indexOf("ant3") === -1
                 ) {
-                    rule.selectorText = rule.selectorText.replace(
-                        /\.ant\-/g,
-                        ".disabled-ant-"
-                    );
+                    rule.selectorText = rule.selectorText
+                        .split(",")
+                        .map(function (item) {
+                            return ".ant3 " + item;
+                        })
+                        .join(",");
                 }
             }
         };
 
-        this.conflict = function (filename) {
+        this.conflict = function (filename, type) {
+            this.conflictType = type;
+
             for (let i = 0; i < document.styleSheets.length; i++) {
                 const element = document.styleSheets[i];
 
diff --git a/build/Form/Form.js b/build/Form/Form.js
index decb3d3..6e9b485 100644
--- a/build/Form/Form.js
+++ b/build/Form/Form.js
@@ -41,7 +41,14 @@ angular.module("esNgAntd").directive("antdForm", function (esNgAntd) {
                 let values = {};
                 $scope.state.formItems.forEach(function (item) {
                     let name = item.antdFormItem && item.antdFormItem.name;
-                    let value = item.value || item.state.value || null;
+                    let value = null;
+
+                    if (item.state.type === "checkbox") {
+                        value = item.state.checked;
+                    } else {
+                        value = item.value || item.state.value;
+                    }
+
                     values[name] = value;
                 });
                 $scope.onFinish({
diff --git a/dist/ng-antd.js b/dist/ng-antd.js
index f048b3a..6bd251a 100644
--- a/dist/ng-antd.js
+++ b/dist/ng-antd.js
@@ -82,7 +82,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Che
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Checkbox_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Checkbox.html */ \"./build/Checkbox/Checkbox.html\");\n/* harmony import */ var antd_lib_checkbox_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/checkbox/style/index.css */ \"./node_modules/antd/lib/checkbox/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdCheckbox\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdCheckbox\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            defaultChecked: \"@\",\n            checked: \"@\",\n            disabled: \"@\",\n            onChange: \"&\",\n        },\n        template: _Checkbox_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.state = {\n                checked: $scope.checked || $scope.defaultChecked,\n                disabled: false,\n            };\n            $scope.watch = {\n                checked: function (newValue) {\n                    if (newValue !== undefined) {\n                        $scope.state.checked =\n                            newValue === \"true\" ? true : false;\n                    }\n                },\n                disabled: function (newValue) {\n                    if (newValue !== undefined) {\n                        $scope.state.disabled =\n                            newValue === \"true\" || newValue === \"disabled\"\n                                ? true\n                                : false;\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n\n            $scope.handleClick = function ($event) {\n                $scope.state.checked = !$scope.state.checked;\n                $scope.onChange({\n                    event: $event,\n                });\n            };\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            esNgAntd.createStyle(\"ant-checkbox\", antd_lib_checkbox_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Checkbox/Checkbox.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Checkbox_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Checkbox.html */ \"./build/Checkbox/Checkbox.html\");\n/* harmony import */ var antd_lib_checkbox_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/checkbox/style/index.css */ \"./node_modules/antd/lib/checkbox/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdCheckbox\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdCheckbox\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            defaultChecked: \"@\",\n            checked: \"@\",\n            disabled: \"@\",\n            onChange: \"&\",\n        },\n        template: _Checkbox_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.state = {\n                checked: $scope.checked || $scope.defaultChecked || false,\n                disabled: false,\n                type: \"checkbox\",\n            };\n            $scope.watch = {\n                checked: function (newValue) {\n                    if (newValue !== undefined) {\n                        $scope.state.checked =\n                            newValue === \"true\" ? true : false;\n                    }\n                },\n                disabled: function (newValue) {\n                    if (newValue !== undefined) {\n                        $scope.state.disabled =\n                            newValue === \"true\" || newValue === \"disabled\"\n                                ? true\n                                : false;\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n\n            $scope.handleClick = function ($event) {\n                $scope.state.checked = !$scope.state.checked;\n                $scope.onChange({\n                    event: $event,\n                });\n            };\n\n            $scope.setValue = function (value) {\n                if (value) {\n                    $scope.state.checked = value;\n                } else {\n                    $scope.state.checked = false;\n                }\n            };\n        },\n        require: [\"?^antdForm\", \"?^antdFormItem\"],\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            let [antdForm, antdFormItem] = $controllers;\n            esNgAntd.createStyle(\"ant-checkbox\", antd_lib_checkbox_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]); // 上下文\n\n            if (antdForm) {\n                $scope.antdForm = antdForm.getContext();\n                $scope.antdForm.state.formItems.push($scope);\n            }\n\n            if (antdFormItem) {\n                $scope.antdFormItem = antdFormItem.getContext();\n            }\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Checkbox/Checkbox.js?");
 
 /***/ }),
 
@@ -137,7 +137,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Form_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Form.html */ \"./build/Form/Form.html\");\n/* harmony import */ var antd_lib_form_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/form/style/index.css */ \"./node_modules/antd/lib/form/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdForm\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdForm\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            name: \"@\",\n            labelCol: \"=\",\n            wrapperCol: \"=\",\n            onFinish: \"&\",\n            form: \"=\",\n        },\n        template: _Form_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.state = {\n                formItems: [],\n            };\n\n            $scope.resetFields = function () {\n                $scope.state.formItems.forEach(function (item) {\n                    if (typeof item.setValue === \"function\") {\n                        item.setValue(item.defaultValue || null);\n                    } else {\n                        item.value = null;\n                    }\n                });\n            };\n\n            $scope.submit = function () {\n                $scope.handleSubmit();\n            };\n\n            $scope.handleSubmit = function () {\n                let values = {};\n                $scope.state.formItems.forEach(function (item) {\n                    let name = item.antdFormItem && item.antdFormItem.name;\n                    let value = item.value || item.state.value || null;\n                    values[name] = value;\n                });\n                $scope.onFinish({\n                    values: values,\n                });\n            };\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            esNgAntd.createStyle(\"ant-form\", antd_lib_form_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n            if ($scope.form !== undefined) {\n                $scope.form = $scope;\n            }\n\n            if ($scope.name) {\n                let inputs = $element[0].querySelectorAll(\"input\");\n\n                for (let i = 0; i < inputs.length; i++) {\n                    const element = inputs[i];\n                    element.id = $scope.name + \"_\" + element.id;\n                }\n            }\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Form/Form.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Form_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Form.html */ \"./build/Form/Form.html\");\n/* harmony import */ var antd_lib_form_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/form/style/index.css */ \"./node_modules/antd/lib/form/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdForm\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdForm\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            name: \"@\",\n            labelCol: \"=\",\n            wrapperCol: \"=\",\n            onFinish: \"&\",\n            form: \"=\",\n        },\n        template: _Form_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.state = {\n                formItems: [],\n            };\n\n            $scope.resetFields = function () {\n                $scope.state.formItems.forEach(function (item) {\n                    if (typeof item.setValue === \"function\") {\n                        item.setValue(item.defaultValue || null);\n                    } else {\n                        item.value = null;\n                    }\n                });\n            };\n\n            $scope.submit = function () {\n                $scope.handleSubmit();\n            };\n\n            $scope.handleSubmit = function () {\n                let values = {};\n                $scope.state.formItems.forEach(function (item) {\n                    let name = item.antdFormItem && item.antdFormItem.name;\n                    let value = null;\n\n                    if (item.state.type === \"checkbox\") {\n                        value = item.state.checked;\n                    } else {\n                        value = item.value || item.state.value;\n                    }\n\n                    values[name] = value;\n                });\n                $scope.onFinish({\n                    values: values,\n                });\n            };\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            esNgAntd.createStyle(\"ant-form\", antd_lib_form_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n            if ($scope.form !== undefined) {\n                $scope.form = $scope;\n            }\n\n            if ($scope.name) {\n                let inputs = $element[0].querySelectorAll(\"input\");\n\n                for (let i = 0; i < inputs.length; i++) {\n                    const element = inputs[i];\n                    element.id = $scope.name + \"_\" + element.id;\n                }\n            }\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Form/Form.js?");
 
 /***/ }),
 
@@ -411,7 +411,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Tab
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Table_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Table.html */ \"./build/Table/Table.html\");\n/* harmony import */ var antd_lib_table_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/table/style/index.css */ \"./node_modules/antd/lib/table/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdTable\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdTable\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            columns: \"=\",\n            dSource: \"=\",\n            rowSelection: \"=\",\n            rowKey: \"@\",\n            loading: \"@\",\n            onChange: \"&\",\n            size: \"@\",\n        },\n        template: _Table_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.state = {\n                size: $scope.size || \"default\",\n                dataSource: [],\n                selectedrecordKeys: [],\n                selectedrecords: [],\n                isSelectAll: false,\n                rowKey: $scope.rowKey || \"id\",\n                sortDirections: [\"ascend\", \"descend\"],\n                sorter: {\n                    field: null,\n                    order: null,\n                },\n            };\n            $scope.watch = {\n                dSource: (newValue) => {\n                    if (newValue !== undefined) {\n                        let dataSource = [];\n                        newValue.forEach((record, index) => {\n                            let row = {};\n\n                            if ($scope.rowSelection) {\n                                row.checked = false;\n                                row.disabled = false;\n                            }\n\n                            if (\n                                $scope.rowSelection &&\n                                typeof $scope.rowSelection.getCheckboxProps ===\n                                    \"function\"\n                            ) {\n                                let extraAttr =\n                                    $scope.rowSelection.getCheckboxProps(\n                                        record\n                                    );\n                                row = Object.assign(row, extraAttr);\n                            }\n\n                            $scope.columns.forEach((column) => {\n                                // 排序\n                                if (column.sortOrder) {\n                                    $scope.state.sorter.field = column.key;\n                                    $scope.state.sorter.order =\n                                        column.sortOrder;\n                                }\n\n                                row[column.key] = column.render\n                                    ? column.render(\n                                          record[column.key],\n                                          record,\n                                          index\n                                      )\n                                    : record[column.key];\n                            }); // 主键\n\n                            if ($scope.rowKey !== undefined) {\n                                row[$scope.state.rowKey] =\n                                    record[$scope.state.rowKey];\n                            } else {\n                                row[$scope.state.rowKey] = index + 1;\n                            }\n\n                            dataSource[index] = row;\n                        });\n                        $scope.state.dataSource = dataSource;\n                    }\n                },\n                \"rowSelection.selectedRowKeys\": (newVal, oldVal) => {\n                    if (Array.isArray(newVal)) {\n                        if (newVal.length > 0) {\n                            console.log(\n                                \"this.state.dataSource\",\n                                $scope.state.dataSource\n                            );\n                            $scope.state.dataSource.map(function (row, key) {\n                                if (newVal.includes(key)) {\n                                    row.checked = true;\n                                }\n                            });\n                        } else {\n                            $scope.state.dataSource.map(function (row, key) {\n                                row.checked = false;\n                            });\n                        }\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n\n            $scope.handleSelectAll = function (event) {\n                $scope.state.isSelectAll = event.target.checked;\n                $scope.state.selectedrecordKeys = [];\n                $scope.state.selectedrecords = [];\n                $scope.state.dataSource.map((record, key) => {\n                    if (record.disabled === false) {\n                        record.checked = event.target.checked;\n                    }\n\n                    if (record.checked) {\n                        $scope.state.selectedrecordKeys.push(key);\n                        $scope.state.selectedrecords.push($scope.dSource[key]);\n                    }\n\n                    return record;\n                });\n                $scope.rowSelection.onChange(\n                    $scope.state.selectedrecordKeys,\n                    $scope.state.selectedrecords\n                );\n            };\n\n            $scope.handleSelect = function (event, index) {\n                let pos = $scope.state.selectedrecordKeys.findIndex(\n                    (value) => value === index\n                );\n\n                if (event.target.checked && pos === -1) {\n                    $scope.state.selectedrecordKeys.push(index);\n                    $scope.state.selectedrecords.push($scope.dSource[index]);\n                } else {\n                    $scope.state.selectedrecordKeys.splice(pos, 1);\n                    $scope.state.selectedrecords.splice(pos, 1);\n                }\n\n                if ($scope.state.selectedrecordKeys.length === 0) {\n                    $scope.state.isSelectAll = false;\n                }\n\n                $scope.rowSelection.onChange(\n                    $scope.state.selectedrecordKeys,\n                    $scope.state.selectedrecords\n                );\n            };\n\n            $scope.handleSorter = function (key) {\n                $scope.state.sorter.field = key;\n\n                if ($scope.state.sorter.order === null) {\n                    $scope.state.sorter.order = \"ascend\";\n                } else if ($scope.state.sorter.order === \"ascend\") {\n                    $scope.state.sorter.order = \"descend\";\n                } else if ($scope.state.sorter.order === \"descend\") {\n                    $scope.state.sorter.order = null;\n                    $scope.state.sorter.field = null;\n                }\n\n                $scope.onChange({\n                    sorter: $scope.state.sorter,\n                });\n            };\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            esNgAntd.createStyle(\"ant-table\", antd_lib_table_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Table/Table.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Table_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Table.html */ \"./build/Table/Table.html\");\n/* harmony import */ var antd_lib_table_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/table/style/index.css */ \"./node_modules/antd/lib/table/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdTable\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdTable\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            columns: \"=\",\n            dSource: \"=\",\n            rowSelection: \"=\",\n            rowKey: \"@\",\n            loading: \"@\",\n            onChange: \"&\",\n            size: \"@\",\n        },\n        template: _Table_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.state = {\n                size: $scope.size || \"default\",\n                dataSource: [],\n                selectedrecordKeys: [],\n                selectedrecords: [],\n                isSelectAll: false,\n                rowKey: $scope.rowKey || \"id\",\n                sortDirections: [\"ascend\", \"descend\"],\n                sorter: {\n                    field: null,\n                    order: null,\n                },\n            };\n            $scope.watch = {\n                dSource: (newValue) => {\n                    if (newValue !== undefined) {\n                        let dataSource = [];\n                        newValue.forEach((record, index) => {\n                            let row = {};\n\n                            if ($scope.rowSelection) {\n                                row.checked = false;\n                                row.disabled = false;\n                            }\n\n                            if (\n                                $scope.rowSelection &&\n                                typeof $scope.rowSelection.getCheckboxProps ===\n                                    \"function\"\n                            ) {\n                                let extraAttr =\n                                    $scope.rowSelection.getCheckboxProps(\n                                        record\n                                    );\n                                row = Object.assign(row, extraAttr);\n                            }\n\n                            $scope.columns.forEach((column) => {\n                                // 排序\n                                if (column.sortOrder) {\n                                    $scope.state.sorter.field = column.key;\n                                    $scope.state.sorter.order =\n                                        column.sortOrder;\n                                }\n\n                                row[column.key] = column.render\n                                    ? column.render(\n                                          record[column.key],\n                                          record,\n                                          index\n                                      )\n                                    : record[column.key];\n                            }); // 主键\n\n                            if ($scope.rowKey !== undefined) {\n                                row[$scope.state.rowKey] =\n                                    record[$scope.state.rowKey];\n                            } else {\n                                row[$scope.state.rowKey] = index + 1;\n                            }\n\n                            dataSource[index] = row;\n                        });\n                        $scope.state.dataSource = dataSource;\n                    }\n                },\n                \"rowSelection.selectedRowKeys\": (newVal) => {\n                    if (Array.isArray(newVal)) {\n                        if (newVal.length > 0) {\n                            $scope.state.dataSource.map(function (row, key) {\n                                if (newVal.includes(key)) {\n                                    row.checked = true;\n                                }\n                            });\n                        } else {\n                            $scope.state.dataSource.map(function (row) {\n                                row.checked = false;\n                            });\n                        }\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n\n            $scope.handleSelectAll = function (event) {\n                $scope.state.isSelectAll = event.target.checked;\n                $scope.state.selectedrecordKeys = [];\n                $scope.state.selectedrecords = [];\n                $scope.state.dataSource.map((record, key) => {\n                    if (record.disabled === false) {\n                        record.checked = event.target.checked;\n                    }\n\n                    if (record.checked) {\n                        $scope.state.selectedrecordKeys.push(key);\n                        $scope.state.selectedrecords.push($scope.dSource[key]);\n                    }\n\n                    return record;\n                });\n\n                if (typeof $scope.rowSelection.onChange === \"function\") {\n                    $scope.rowSelection.onChange(\n                        $scope.state.selectedrecordKeys,\n                        $scope.state.selectedrecords\n                    );\n                }\n            };\n\n            $scope.handleSelect = function (event, index) {\n                let pos = $scope.state.selectedrecordKeys.findIndex(\n                    (value) => value === index\n                );\n\n                if (event.target.checked && pos === -1) {\n                    $scope.state.selectedrecordKeys.push(index);\n                    $scope.state.selectedrecords.push($scope.dSource[index]);\n                } else {\n                    $scope.state.selectedrecordKeys.splice(pos, 1);\n                    $scope.state.selectedrecords.splice(pos, 1);\n                }\n\n                if ($scope.state.selectedrecordKeys.length === 0) {\n                    $scope.state.isSelectAll = false;\n                }\n\n                if (typeof $scope.rowSelection.onChange === \"function\") {\n                    $scope.rowSelection.onChange(\n                        $scope.state.selectedrecordKeys,\n                        $scope.state.selectedrecords\n                    );\n                }\n            };\n\n            $scope.handleSorter = function (key) {\n                $scope.state.sorter.field = key;\n\n                if ($scope.state.sorter.order === null) {\n                    $scope.state.sorter.order = \"ascend\";\n                } else if ($scope.state.sorter.order === \"ascend\") {\n                    $scope.state.sorter.order = \"descend\";\n                } else if ($scope.state.sorter.order === \"descend\") {\n                    $scope.state.sorter.order = null;\n                    $scope.state.sorter.field = null;\n                }\n\n                $scope.onChange({\n                    sorter: $scope.state.sorter,\n                });\n            };\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            esNgAntd.createStyle(\"ant-table\", antd_lib_table_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Table/Table.js?");
 
 /***/ }),
 
@@ -9771,7 +9771,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// Module\nvar code = \"<div class=\\\"ant-table-wrapper\\\">\\n    <div ng-class=\\\"'ant-table ant-table-'+state.size\\\">\\n        <div class=\\\"ant-table-content\\\">\\n            <table>\\n                <thead class=\\\"ant-table-thead\\\">\\n                    <tr>\\n                        <th ng-if=\\\"rowSelection\\\" class=\\\"ant-table-selection-column\\\">\\n                            <span ng-if=\\\"rowSelection.hideSelectAll\\\" class=\\\"ant-table-header-column\\\">\\n                                <div>\\n                                    <span class=\\\"ant-table-column-title\\\">\\n                                        <div class=\\\"ant-table-selection\\\">\\n                                            <antd-checkbox on-change=\\\"handleSelectAll(event)\\\" checked=\\\"{{state.isSelectAll}}\\\" />\\n                                        </div>\\n                                    </span>\\n                                </div>\\n                            </span>\\n                        </th>\\n                        <th ng-repeat=\\\"(key, column) in columns track by key\\\" class=\\\"ant-table-cell ant-table-column-has-sorters\\\" ng-style=\\\"{width:column.width}\\\">\\n                                <span ng-if=\\\"!column.sorter\\\">{{column.title}}</span>\\n                                <div ng-if=\\\"column.sorter\\\" class=\\\"ant-table-column-sorters\\\" ng-click=\\\"handleSorter(column.key)\\\">\\n                                    <span class=\\\"ant-table-column-title\\\">{{column.title}}</span>\\n                                    <span class=\\\"ant-table-column-sorter ant-table-column-sorter-full\\\">\\n                                        <span class=\\\"ant-table-column-sorter-inner\\\">\\n                                            <antd-icon type=\\\"CaretUpOutlined\\\" ng-class=\\\"'ant-table-column-sorter-up'+(state.sorter.field===column.key&&state.sorter.order==='ascend'?' active':'')\\\"></antd-icon>\\n                                            <antd-icon type=\\\"CaretDownOutlined\\\" ng-class=\\\"'ant-table-column-sorter-down'+(state.sorter.field===column.key&&state.sorter.order==='descend'?' active':'')\\\"></antd-icon>\\n                                        </span>\\n                                    </span>\\n                                </div>\\n                            </th>\\n                    </tr>\\n                </thead>\\n                <tbody class=\\\"ant-table-tbody\\\">\\n                    <tr ng-repeat=\\\"(key, record) in state.dataSource track by record[state.rowKey]\\\" class=\\\"ant-table-row\\\">\\n                        <td ng-if=\\\"rowSelection\\\" class=\\\"ant-table-selection-column\\\">\\n                            <span>\\n                                <antd-checkbox checked=\\\"{{record.checked}}\\\" disabled=\\\"{{record.disabled}}\\\" on-change=\\\"handleSelect(event,$index)\\\" />\\n                            </span>\\n                        </td>\\n                            <td ng-repeat=\\\"(key, column) in columns track by key\\\" data-key=\\\"{{column.key}}\\\">\\n                                    <antd-slot content=\\\"{{record[column.key]}}\\\" context=\\\"antdTable.getContext().$parent\\\" />\\n                                </td>\\n                    </tr>\\n                    <tr ng-if=\\\"state.dataSource.length===0\\\" class=\\\"ant-table-placeholder\\\">\\n                        <td colspan=\\\"{{rowSelection?columns.length+1:columns.length}}\\\">\\n                            <antd-empty image=\\\"presented_image_simple\\\"></antd-empty>\\n                        </td>\\n                    </tr>\\n                </tbody>\\n            </table>\\n        </div>\\n    </div>\\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Table/Table.html?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// Module\nvar code = \"<div class=\\\"ant-table-wrapper\\\">\\n    <div ng-class=\\\"'ant-table ant-table-'+state.size\\\">\\n        <div class=\\\"ant-table-content\\\">\\n            <table>\\n                <thead class=\\\"ant-table-thead\\\">\\n                    <tr>\\n                        <th ng-if=\\\"rowSelection\\\" class=\\\"ant-table-selection-column\\\">\\n                            <span ng-if=\\\"!rowSelection.hideSelectAll\\\" class=\\\"ant-table-header-column\\\">\\n                                <div>\\n                                    <span class=\\\"ant-table-column-title\\\">\\n                                        <div class=\\\"ant-table-selection\\\">\\n                                            <antd-checkbox on-change=\\\"handleSelectAll(event)\\\" checked=\\\"{{state.isSelectAll}}\\\" />\\n                                        </div>\\n                                    </span>\\n                                </div>\\n                            </span>\\n                        </th>\\n                        <th ng-repeat=\\\"(key, column) in columns track by key\\\" class=\\\"ant-table-cell ant-table-column-has-sorters\\\" ng-style=\\\"{width:column.width}\\\">\\n                                <span ng-if=\\\"!column.sorter\\\">{{column.title}}</span>\\n                                <div ng-if=\\\"column.sorter\\\" class=\\\"ant-table-column-sorters\\\" ng-click=\\\"handleSorter(column.key)\\\">\\n                                    <span class=\\\"ant-table-column-title\\\">{{column.title}}</span>\\n                                    <span class=\\\"ant-table-column-sorter ant-table-column-sorter-full\\\">\\n                                        <span class=\\\"ant-table-column-sorter-inner\\\">\\n                                            <antd-icon type=\\\"CaretUpOutlined\\\" ng-class=\\\"'ant-table-column-sorter-up'+(state.sorter.field===column.key&&state.sorter.order==='ascend'?' active':'')\\\"></antd-icon>\\n                                            <antd-icon type=\\\"CaretDownOutlined\\\" ng-class=\\\"'ant-table-column-sorter-down'+(state.sorter.field===column.key&&state.sorter.order==='descend'?' active':'')\\\"></antd-icon>\\n                                        </span>\\n                                    </span>\\n                                </div>\\n                            </th>\\n                    </tr>\\n                </thead>\\n                <tbody class=\\\"ant-table-tbody\\\">\\n                    <tr ng-repeat=\\\"(key, record) in state.dataSource track by record[state.rowKey]\\\" class=\\\"ant-table-row\\\">\\n                        <td ng-if=\\\"rowSelection\\\" class=\\\"ant-table-selection-column\\\">\\n                            <span>\\n                                <antd-checkbox checked=\\\"{{record.checked}}\\\" disabled=\\\"{{record.disabled}}\\\" on-change=\\\"handleSelect(event,$index)\\\" />\\n                            </span>\\n                        </td>\\n                            <td ng-repeat=\\\"(key, column) in columns track by key\\\" data-key=\\\"{{column.key}}\\\">\\n                                    <antd-slot content=\\\"{{record[column.key]}}\\\" context=\\\"antdTable.getContext().$parent\\\" />\\n                                </td>\\n                    </tr>\\n                    <tr ng-if=\\\"state.dataSource.length===0\\\" class=\\\"ant-table-placeholder\\\">\\n                        <td colspan=\\\"{{rowSelection?columns.length+1:columns.length}}\\\">\\n                            <antd-empty image=\\\"presented_image_simple\\\"></antd-empty>\\n                        </td>\\n                    </tr>\\n                </tbody>\\n            </table>\\n        </div>\\n    </div>\\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Table/Table.html?");
 
 /***/ }),
 
diff --git a/example/form.html b/example/form.html
index fabcb1c..7267679 100644
--- a/example/form.html
+++ b/example/form.html
@@ -14,30 +14,33 @@
 <body>
     <div ng-app="esNgAntd" ng-controller="mainCtrl">
         <div class="container" style="padding: 50px">
-            <es-form name="basic" on-finish="onFinish(values)" form="form">
-                <es-form-item label="username" name="username">
-                    <es-input></es-input>
-                </es-form-item>
-                <es-form-item label="area" name="area">
-                    <es-select>
-                        <es-select-option value="aaa">AAA</es-select-option>
-                        <es-select-option value="bbb">BBB</es-select-option>
-                    </es-select>
-                </es-form-item>
-                <es-form-item>
-                    <es-button type="primary" html-type="submit">Submit</es-button>
-                    <es-button type="primary" html-type="button" ng-click="onReset()">Reset</es-button>
-                </es-form-item>
-            </es-form>
+            <antd-form name="basic" on-finish="onFinish(values)" form="form">
+                <antd-form-item label="username" name="username">
+                    <antd-input></antd-input>
+                </antd-form-item>
+                <antd-form-item label="area" name="area">
+                    <antd-select>
+                        <antd-select-option value="aaa">AAA</antd-select-option>
+                        <antd-select-option value="bbb">BBB</antd-select-option>
+                    </antd-select>
+                </antd-form-item>
+                <antd-form-item label="area" name="checkbox">
+                    <antd-checkbox>Checkbox</antd-checkbox>
+                </antd-form-item>
+                <antd-form-item>
+                    <antd-button type="primary" html-type="submit">Submit</antd-button>
+                    <antd-button type="primary" html-type="button" ng-click="onReset()">Reset</antd-button>
+                </antd-form-item>
+            </antd-form>
 
-            <!-- <es-form label-col="{span:10}" wrapper-col="{span:14}">
-                <es-form-item label="username">
-                    <es-input></es-input>
-                </es-form-item>
-                <es-form-item label="password">
-                    <es-input></es-input>
-                </es-form-item>
-            </es-form> -->
+            <!-- <antd-form label-col="{span:10}" wrapper-col="{span:14}">
+                <antd-form-item label="username">
+                    <antd-input></antd-input>
+                </antd-form-item>
+                <antd-form-item label="password">
+                    <antd-input></antd-input>
+                </antd-form-item>
+            </antd-form> -->
         </div>
     </div>
     <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
diff --git a/src/Checkbox/Checkbox.js b/src/Checkbox/Checkbox.js
index e566cfb..f1985b7 100644
--- a/src/Checkbox/Checkbox.js
+++ b/src/Checkbox/Checkbox.js
@@ -14,8 +14,9 @@ class Checkbox {
     };
 
     state = {
-        checked: this.props.checked || this.props.defaultChecked,
+        checked: this.props.checked || this.props.defaultChecked || false,
         disabled: false,
+        type: "checkbox"
     };
 
     watch = {
@@ -34,12 +35,29 @@ class Checkbox {
         },
     };
 
+    constructor(antdForm, antdFormItem) {
+        esNgAntd.createStyle("ant-checkbox", style);
+
+         // 上下文
+         if (antdForm) {
+            this.antdForm = antdForm.getContext();
+            this.antdForm.state.formItems.push($scope);
+        }
+        if (antdFormItem) {
+            this.antdFormItem = antdFormItem.getContext();
+        }
+    }
+
     handleClick($event) {
         this.state.checked = !this.state.checked;
         this.props.onChange({ event: $event });
     }
 
-    constructor() {
-        esNgAntd.createStyle("ant-checkbox", style);
+    setValue(value) {
+        if (value) {
+            this.state.checked = value;
+        } else {
+            this.state.checked = false;
+        }
     }
 }
diff --git a/src/Common/Common.js b/src/Common/Common.js
index 120bf98..d1d8fc6 100644
--- a/src/Common/Common.js
+++ b/src/Common/Common.js
@@ -5,6 +5,8 @@ angular.module("esNgAntd").service("esNgAntd", [
     function ($compile) {
         this.styleSheets = null;
 
+        this.conflictType = null;
+
         this.createStyle = function (key, style) {
             if (!document.querySelector("#antd")) {
                 let styleElement = document.createElement("style");
@@ -12,6 +14,9 @@ angular.module("esNgAntd").service("esNgAntd", [
                 styleElement.setAttribute("type", "text/css");
                 styleElement.innerHTML = baseStyle.toString();
                 document.head.appendChild(styleElement);
+                if (this.styleSheets) {
+                    this.disableStyle("anticon");
+                }
             }
             if (!document.querySelector("#" + key)) {
                 let styleElement = document.createElement("style");
@@ -30,17 +35,21 @@ angular.module("esNgAntd").service("esNgAntd", [
                 let rule = this.styleSheets.cssRules[i];
                 if (
                     rule.selectorText &&
-                    rule.selectorText.indexOf(name) !== -1
+                    rule.selectorText.indexOf(name) !== -1 &&
+                    rule.selectorText.indexOf("ant3") === -1
                 ) {
-                    rule.selectorText = rule.selectorText.replace(
-                        /\.ant\-/g,
-                        ".disabled-ant-"
-                    );
+                    rule.selectorText = rule.selectorText
+                        .split(",")
+                        .map(function (item) {
+                            return ".ant3 " + item;
+                        })
+                        .join(",");
                 }
             }
         };
 
-        this.conflict = function (filename) {
+        this.conflict = function (filename, type) {
+            this.conflictType = type;
             for (let i = 0; i < document.styleSheets.length; i++) {
                 const element = document.styleSheets[i];
                 if (element.href && element.href.indexOf(filename) !== -1) {
diff --git a/src/Form/Form.js b/src/Form/Form.js
index 299ec76..2eddfcd 100644
--- a/src/Form/Form.js
+++ b/src/Form/Form.js
@@ -52,7 +52,12 @@ class Form {
         let values = {};
         this.state.formItems.forEach(function (item) {
             let name = item.antdFormItem && item.antdFormItem.name;
-            let value = item.value || item.state.value || null;
+            let value = null;
+            if (item.state.type === "checkbox") {
+                value = item.state.checked;
+            } else {
+                value = item.value || item.state.value
+            }
             values[name] = value;
         });
         this.props.onFinish({
--
libgit2 0.21.2