优化

Imshann
1 parent 5b248282
Showing 6 changed files with 28 additions and 29 deletions Show diff stats
build/Compile/Compile.js
build/Slot/Slot.js
dist/ng-antd.js
example/table.html
src/Slot/Slot.js
webpack.config.js
@@ -1,15 +0,0 @@
-class Compile {
-    props = {
-        compile: Object,
-    };
-
-    constructor(esTable) {
-        if (/<[\w\d-=() "]+?>/.test(this.props.compile)) {
-            $elements.append(
-                $compile(this.props.compile)(esTable.getContext().$parent)
-            );
-        } else {
-            $elements.text(this.props.compile);
-        }
-    }
-}
@@ -17,11 +17,13 @@ angular.module(&quot;esNgAntd&quot;).directive(&quot;antdSlot&quot;, function ($compile) {
                 content: (newValue) => {
                     if (newValue !== undefined) {
                         if (/<[^>]+>/.test(newValue)) {
-                            $element.replaceWith(
-                                $compile(newValue)(
-                                    $scope.context ? $scope.context : $scope
-                                )
-                            );
+                            $scope.parentElement
+                                .empty()
+                                .append(
+                                    $compile(newValue)(
+                                        $scope.context ? $scope.context : $scope
+                                    )
+                                );
                         } else {
                             $element.text(newValue);
                         }
@@ -33,6 +35,8 @@ angular.module(&quot;esNgAntd&quot;).directive(&quot;antdSlot&quot;, function ($compile) {
                 $scope.$watch(key, $scope.watch[key], true);
             }
         },
-        link: function ($scope, $element, $attrs, $controllers, $transclude) {},
+        link: function ($scope, $element, $attrs, $controllers, $transclude) {
+            $scope.parentElement = $element.parent();
+        },
     };
 });
@@ -280,7 +280,7 @@ eval(&quot;__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Mod
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Pagination_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Pagination.html */ \"./build/Pagination/Pagination.html\");\n/* harmony import */ var antd_lib_pagination_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/pagination/style/index.css */ \"./node_modules/antd/lib/pagination/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdPagination\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdPagination\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            defaultCurrent: \"@\",\n            current: \"@\",\n            total: \"@\",\n            defaultPageSize: \"@\",\n            pageSize: \"@\",\n            onChange: \"&\",\n            onShowSizeChange: \"&\",\n            showQuickJumper: \"@\",\n            showSizeChanger: \"@\",\n            size: \"@\",\n            showTotal: \"&\",\n        },\n        template: _Pagination_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                total: null,\n                current: null,\n                pageSize: null,\n                pageNum: null,\n                pageNumList: null,\n                defaultPageSize: $scope.defaultPageSize || 10,\n            };\n            $scope.watch = {\n                total: function (newVal, oldVal) {\n                    if (newVal && oldVal) {\n                        $scope.state.total = Number(newVal);\n                        $scope.state.pageNum = $scope.getPageNum();\n                        $scope.state.pageNumList = $scope.getPageNumList();\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n\n            $scope.handleShowTotal = function () {\n                return $scope.showTotal({\n                    total: $scope.state.total,\n                });\n            };\n\n            $scope.getItemLinkClassName = function (value) {\n                if (typeof value === \"number\") {\n                    return (\n                        \"ant-pagination-item\" +\n                        ($scope.state.current === value\n                            ? \" ant-pagination-item-active\"\n                            : \"\")\n                    );\n                } else {\n                    return \"ant-pagination-jump-next ant-pagination-jump-next-custom-icon\";\n                }\n            };\n\n            $scope.getPageNumList = function () {\n                let pageNumList = [$scope.state.current];\n                let pageNum = $scope.getPageNum();\n\n                if (pageNum <= 7 || $scope.state.current - 1 < 4) {\n                    for (let i = $scope.state.current - 1; i > 0; i--) {\n                        pageNumList.unshift(i);\n                    }\n                } else {\n                    let len =\n                        $scope.state.current - 1 > 2\n                            ? 2\n                            : $scope.state.current - 1;\n\n                    for (let i = 1; i <= len; i++) {\n                        pageNumList.unshift($scope.state.current - i);\n                    }\n\n                    if ($scope.state.current - 2 > 2) {\n                        pageNumList.unshift(\"prev\");\n                        pageNumList.unshift(1);\n                    }\n                }\n\n                if (pageNum <= 7 || pageNum - $scope.state.current < 4) {\n                    for (let i = $scope.state.current + 1; i <= pageNum; i++) {\n                        pageNumList.push(i);\n                    }\n                } else {\n                    let limit =\n                        3 - $scope.state.current > 0\n                            ? 2 + (3 - $scope.state.current)\n                            : 2;\n                    let len =\n                        pageNum - $scope.state.current > limit\n                            ? limit\n                            : pageNum - $scope.state.current;\n\n                    for (let i = 1; i <= len; i++) {\n                        pageNumList.push($scope.state.current + i);\n                    }\n\n                    if (pageNum - $scope.state.current > 2) {\n                        pageNumList.push(\"next\");\n                        pageNumList.push(pageNum);\n                    }\n                }\n\n                return pageNumList;\n            };\n\n            $scope.getPageNum = function () {\n                return (\n                    Math.ceil(\n                        $scope.state.total /\n                            ($scope.pageSize || $scope.defaultPageSize || 10)\n                    ) || 1\n                );\n            };\n\n            $scope.getPopupContainer = function () {\n                return $element[0].querySelector(\".ant-pagination-options\");\n            };\n\n            $scope.handleNext = function () {\n                if ($scope.state.current === $scope.state.pageNum) {\n                    return false;\n                }\n\n                $scope.handleClick(++$scope.state.current);\n            };\n\n            $scope.handlePrev = function () {\n                if ($scope.state.current === 1) {\n                    return false;\n                }\n\n                $scope.handleClick(--$scope.state.current);\n            };\n\n            $scope.handleClick = function (value) {\n                if (value === $scope.state.current) {\n                    return;\n                }\n\n                if (value === \"next\") {\n                    value = $scope.state.current + 5;\n                }\n\n                if (value === \"prev\") {\n                    value = $scope.state.current - 5;\n                }\n\n                $scope.setCurrent($scope.getCurrent(value));\n            };\n\n            $scope.handleChange = function () {\n                let current = $scope.state.current;\n\n                if ($scope.state.current > $scope.state.pageNum) {\n                    current = $scope.state.pageNum;\n                } else if ($scope.state.current < 1) {\n                    current = 1;\n                }\n\n                $scope.onChange({\n                    page: current,\n                    pageSize: parseInt($scope.state.pageSize),\n                });\n            };\n\n            $scope.handleSelectChange = function (value) {\n                $scope.state.current = 1;\n                $scope.state.pageSize = parseInt(value);\n                $scope.handleChange();\n            };\n\n            $scope.getCurrent = function (number) {\n                if (number > $scope.state.pageNum) {\n                    return $scope.state.pageNum;\n                }\n\n                if (number < 1) {\n                    return 1;\n                }\n\n                return parseInt(number);\n            };\n\n            $scope.setCurrent = function (value) {\n                if (!value) {\n                    return;\n                }\n\n                $scope.state.current = $scope.getCurrent(value);\n                $scope.state.pageNumList = $scope.getPageNumList();\n                $scope.handleChange();\n            };\n\n            $scope.handleBlur = function (event) {\n                $scope.setCurrent(event.target.value);\n                event.target.value = null;\n            };\n\n            $scope.onKeyPress = function (event) {\n                if (event.keyCode === 13 || event.keyCode === 32) {\n                    $scope.setCurrent(event.target.value);\n                    event.target.value = null;\n                }\n            };\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            esNgAntd.createStyle(\"ant-pagination\", antd_lib_pagination_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n            $scope.state.total = Number($scope.total || 0);\n            $scope.state.current = Number(\n                $scope.current || $scope.defaultCurrent || 1\n            );\n            $scope.state.pageSize =\n                $scope.pageSize || $scope.defaultPageSize || 10;\n            $scope.state.pageNum = $scope.getPageNum();\n            $scope.state.pageNumList = $scope.getPageNumList();\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Pagination/Pagination.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Pagination_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Pagination.html */ \"./build/Pagination/Pagination.html\");\n/* harmony import */ var antd_lib_pagination_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/pagination/style/index.css */ \"./node_modules/antd/lib/pagination/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdPagination\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdPagination\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            defaultCurrent: \"@\",\n            current: \"@\",\n            total: \"@\",\n            defaultPageSize: \"@\",\n            pageSize: \"@\",\n            onChange: \"&\",\n            onShowSizeChange: \"&\",\n            showQuickJumper: \"@\",\n            showSizeChanger: \"@\",\n            size: \"@\",\n            showTotal: \"&\",\n        },\n        template: _Pagination_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                total: null,\n                current: null,\n                pageSize: null,\n                pageNum: null,\n                pageNumList: null,\n                defaultPageSize: $scope.defaultPageSize || 10,\n            };\n            $scope.watch = {\n                total: function (newVal) {\n                    if (newVal) {\n                        $scope.state.total = Number(newVal);\n                        $scope.reset();\n                        $scope.state.pageNum = $scope.getPageNum();\n                        $scope.state.pageNumList = $scope.getPageNumList();\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n\n            $scope.handleShowTotal = function () {\n                return $scope.showTotal({\n                    total: $scope.state.total,\n                });\n            };\n\n            $scope.getItemLinkClassName = function (value) {\n                if (typeof value === \"number\") {\n                    return (\n                        \"ant-pagination-item\" +\n                        ($scope.state.current === value\n                            ? \" ant-pagination-item-active\"\n                            : \"\")\n                    );\n                } else {\n                    return \"ant-pagination-jump-next ant-pagination-jump-next-custom-icon\";\n                }\n            };\n\n            $scope.reset = function () {\n                $scope.state.current = 1;\n            };\n\n            $scope.getPageNumList = function () {\n                let pageNumList = [$scope.state.current];\n                let pageNum = $scope.getPageNum();\n\n                if (pageNum <= 7 || $scope.state.current - 1 < 4) {\n                    for (let i = $scope.state.current - 1; i > 0; i--) {\n                        pageNumList.unshift(i);\n                    }\n                } else {\n                    let len =\n                        $scope.state.current - 1 > 2\n                            ? 2\n                            : $scope.state.current - 1;\n\n                    for (let i = 1; i <= len; i++) {\n                        pageNumList.unshift($scope.state.current - i);\n                    }\n\n                    if ($scope.state.current - 2 > 2) {\n                        pageNumList.unshift(\"prev\");\n                        pageNumList.unshift(1);\n                    }\n                }\n\n                if (pageNum <= 7 || pageNum - $scope.state.current < 4) {\n                    for (let i = $scope.state.current + 1; i <= pageNum; i++) {\n                        pageNumList.push(i);\n                    }\n                } else {\n                    let limit =\n                        3 - $scope.state.current > 0\n                            ? 2 + (3 - $scope.state.current)\n                            : 2;\n                    let len =\n                        pageNum - $scope.state.current > limit\n                            ? limit\n                            : pageNum - $scope.state.current;\n\n                    for (let i = 1; i <= len; i++) {\n                        pageNumList.push($scope.state.current + i);\n                    }\n\n                    if (pageNum - $scope.state.current > 2) {\n                        pageNumList.push(\"next\");\n                        pageNumList.push(pageNum);\n                    }\n                }\n\n                return pageNumList;\n            };\n\n            $scope.getPageNum = function () {\n                return (\n                    Math.ceil(\n                        $scope.state.total /\n                            ($scope.state.pageSize ||\n                                $scope.defaultPageSize ||\n                                10)\n                    ) || 1\n                );\n            };\n\n            $scope.getPopupContainer = function () {\n                return $element[0].querySelector(\".ant-pagination-options\");\n            };\n\n            $scope.handleNext = function () {\n                if ($scope.state.current === $scope.state.pageNum) {\n                    return false;\n                }\n\n                $scope.handleClick($scope.state.current + 1);\n            };\n\n            $scope.handlePrev = function () {\n                if ($scope.state.current === 1) {\n                    return false;\n                }\n\n                $scope.handleClick($scope.state.current - 1);\n            };\n\n            $scope.handleClick = function (value) {\n                if (value === $scope.state.current) {\n                    return;\n                }\n\n                if (value === \"next\") {\n                    value = $scope.state.current + 5;\n                }\n\n                if (value === \"prev\") {\n                    value = $scope.state.current - 5;\n                }\n\n                $scope.setCurrent($scope.getCurrent(value));\n            };\n\n            $scope.handleChange = function () {\n                let current = $scope.state.current;\n                $scope.state.pageNum = $scope.getPageNum();\n                $scope.state.pageNumList = $scope.getPageNumList();\n\n                if ($scope.state.current > $scope.state.pageNum) {\n                    current = $scope.state.pageNum;\n                } else if ($scope.state.current < 1) {\n                    current = 1;\n                }\n\n                $scope.onChange({\n                    page: current,\n                    pageSize: parseInt($scope.state.pageSize),\n                });\n            };\n\n            $scope.handleSelectChange = function (value) {\n                $scope.state.current = 1;\n                $scope.state.pageSize = parseInt(value);\n                $scope.handleChange();\n            };\n\n            $scope.getCurrent = function (number) {\n                if (number > $scope.state.pageNum) {\n                    return $scope.state.pageNum;\n                }\n\n                if (number < 1) {\n                    return 1;\n                }\n\n                return parseInt(number);\n            };\n\n            $scope.setCurrent = function (value) {\n                if (!value) {\n                    return;\n                }\n\n                $scope.state.current = $scope.getCurrent(value);\n                $scope.state.pageNumList = $scope.getPageNumList();\n                $scope.handleChange();\n            };\n\n            $scope.handleBlur = function (event) {\n                $scope.setCurrent(event.target.value);\n                event.target.value = null;\n            };\n\n            $scope.onKeyPress = function (event) {\n                if (event.keyCode === 13 || event.keyCode === 32) {\n                    $scope.setCurrent(event.target.value);\n                    event.target.value = null;\n                }\n            };\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            esNgAntd.createStyle(\"ant-pagination\", antd_lib_pagination_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n            $scope.state.total = Number($scope.total || 0);\n            $scope.state.current = Number(\n                $scope.current || $scope.defaultCurrent || 1\n            );\n            $scope.state.pageSize =\n                $scope.pageSize || $scope.defaultPageSize || 10;\n            $scope.state.pageNum = $scope.getPageNum();\n            $scope.state.pageNumList = $scope.getPageNumList();\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Pagination/Pagination.js?");
 /***/ }),
