diff --git a/build/Space/Space.html b/build/Space/Space.html index 0852e40..dabef42 100644 --- a/build/Space/Space.html +++ b/build/Space/Space.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/build/Space/Space.js b/build/Space/Space.js index fb410bb..a54a55b 100644 --- a/build/Space/Space.js +++ b/build/Space/Space.js @@ -1,4 +1,6 @@ -angular.module("esNgAntd").directive("esSpace", function () { +import template from "./Space.html"; +import style from "antd/lib/space/style/index.css"; +angular.module("esNgAntd").directive("esSpace", function (esNgAntd) { return { controllerAs: "esSpace", restrict: "E", @@ -8,16 +10,36 @@ angular.module("esNgAntd").directive("esSpace", function () { direction: "@", size: "@", }, + template: template, + controller: function ($scope, $element, $attrs) { + this.getContext = function () { + return $scope; + }; + + $scope.state = { + direction: $scope.direction || "horizontal", + size: $scope.size || 8, + }; + }, link: function ($scope, $element, $attrs, $controllers, $transclude) { - let childrens = $elements.children(); - $elements.empty(); - angular.forEach(childrens, (element, index) => { - let item = angular - .element("
") - .addClass("es-space-item") - .append(element); - $elements.append(item); - }); + esNgAntd.createStyle("ant-space", style); + $element.removeAttr("ng-class"); + $element.removeAttr("ng-style"); + let childrens = $transclude(); + + for (const key in childrens) { + if (Object.hasOwnProperty.call(childrens, key)) { + const children = childrens[key]; + + if (children.nodeType === 1) { + let item = angular + .element("
") + .addClass("ant-space-item") + .append(children); + $element.append(item); + } + } + } }, }; }); diff --git a/build/Spin/Spin.html b/build/Spin/Spin.html index 2709fae..e1faf5e 100644 --- a/build/Spin/Spin.html +++ b/build/Spin/Spin.html @@ -1,6 +1,6 @@
-
+
diff --git a/build/Spin/Spin.js b/build/Spin/Spin.js index ee1185e..7a84968 100644 --- a/build/Spin/Spin.js +++ b/build/Spin/Spin.js @@ -10,7 +10,7 @@ angular.module("esNgAntd").directive("esSpin", function () { spinning: "@", }, template: template, - controller: function ($scope, $element) { + controller: function ($scope, $element, $attrs) { this.getContext = function () { return $scope; }; diff --git a/build/Table/Table.html b/build/Table/Table.html index 59413b4..64e3694 100644 --- a/build/Table/Table.html +++ b/build/Table/Table.html @@ -42,7 +42,7 @@ - + diff --git a/build/index.js b/build/index.js index 5ece63b..7363b3e 100644 --- a/build/index.js +++ b/build/index.js @@ -29,6 +29,7 @@ require("./Table/Table"); require("./Textarea/Textarea"); require("./SelectOption/SelectOption"); require("./Select/Select"); +require("./Space/Space"); require("./Divider/Divider"); require("./Row/Row"); require("./Col/Col"); diff --git a/dist/ng-antd.js b/dist/ng-antd.js index 13ab60c..4da149f 100644 --- a/dist/ng-antd.js +++ b/dist/ng-antd.js @@ -371,6 +371,17 @@ eval("angular.module(\"esNgAntd\").directive(\"esSlot\", function ($compile) {\n /***/ }), +/***/ "./build/Space/Space.js": +/*!******************************!*\ + !*** ./build/Space/Space.js ***! + \******************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Space_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Space.html */ \"./build/Space/Space.html\");\n/* harmony import */ var antd_lib_space_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/space/style/index.css */ \"./node_modules/antd/lib/space/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"esSpace\", function (esNgAntd) {\n return {\n controllerAs: \"esSpace\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n direction: \"@\",\n size: \"@\",\n },\n template: _Space_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 direction: $scope.direction || \"horizontal\",\n size: $scope.size || 8,\n };\n },\n link: function ($scope, $element, $attrs, $controllers, $transclude) {\n esNgAntd.createStyle(\"ant-space\", antd_lib_space_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n $element.removeAttr(\"ng-class\");\n $element.removeAttr(\"ng-style\");\n let childrens = $transclude();\n\n for (const key in childrens) {\n if (Object.hasOwnProperty.call(childrens, key)) {\n const children = childrens[key];\n\n if (children.nodeType === 1) {\n let item = angular\n .element(\"
\")\n .addClass(\"ant-space-item\")\n .append(children);\n $element.append(item);\n }\n }\n }\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Space/Space.js?"); + +/***/ }), + /***/ "./build/Spin/Spin.js": /*!****************************!*\ !*** ./build/Spin/Spin.js ***! @@ -378,7 +389,7 @@ eval("angular.module(\"esNgAntd\").directive(\"esSlot\", function ($compile) {\n /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Spin_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Spin.html */ \"./build/Spin/Spin.html\");\n\nangular.module(\"esNgAntd\").directive(\"esSpin\", function () {\n return {\n controllerAs: \"esSpin\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n size: \"@\",\n spinning: \"@\",\n },\n template: _Spin_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n className: [],\n hasChildren: false,\n };\n },\n link: function ($scope, $element, $attrs, $controllers, $transclude) {\n $scope.state.className = [\"ant-spin\", \"ant-spin-spinning\"];\n $scope.state.hasChildren = JSON.stringify($transclude()) !== \"{}\";\n\n if ($scope.size === \"small\") {\n $scope.state.className.splice(1, 0, \"ant-spin-sm\");\n }\n\n if ($scope.size === \"large\") {\n $scope.state.className.splice(1, 0, \"ant-spin-lg\");\n }\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Spin/Spin.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Spin_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Spin.html */ \"./build/Spin/Spin.html\");\n\nangular.module(\"esNgAntd\").directive(\"esSpin\", function () {\n return {\n controllerAs: \"esSpin\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n size: \"@\",\n spinning: \"@\",\n },\n template: _Spin_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 className: [],\n hasChildren: false,\n };\n },\n link: function ($scope, $element, $attrs, $controllers, $transclude) {\n $scope.state.className = [\"ant-spin\", \"ant-spin-spinning\"];\n $scope.state.hasChildren = JSON.stringify($transclude()) !== \"{}\";\n\n if ($scope.size === \"small\") {\n $scope.state.className.splice(1, 0, \"ant-spin-sm\");\n }\n\n if ($scope.size === \"large\") {\n $scope.state.className.splice(1, 0, \"ant-spin-lg\");\n }\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Spin/Spin.js?"); /***/ }), @@ -432,7 +443,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Tex \************************/ /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => { -eval("angular.module(\"esNgAntd\", []);\n__webpack_require__(/*! ./Icon/Icon */ \"./build/Icon/Icon.js\");\n__webpack_require__(/*! ./Common/Common */ \"./build/Common/Common.js\");\n__webpack_require__(/*! ./Slot/Slot */ \"./build/Slot/Slot.js\");\n__webpack_require__(/*! ./Button/Button */ \"./build/Button/Button.js\");\n__webpack_require__(/*! ./Modal/Modal */ \"./build/Modal/Modal.js\");\n__webpack_require__(/*! ./Input/Input */ \"./build/Input/Input.js\");\n__webpack_require__(/*! ./InputGroup/InputGroup */ \"./build/InputGroup/InputGroup.js\");\n__webpack_require__(/*! ./InputNumber/InputNumber */ \"./build/InputNumber/InputNumber.js\");\n__webpack_require__(/*! ./InputSearch/InputSearch */ \"./build/InputSearch/InputSearch.js\");\n__webpack_require__(/*! ./Checkbox/Checkbox */ \"./build/Checkbox/Checkbox.js\");\n__webpack_require__(/*! ./CheckableTag/CheckableTag */ \"./build/CheckableTag/CheckableTag.js\");\n__webpack_require__(/*! ./Popover/Popover */ \"./build/Popover/Popover.js\");\n__webpack_require__(/*! ./List/List */ \"./build/List/List.js\");\n__webpack_require__(/*! ./ListItem/ListItem */ \"./build/ListItem/ListItem.js\");\n__webpack_require__(/*! ./Form/Form */ \"./build/Form/Form.js\");\n__webpack_require__(/*! ./FormItem/FormItem */ \"./build/FormItem/FormItem.js\");\n__webpack_require__(/*! ./Radio/Radio */ \"./build/Radio/Radio.js\");\n__webpack_require__(/*! ./RadioGroup/RadioGroup */ \"./build/RadioGroup/RadioGroup.js\");\n__webpack_require__(/*! ./RadioButton/RadioButton */ \"./build/RadioButton/RadioButton.js\");\n__webpack_require__(/*! ./TabPane/TabPane */ \"./build/TabPane/TabPane.js\");\n__webpack_require__(/*! ./Tabs/Tabs */ \"./build/Tabs/Tabs.js\");\n__webpack_require__(/*! ./Empty/Empty */ \"./build/Empty/Empty.js\");\n__webpack_require__(/*! ./ImagePreviewGroup/ImagePreviewGroup */ \"./build/ImagePreviewGroup/ImagePreviewGroup.js\");\n__webpack_require__(/*! ./Image/Image */ \"./build/Image/Image.js\");\n__webpack_require__(/*! ./Spin/Spin */ \"./build/Spin/Spin.js\");\n__webpack_require__(/*! ./Card/Card */ \"./build/Card/Card.js\");\n__webpack_require__(/*! ./Table/Table */ \"./build/Table/Table.js\");\n__webpack_require__(/*! ./Textarea/Textarea */ \"./build/Textarea/Textarea.js\");\n__webpack_require__(/*! ./SelectOption/SelectOption */ \"./build/SelectOption/SelectOption.js\");\n__webpack_require__(/*! ./Select/Select */ \"./build/Select/Select.js\");\n__webpack_require__(/*! ./Divider/Divider */ \"./build/Divider/Divider.js\");\n__webpack_require__(/*! ./Row/Row */ \"./build/Row/Row.js\");\n__webpack_require__(/*! ./Col/Col */ \"./build/Col/Col.js\");\n__webpack_require__(/*! ./Pagination/Pagination */ \"./build/Pagination/Pagination.js\");\n__webpack_require__(/*! ./Message/Message */ \"./build/Message/Message.js\");\n__webpack_require__(/*! ./Alert/Alert */ \"./build/Alert/Alert.js\");\n__webpack_require__(/*! ./Breadcrumb/Breadcrumb */ \"./build/Breadcrumb/Breadcrumb.js\");\n__webpack_require__(/*! ./BreadcrumbItem/BreadcrumbItem */ \"./build/BreadcrumbItem/BreadcrumbItem.js\");\n\n\n//# sourceURL=webpack://ng-antd/./build/index.js?"); +eval("angular.module(\"esNgAntd\", []);\n__webpack_require__(/*! ./Icon/Icon */ \"./build/Icon/Icon.js\");\n__webpack_require__(/*! ./Common/Common */ \"./build/Common/Common.js\");\n__webpack_require__(/*! ./Slot/Slot */ \"./build/Slot/Slot.js\");\n__webpack_require__(/*! ./Button/Button */ \"./build/Button/Button.js\");\n__webpack_require__(/*! ./Modal/Modal */ \"./build/Modal/Modal.js\");\n__webpack_require__(/*! ./Input/Input */ \"./build/Input/Input.js\");\n__webpack_require__(/*! ./InputGroup/InputGroup */ \"./build/InputGroup/InputGroup.js\");\n__webpack_require__(/*! ./InputNumber/InputNumber */ \"./build/InputNumber/InputNumber.js\");\n__webpack_require__(/*! ./InputSearch/InputSearch */ \"./build/InputSearch/InputSearch.js\");\n__webpack_require__(/*! ./Checkbox/Checkbox */ \"./build/Checkbox/Checkbox.js\");\n__webpack_require__(/*! ./CheckableTag/CheckableTag */ \"./build/CheckableTag/CheckableTag.js\");\n__webpack_require__(/*! ./Popover/Popover */ \"./build/Popover/Popover.js\");\n__webpack_require__(/*! ./List/List */ \"./build/List/List.js\");\n__webpack_require__(/*! ./ListItem/ListItem */ \"./build/ListItem/ListItem.js\");\n__webpack_require__(/*! ./Form/Form */ \"./build/Form/Form.js\");\n__webpack_require__(/*! ./FormItem/FormItem */ \"./build/FormItem/FormItem.js\");\n__webpack_require__(/*! ./Radio/Radio */ \"./build/Radio/Radio.js\");\n__webpack_require__(/*! ./RadioGroup/RadioGroup */ \"./build/RadioGroup/RadioGroup.js\");\n__webpack_require__(/*! ./RadioButton/RadioButton */ \"./build/RadioButton/RadioButton.js\");\n__webpack_require__(/*! ./TabPane/TabPane */ \"./build/TabPane/TabPane.js\");\n__webpack_require__(/*! ./Tabs/Tabs */ \"./build/Tabs/Tabs.js\");\n__webpack_require__(/*! ./Empty/Empty */ \"./build/Empty/Empty.js\");\n__webpack_require__(/*! ./ImagePreviewGroup/ImagePreviewGroup */ \"./build/ImagePreviewGroup/ImagePreviewGroup.js\");\n__webpack_require__(/*! ./Image/Image */ \"./build/Image/Image.js\");\n__webpack_require__(/*! ./Spin/Spin */ \"./build/Spin/Spin.js\");\n__webpack_require__(/*! ./Card/Card */ \"./build/Card/Card.js\");\n__webpack_require__(/*! ./Table/Table */ \"./build/Table/Table.js\");\n__webpack_require__(/*! ./Textarea/Textarea */ \"./build/Textarea/Textarea.js\");\n__webpack_require__(/*! ./SelectOption/SelectOption */ \"./build/SelectOption/SelectOption.js\");\n__webpack_require__(/*! ./Select/Select */ \"./build/Select/Select.js\");\n__webpack_require__(/*! ./Space/Space */ \"./build/Space/Space.js\");\n__webpack_require__(/*! ./Divider/Divider */ \"./build/Divider/Divider.js\");\n__webpack_require__(/*! ./Row/Row */ \"./build/Row/Row.js\");\n__webpack_require__(/*! ./Col/Col */ \"./build/Col/Col.js\");\n__webpack_require__(/*! ./Pagination/Pagination */ \"./build/Pagination/Pagination.js\");\n__webpack_require__(/*! ./Message/Message */ \"./build/Message/Message.js\");\n__webpack_require__(/*! ./Alert/Alert */ \"./build/Alert/Alert.js\");\n__webpack_require__(/*! ./Breadcrumb/Breadcrumb */ \"./build/Breadcrumb/Breadcrumb.js\");\n__webpack_require__(/*! ./BreadcrumbItem/BreadcrumbItem */ \"./build/BreadcrumbItem/BreadcrumbItem.js\");\n\n\n//# sourceURL=webpack://ng-antd/./build/index.js?"); /***/ }), @@ -9313,6 +9324,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./node_modules/antd/lib/space/style/index.css": +/*!*****************************************************!*\ + !*** ./node_modules/antd/lib/space/style/index.css ***! + \*****************************************************/ +/***/ ((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/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.ant-space {\\n display: inline-flex;\\n}\\n.ant-space-vertical {\\n flex-direction: column;\\n}\\n.ant-space-align-center {\\n align-items: center;\\n}\\n.ant-space-align-start {\\n align-items: flex-start;\\n}\\n.ant-space-align-end {\\n align-items: flex-end;\\n}\\n.ant-space-align-baseline {\\n align-items: baseline;\\n}\\n.ant-space-item:empty {\\n display: none;\\n}\\n.ant-space-rtl {\\n direction: rtl;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://ng-antd/./node_modules/antd/lib/space/style/index.css?"); + +/***/ }), + /***/ "./node_modules/antd/lib/style/index.css": /*!***********************************************!*\ !*** ./node_modules/antd/lib/style/index.css ***! @@ -9617,7 +9639,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 = \"
    \\n
  • {{handleShowTotal()}}
  • \\n
  • \\n \\n
  • \\n
  • \\n {{value}}\\n \\n
    \\n \\n \\n •••\\n
    \\n
    \\n
  • \\n
  • \\n \\n
  • \\n
  • \\n \\n 10 条/页\\n 20 条/页\\n 30 条/页\\n 40 条/页\\n \\n
    \\n 跳至页\\n
    \\n
  • \\n
\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Pagination/Pagination.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 = \"
    \\n
  • {{handleShowTotal()}}
  • \\n
  • \\n \\n
  • \\n
  • \\n {{value}}\\n \\n
    \\n \\n \\n •••\\n
    \\n
    \\n
  • \\n
  • \\n \\n
  • \\n
  • \\n \\n 10 条/页\\n 20 条/页\\n 30 条/页\\n 40 条/页\\n \\n
    \\n 跳至页\\n
    \\n
  • \\n
\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Pagination/Pagination.html?"); /***/ }), @@ -9698,6 +9720,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./build/Space/Space.html": +/*!********************************!*\ + !*** ./build/Space/Space.html ***! + \********************************/ +/***/ ((__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 = \"
\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Space/Space.html?"); + +/***/ }), + /***/ "./build/Spin/Spin.html": /*!******************************!*\ !*** ./build/Spin/Spin.html ***! @@ -9705,7 +9738,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 = \"
\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n \\n
\\n
\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Spin/Spin.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 = \"
\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n \\n
\\n
\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Spin/Spin.html?"); /***/ }), @@ -9727,7 +9760,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 = \"
\\n \\n
\\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n
\\n
\\n {{column.title}}\\n
\\n {{column.title}}\\n \\n \\n \\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n \\n
\\n \\n
\\n
\\n
\\n
\\n
\";\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 = \"
\\n \\n
\\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n
\\n
\\n {{column.title}}\\n
\\n {{column.title}}\\n \\n \\n \\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n \\n
\\n \\n
\\n
\\n
\\n
\\n
\";\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/space.html b/example/space.html new file mode 100644 index 0000000..2ff39c1 --- /dev/null +++ b/example/space.html @@ -0,0 +1,35 @@ + + + + + + + + + + +
+
+ + AAA + BBB + CCC + +
+
+ + + + + + \ No newline at end of file diff --git a/src/Space/Space.html b/src/Space/Space.html index 5427abc..8bebeb6 100644 --- a/src/Space/Space.html +++ b/src/Space/Space.html @@ -1 +1 @@ -
{children}
\ No newline at end of file +
\ No newline at end of file diff --git a/src/Space/Space.js b/src/Space/Space.js index e5fb37a..8dd7603 100644 --- a/src/Space/Space.js +++ b/src/Space/Space.js @@ -1,14 +1,33 @@ +import template from "./Space.html"; +import style from "antd/lib/space/style/index.css"; class Space { + useModules = ["esNgAntd"]; + props = { direction: String, size: String }; + + state = { + direction: this.props.direction || "horizontal", + size: this.props.size || 8 + }; + + template = template; + constructor() { - let childrens = $elements.children(); - $elements.empty(); - angular.forEach(childrens, (element, index) => { - let item = angular - .element("
") - .addClass("es-space-item") - .append(element); - $elements.append(item); - }); + esNgAntd.createStyle("ant-space", style); + $element.removeAttr("ng-class"); + $element.removeAttr("ng-style"); + let childrens = $transclude(); + for (const key in childrens) { + if (Object.hasOwnProperty.call(childrens, key)) { + const children = childrens[key]; + if (children.nodeType === 1) { + let item = angular + .element("
") + .addClass("ant-space-item") + .append(children); + $element.append(item); + } + } + } } } diff --git a/src/Spin/Spin.html b/src/Spin/Spin.html index 3bf2f70..c5b2e92 100644 --- a/src/Spin/Spin.html +++ b/src/Spin/Spin.html @@ -1,6 +1,6 @@
{state.hasChildren &&
- {spinning !== 'false' &&
+ {spinning === 'true' &&
diff --git a/src/Table/Table.html b/src/Table/Table.html index cafaf9f..b35015c 100644 --- a/src/Table/Table.html +++ b/src/Table/Table.html @@ -50,7 +50,7 @@ })} {state.dataSource.length === 0 && - + } diff --git a/webpack.config.js b/webpack.config.js index 8aeae93..78da758 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -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: "/Usersc/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 -- libgit2 0.21.2