@@ -367,7 +367,7 @@ eval(&quot;__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Sel
   \****************************/
 /***/ (() => {
-eval("angular.module(\"esNgAntd\").directive(\"antdSlot\", function ($compile) {\n    return {\n        controllerAs: \"antdSlot\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            content: \"@\",\n            context: \"=\",\n        },\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.watch = {\n                content: (newValue) => {\n                    if (newValue !== undefined) {\n                        if (/<[^>]+>/.test(newValue)) {\n                            $element.replaceWith(\n                                $compile(newValue)(\n                                    $scope.context ? $scope.context : $scope\n                                )\n                            );\n                        } else {\n                            $element.text(newValue);\n                        }\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {},\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Slot/Slot.js?");
+eval("angular.module(\"esNgAntd\").directive(\"antdSlot\", function ($compile) {\n    return {\n        controllerAs: \"antdSlot\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            content: \"@\",\n            context: \"=\",\n        },\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.watch = {\n                content: (newValue) => {\n                    if (newValue !== undefined) {\n                        if (/<[^>]+>/.test(newValue)) {\n                            $scope.parentElement.empty().append(\n                                $compile(newValue)(\n                                    $scope.context ? $scope.context : $scope\n                                )\n                            );\n                        } else {\n                            $element.text(newValue);\n                        }\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            $scope.parentElement = $element.parent();\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Slot/Slot.js?");
 /***/ }),
@@ -411,7 +411,7 @@ eval(&quot;__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                                    ? $scope.getRender(column, record, index)\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                        $scope.state.dataSource.map(function (row, key) {\n                            row.checked = newVal.includes(key);\n                        }); // if (newVal.length > 0) {\n                        //     this.state.dataSource.map(function (row, key) {\n                        //         if (newVal.includes(key)) {\n                        //             row.checked = true;\n                        //         }\n                        //     });\n                        // } else {\n                        //     this.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.getParameterName = function (fn) {\n                if (typeof fn !== \"object\" && typeof fn !== \"function\") return;\n                const COMMENTS = /((\\/\\/.*$)|(\\/\\*[\\s\\S]*?\\*\\/))/gm;\n                const DEFAULT_PARAMS = /=[^,)]+/gm;\n                const FAT_ARROWS = /=>.*$/gm;\n                let code = fn.prototype\n                    ? fn.prototype.constructor.toString()\n                    : fn.toString();\n                code = code\n                    .replace(COMMENTS, \"\")\n                    .replace(FAT_ARROWS, \"\")\n                    .replace(DEFAULT_PARAMS, \"\");\n                let result = code\n                    .slice(code.indexOf(\"(\") + 1, code.indexOf(\")\"))\n                    .match(/([^\\s,]+)/g);\n                return result === null ? [] : result;\n            };\n\n            $scope.getRender = function (column, record, index) {\n                let params = $scope.getParameterName(column.render);\n                let render = column.render(record[column.key], record, index);\n\n                if ($attrs.dSource) {\n                    if (params[0]) {\n                        render = render.replace(\n                            new RegExp(`(\\{\\{.*?)${params[0]}(.*?\\}\\})`, \"g\"),\n                            `$1${$attrs.dSource}[${index}].${column.key}$2`\n                        );\n                    }\n\n                    if (params[1]) {\n                        render = render.replace(\n                            new RegExp(`(\\{\\{.*?)${params[1]}(.*?\\}\\})`, \"g\"),\n                            `$1${$attrs.dSource}[${index}]$2`\n                        );\n                    }\n\n                    if (params[2]) {\n                        render = render.replace(\n                            new RegExp(`(\\{\\{.*?)${params[2]}(.*?\\}\\})`, \"g\"),\n                            `$1${index}$2`\n                        );\n                    }\n                }\n\n                return render;\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?");
+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                                row[column.key] = column.render\n                                    ? $scope.getRender(column, record, index)\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                        $scope.state.selectedrecordKeys = newVal;\n                        $scope.state.dataSource.map(function (row, key) {\n                            row.checked = newVal.includes(key);\n                        });\n                    }\n                },\n            };\n\n            for (const key in $scope.watch) {\n                $scope.$watch(key, $scope.watch[key], true);\n            }\n\n            $scope.getParameterName = function (fn) {\n                if (typeof fn !== \"object\" && typeof fn !== \"function\") return;\n                const COMMENTS = /((\\/\\/.*$)|(\\/\\*[\\s\\S]*?\\*\\/))/gm;\n                const DEFAULT_PARAMS = /=[^,)]+/gm;\n                const FAT_ARROWS = /=>.*$/gm;\n                let code = fn.prototype\n                    ? fn.prototype.constructor.toString()\n                    : fn.toString();\n                code = code\n                    .replace(COMMENTS, \"\")\n                    .replace(FAT_ARROWS, \"\")\n                    .replace(DEFAULT_PARAMS, \"\");\n                let result = code\n                    .slice(code.indexOf(\"(\") + 1, code.indexOf(\")\"))\n                    .match(/([^\\s,]+)/g);\n                return result === null ? [] : result;\n            };\n\n            $scope.getRender = function (column, record, index) {\n                let params = $scope.getParameterName(column.render);\n                let render = column.render(record[column.key], record, index);\n\n                if ($attrs.dSource) {\n                    if (params[0]) {\n                        render = render.replace(\n                            new RegExp(`(\\{\\{.*?)${params[0]}(.*?\\}\\})`, \"g\"),\n                            `$1${$attrs.dSource}[${index}].${column.key}$2`\n                        );\n                    }\n\n                    if (params[1]) {\n                        render = render.replace(\n                            new RegExp(`(\\{\\{.*?)${params[1]}(.*?\\}\\})`, \"g\"),\n                            `$1${$attrs.dSource}[${index}]$2`\n                        );\n                    }\n\n                    if (params[2]) {\n                        render = render.replace(\n                            new RegExp(`(\\{\\{.*?)${params[2]}(.*?\\}\\})`, \"g\"),\n                            `$1${index}$2`\n                        );\n                    }\n                }\n\n                return render;\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            $scope.columns.forEach((column) => {\n                if (column.sortOrder) {\n                    $scope.state.sorter.field = column.key;\n                    $scope.state.sorter.order = column.sortOrder;\n                }\n            });\n        },\n    };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Table/Table.js?");
 /***/ }),
@@ -9,7 +9,7 @@
 <body>
     <div ng-app="esNgAntd" ng-controller="mainCtrl">
         <div class="container" style="padding: 50px">
-                <es-table columns="columns" d-source="dataSource" row-selection="rowSelection" loading="{{loading}}" on-change="handleChange(sorter)" size="small"/>
+                <antd-table columns="columns" d-source="dataSource" row-selection="rowSelection" loading="{{loading}}" on-change="handleChange(sorter)" size="small"/>
         </div>
     </div>
     <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
@@ -35,6 +35,9 @@
                     {
                         title: "状态",
                         key: "status",
+                        render: function(value) {
+                            return `<span>${value}</span>`;
+                        }
                     },
                     {
                         title: "操作",
@@ -78,6 +81,13 @@
                     $scope.dataSource.splice(key, 1);
                     console.log($scope.dataSource);
                 };
+
+                $scope.constructor = (function(){
+                    $timeout(function(){
+                        $scope.dataSource[1].status = 1;
+                        console.log($scope.dataSource)
+                    }, 3000)
+                })();
             });
     </script>
 </body>
@@ -10,7 +10,7 @@ class Slot {
         content: (newValue) => {
             if (newValue !== undefined) {
                 if (/<[^>]+>/.test(newValue)) {
-                    $element.replaceWith(
+                    this.parentElement.empty().append(
                         $compile(newValue)(
                             $scope.context ? $scope.context : $scope
                         )
@@ -23,6 +23,6 @@ class Slot {
     };
     constructor() {
-
+        this.parentElement = $element.parent();
     }
 }
@@ -6,9 +6,9 @@ module.exports = {
     entry: "./build/index.js",
     output: {
         // bpms
-        path: "/Users/shann/Project/essa/bpms/bpms-webapp/src/main/webapp/lib/ng-antd",
+        // path: "/Users/shann/Project/essa/bpms/bpms-webapp/src/main/webapp/lib/ng-antd",
         // boss
-        // path: "/Users/shann/Project/essa/boss/trunk/vendor-lib/ng-antd",
+        path: "/Users/shann/Project/essa/boss/trunk/vendor-lib/ng-antd",
         // mvo
         // path: "/Users/shann/Project/essa/mvo/mvo-webapp/public/browser-vendor/ng-antd",
         // local