Commit 1b6f912fd6235de5e765ad8a3c4886dbdaa3d19b
1 parent
a468667f
优化
Showing
30 changed files
with
460 additions
and
198 deletions
Show diff stats
build/Card/Card.html
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | <div class="ant-card-head-wrapper"> | 3 | <div class="ant-card-head-wrapper"> |
4 | <div class="ant-card-head-title">{{title}}</div> | 4 | <div class="ant-card-head-title">{{title}}</div> |
5 | <div ng-if="extra" class="ant-card-extra"> | 5 | <div ng-if="extra" class="ant-card-extra"> |
6 | - <es-slot content="{{extra}}" context="$parent"></es-slot> | 6 | + <es-slot content="{{extra}}" context="esCard.getContext().$parent"></es-slot> |
7 | </div> | 7 | </div> |
8 | </div> | 8 | </div> |
9 | </div> | 9 | </div> |
build/Common/Common.js
1 | import baseStyle from "antd/lib/style/index.css"; | 1 | import baseStyle from "antd/lib/style/index.css"; |
2 | -angular.module("esNgAntd").service("esNgAntd", function () { | ||
3 | - this.styleSheets = null; | ||
4 | - | ||
5 | - this.createStyle = function (key, style) { | ||
6 | - if (!document.querySelector("#antd")) { | ||
7 | - let styleElement = document.createElement("style"); | ||
8 | - styleElement.setAttribute("id", "antd"); | ||
9 | - styleElement.setAttribute("type", "text/css"); | ||
10 | - styleElement.innerHTML = baseStyle.toString(); | ||
11 | - document.head.appendChild(styleElement); | ||
12 | - } | ||
13 | - | ||
14 | - if (!document.querySelector("#" + key)) { | ||
15 | - let styleElement = document.createElement("style"); | ||
16 | - styleElement.setAttribute("id", key); | ||
17 | - styleElement.setAttribute("type", "text/css"); | ||
18 | - styleElement.innerHTML = style.toString(); | ||
19 | - document.head.appendChild(styleElement); | ||
20 | - | ||
21 | - if (this.styleSheets) { | ||
22 | - this.disableStyle(key); | 2 | +angular.module("esNgAntd").service("esNgAntd", [ |
3 | + "$compile", | ||
4 | + function ($compile) { | ||
5 | + this.styleSheets = null; | ||
6 | + | ||
7 | + this.createStyle = function (key, style) { | ||
8 | + if (!document.querySelector("#antd")) { | ||
9 | + let styleElement = document.createElement("style"); | ||
10 | + styleElement.setAttribute("id", "antd"); | ||
11 | + styleElement.setAttribute("type", "text/css"); | ||
12 | + styleElement.innerHTML = baseStyle.toString(); | ||
13 | + document.head.appendChild(styleElement); | ||
23 | } | 14 | } |
24 | - } | ||
25 | - }; | ||
26 | - | ||
27 | - this.disableStyle = function (name) { | ||
28 | - for (let i = 0; i < this.styleSheets.cssRules.length; i++) { | ||
29 | - let rule = this.styleSheets.cssRules[i]; | ||
30 | - | ||
31 | - if (rule.selectorText && rule.selectorText.indexOf(name) !== -1) { | ||
32 | - rule.selectorText = rule.selectorText.replace( | ||
33 | - ".ant", | ||
34 | - ".disabled-ant" | ||
35 | - ); | 15 | + |
16 | + if (!document.querySelector("#" + key)) { | ||
17 | + let styleElement = document.createElement("style"); | ||
18 | + styleElement.setAttribute("id", key); | ||
19 | + styleElement.setAttribute("type", "text/css"); | ||
20 | + styleElement.innerHTML = style.toString(); | ||
21 | + document.head.appendChild(styleElement); | ||
22 | + | ||
23 | + if (this.styleSheets) { | ||
24 | + this.disableStyle(key); | ||
25 | + } | ||
36 | } | 26 | } |
37 | - } | ||
38 | - }; | 27 | + }; |
39 | 28 | ||
40 | - this.conflict = function (filename) { | ||
41 | - for (let i = 0; i < document.styleSheets.length; i++) { | ||
42 | - const element = document.styleSheets[i]; | 29 | + this.disableStyle = function (name) { |
30 | + for (let i = 0; i < this.styleSheets.cssRules.length; i++) { | ||
31 | + let rule = this.styleSheets.cssRules[i]; | ||
43 | 32 | ||
44 | - if (element.href && element.href.indexOf(filename) !== -1) { | ||
45 | - this.styleSheets = element; | 33 | + if ( |
34 | + rule.selectorText && | ||
35 | + rule.selectorText.indexOf(name) !== -1 | ||
36 | + ) { | ||
37 | + rule.selectorText = rule.selectorText.replace( | ||
38 | + /\.ant-/g, | ||
39 | + ".disabled-ant-" | ||
40 | + ); | ||
41 | + } | ||
46 | } | 42 | } |
47 | - } | ||
48 | - }; | ||
49 | -}); | 43 | + }; |
44 | + | ||
45 | + this.conflict = function (filename) { | ||
46 | + for (let i = 0; i < document.styleSheets.length; i++) { | ||
47 | + const element = document.styleSheets[i]; | ||
48 | + | ||
49 | + if (element.href && element.href.indexOf(filename) !== -1) { | ||
50 | + this.styleSheets = element; | ||
51 | + } | ||
52 | + } | ||
53 | + }; | ||
54 | + | ||
55 | + this.createLayer = function (content, scope) { | ||
56 | + let div = document.createElement("div"); | ||
57 | + div.innerHTML = content; | ||
58 | + document.body.appendChild(div); | ||
59 | + $compile(div)(scope); | ||
60 | + }; | ||
61 | + }, | ||
62 | +]); |
build/Empty/Empty.html
1 | -<div class="ant-empty"> | ||
2 | - <div class="ant-empty-image"><svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg"> | ||
3 | - <g fill="none" fill-rule="evenodd"> | ||
4 | - <g transform="translate(24 31.67)"> | ||
5 | - <ellipse fill-opacity=".8" fill="#F5F5F7" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse> | ||
6 | - <path d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z" fill="#AEB8C2"></path> | ||
7 | - <path d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" fill="url(#linearGradient-1)" transform="translate(13.56)"></path> | ||
8 | - <path d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" fill="#F5F5F7"></path> | ||
9 | - <path d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z" fill="#DCE0E6"></path> | ||
10 | - </g> | ||
11 | - <path d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z" fill="#DCE0E6"></path> | ||
12 | - <g transform="translate(149.65 15.383)" fill="#FFF"> | ||
13 | - <ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse> | ||
14 | - <path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"></path> | ||
15 | - </g> | ||
16 | - </g> | ||
17 | - </svg></div> | 1 | +<div ng-class="'ant-empty'+(state.image==='presented_image_simple'?' ant-empty-normal':'')"> |
2 | + <div class="ant-empty-image"> | ||
3 | + <svg ng-if="state.image==='presented_image_default'" class="ant-empty-img-default" width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(24 31.67)"><ellipse class="ant-empty-img-default-ellipse" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse><path class="ant-empty-img-default-path-1" d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"></path><path class="ant-empty-img-default-path-2" d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" transform="translate(13.56)"></path><path class="ant-empty-img-default-path-3" d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"></path><path class="ant-empty-img-default-path-4" d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"></path></g><path class="ant-empty-img-default-path-5" d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"></path><g class="ant-empty-img-default-g" transform="translate(149.65 15.383)"><ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse><path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"></path></g></g></svg> | ||
4 | + <svg ng-if="state.image==='presented_image_simple'" class="ant-empty-img-simple" width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 1)" fill="none" fill-rule="evenodd"><ellipse class="ant-empty-img-simple-ellipse" cx="32" cy="33" rx="32" ry="7"></ellipse><g class="ant-empty-img-simple-g" fill-rule="nonzero"><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" class="ant-empty-img-simple-path"></path></g></g></svg> | ||
5 | + </div> | ||
18 | <p class="ant-empty-description">暂无数据</p> | 6 | <p class="ant-empty-description">暂无数据</p> |
19 | </div> | 7 | </div> |
20 | \ No newline at end of file | 8 | \ No newline at end of file |
build/Empty/Empty.js
1 | import template from "./Empty.html"; | 1 | import template from "./Empty.html"; |
2 | -angular.module("esNgAntd").directive("esEmpty", function () { | 2 | +import style from "antd/lib/empty/style/index.css"; |
3 | +angular.module("esNgAntd").directive("esEmpty", function (esNgAntd) { | ||
3 | return { | 4 | return { |
4 | controllerAs: "esEmpty", | 5 | controllerAs: "esEmpty", |
5 | restrict: "E", | 6 | restrict: "E", |
6 | transclude: true, | 7 | transclude: true, |
7 | replace: true, | 8 | replace: true, |
9 | + scope: { | ||
10 | + image: "@", | ||
11 | + }, | ||
8 | template: template, | 12 | template: template, |
13 | + controller: function ($scope, $element) { | ||
14 | + this.getContext = function () { | ||
15 | + return $scope; | ||
16 | + }; | ||
17 | + | ||
18 | + $scope.state = { | ||
19 | + image: $scope.image || "presented_image_default", | ||
20 | + }; | ||
21 | + }, | ||
22 | + link: function ($scope, $element, $attrs, $controllers, $transclude) { | ||
23 | + esNgAntd.createStyle("ant-empty", style); | ||
24 | + }, | ||
9 | }; | 25 | }; |
10 | }); | 26 | }); |
27 | + | ||
28 | +export default { | ||
29 | + PRESENTED_IMAGE_DEFAULT: "presented_image_default", | ||
30 | + PRESENTED_IMAGE_SIMPLE: "presented_image_simple", | ||
31 | +}; |
build/Image/Image.js
@@ -27,9 +27,18 @@ angular | @@ -27,9 +27,18 @@ angular | ||
27 | visible: false, | 27 | visible: false, |
28 | // 有图片? | 28 | // 有图片? |
29 | hasImage: false, | 29 | hasImage: false, |
30 | + // 索引 | ||
31 | + index: null, | ||
30 | }; | 32 | }; |
31 | 33 | ||
32 | $scope.handleOpen = function () { | 34 | $scope.handleOpen = function () { |
35 | + if ($scope.esImagePreviewGroup) { | ||
36 | + $scope.esImagePreviewGroup.handleOpen( | ||
37 | + $scope.state.index | ||
38 | + ); | ||
39 | + return; | ||
40 | + } | ||
41 | + | ||
33 | $scope.state.visible = true; | 42 | $scope.state.visible = true; |
34 | }; | 43 | }; |
35 | 44 | ||
@@ -98,9 +107,12 @@ angular | @@ -98,9 +107,12 @@ angular | ||
98 | if (esImagePreviewGroup) { | 107 | if (esImagePreviewGroup) { |
99 | $scope.esImagePreviewGroup = | 108 | $scope.esImagePreviewGroup = |
100 | esImagePreviewGroup.getContext(); | 109 | esImagePreviewGroup.getContext(); |
110 | + $scope.state.index = | ||
111 | + $scope.esImagePreviewGroup.addChildren($scope); | ||
101 | } else { | 112 | } else { |
102 | $scope.handlePreview(); | 113 | $scope.handlePreview(); |
103 | } | 114 | } |
104 | }, | 115 | }, |
105 | }; | 116 | }; |
106 | }); | 117 | }); |
118 | + |
build/ImagePreviewGroup/ImagePreviewGroup.js
1 | import template from "./ImagePreviewGroup.html"; | 1 | import template from "./ImagePreviewGroup.html"; |
2 | -angular.module("esNgAntd").directive("esImagePreviewGroup", function () { | ||
3 | - return { | ||
4 | - controllerAs: "esImagePreviewGroup", | ||
5 | - restrict: "E", | ||
6 | - transclude: true, | ||
7 | - replace: true, | ||
8 | - template: template, | ||
9 | - controller: function ($scope, $element) { | ||
10 | - this.getContext = function () { | ||
11 | - return $scope; | ||
12 | - }; | 2 | +angular |
3 | + .module("esNgAntd") | ||
4 | + .directive("esImagePreviewGroup", function (esNgAntd) { | ||
5 | + return { | ||
6 | + controllerAs: "esImagePreviewGroup", | ||
7 | + restrict: "E", | ||
8 | + transclude: true, | ||
9 | + replace: true, | ||
10 | + template: template, | ||
11 | + controller: function ($scope, $element) { | ||
12 | + this.getContext = function () { | ||
13 | + return $scope; | ||
14 | + }; | ||
13 | 15 | ||
14 | - $scope.state = { | ||
15 | - current: 0, | ||
16 | - }; | ||
17 | - }, | ||
18 | - link: function ($scope, $element, $attrs, $controllers, $transclude) {}, | ||
19 | - }; | ||
20 | -}); | 16 | + $scope.state = { |
17 | + current: 0, | ||
18 | + visible: false, | ||
19 | + src: null, | ||
20 | + childrens: [], | ||
21 | + }; | ||
22 | + | ||
23 | + $scope.addChildren = function (children) { | ||
24 | + $scope.state.childrens.push(children); | ||
25 | + return $scope.state.childrens.length - 1; | ||
26 | + }; | ||
27 | + | ||
28 | + $scope.handleOpen = function (index) { | ||
29 | + $scope.state.current = index; | ||
30 | + $scope.state.src = $scope.state.childrens[index].state.src; | ||
31 | + $scope.state.visible = true; | ||
32 | + }; | ||
33 | + | ||
34 | + $scope.handleClose = function () { | ||
35 | + $scope.state.visible = false; | ||
36 | + }; | ||
37 | + | ||
38 | + $scope.handlePrev = function () { | ||
39 | + $scope.state.current = | ||
40 | + $scope.state.current > 0 ? $scope.state.current - 1 : 0; | ||
41 | + $scope.state.src = | ||
42 | + $scope.state.childrens[$scope.state.current].state.src; | ||
43 | + }; | ||
44 | + | ||
45 | + $scope.handleNext = function () { | ||
46 | + $scope.state.current = | ||
47 | + $scope.state.current < $scope.state.childrens.length - 1 | ||
48 | + ? $scope.state.current + 1 | ||
49 | + : $scope.state.childrens.length - 1; | ||
50 | + $scope.state.src = | ||
51 | + $scope.state.childrens[$scope.state.current].state.src; | ||
52 | + }; | ||
53 | + | ||
54 | + $scope.handlePreview = function () { | ||
55 | + esNgAntd.createLayer( | ||
56 | + ` | ||
57 | + <div class="ant-image-preview-root"> | ||
58 | + <div class="ant-image-preview-mask" ng-if="state.visible"></div> | ||
59 | + <div class="ant-image-preview-wrap" ng-show="state.visible"> | ||
60 | + <div class="ant-image-preview"> | ||
61 | + <div class="ant-image-preview-content"> | ||
62 | + <div class="ant-image-preview-body"> | ||
63 | + <ul class="ant-image-preview-operations"> | ||
64 | + <li class="ant-image-preview-operations-operation"> | ||
65 | + <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> | ||
66 | + <es-icon type="CloseOutlined"></es-icon> | ||
67 | + </span> | ||
68 | + </li> | ||
69 | + </ul> | ||
70 | + <div class="ant-image-preview-img-wrapper"> | ||
71 | + <img class="ant-image-preview-img" ng-src="{{state.src}}"/> | ||
72 | + </div> | ||
73 | + <div ng-class="{'ant-image-preview-switch-left': true, 'ant-image-preview-switch-left-disabled': state.current===0}" ng-click="handlePrev()"> | ||
74 | + <es-icon type="LeftOutlined"></es-icon> | ||
75 | + </div> | ||
76 | + <div ng-class="{'ant-image-preview-switch-right': true,'ant-image-preview-switch-right-disabled': (state.childrens.length-1)===state.current}" ng-click="handleNext()"> | ||
77 | + <es-icon type="RightOutlined"></es-icon> | ||
78 | + </div> | ||
79 | + </div> | ||
80 | + </div> | ||
81 | + </div> | ||
82 | + </div> | ||
83 | + </div> | ||
84 | + `, | ||
85 | + $scope | ||
86 | + ); | ||
87 | + }; | ||
88 | + }, | ||
89 | + link: function ( | ||
90 | + $scope, | ||
91 | + $element, | ||
92 | + $attrs, | ||
93 | + $controllers, | ||
94 | + $transclude | ||
95 | + ) { | ||
96 | + $scope.handlePreview(); | ||
97 | + }, | ||
98 | + }; | ||
99 | + }); |
build/Input/Input.js
@@ -71,11 +71,18 @@ angular.module("esNgAntd").directive("esInput", function ($compile, esNgAntd) { | @@ -71,11 +71,18 @@ angular.module("esNgAntd").directive("esInput", function ($compile, esNgAntd) { | ||
71 | require: ["?^esFormItem", "?^esForm"], | 71 | require: ["?^esFormItem", "?^esForm"], |
72 | link: function ($scope, $element, $attrs, $controllers, $transclude) { | 72 | link: function ($scope, $element, $attrs, $controllers, $transclude) { |
73 | let [esFormItem, esForm] = $controllers; | 73 | let [esFormItem, esForm] = $controllers; |
74 | - esNgAntd.createStyle("ant-input", style); | ||
75 | - $scope.esForm = esForm.getContext(); | ||
76 | - $scope.esFormItem = esFormItem.getContext(); | 74 | + esNgAntd.createStyle("ant-input", style); // 上下文 |
75 | + | ||
76 | + if (esForm) { | ||
77 | + $scope.esForm = esForm.getContext(); | ||
78 | + $scope.esForm.state.formItems.push($scope); | ||
79 | + } | ||
80 | + | ||
81 | + if (esFormItem) { | ||
82 | + $scope.esFormItem = esFormItem.getContext(); | ||
83 | + } | ||
84 | + | ||
77 | $scope.style = $attrs.style; | 85 | $scope.style = $attrs.style; |
78 | - $scope.esForm.state.formItems.push($scope); | ||
79 | $element.replaceWith($compile($scope.getTemplate())($scope)); | 86 | $element.replaceWith($compile($scope.getTemplate())($scope)); |
80 | }, | 87 | }, |
81 | }; | 88 | }; |
build/InputSearch/InputSearch.html
1 | -<span class="ant-input-search ant-input-search-enter-button ant-input-group-wrapper"> | 1 | +<span class="ant-input-group-wrapper ant-input-search"> |
2 | <span class="ant-input-wrapper ant-input-group"> | 2 | <span class="ant-input-wrapper ant-input-group"> |
3 | - <es-input placeholder={{placeholder}} on-change="handleChange(event)"></es-input> | ||
4 | - <span class="ant-input-group-addon" ng-click="onSearch({value: state.value})"> | ||
5 | - <es-button class="ant-input-search-button"> | 3 | + <es-input placeholder="{{placeholder}}" on-change="handleChange(event)"></es-input> |
4 | + <span class="ant-input-group-addon" ng-click="onSearch({value:state.value})"> | ||
5 | + <es-button html-type="button" class="ant-btn-icon-only ant-input-search-button"> | ||
6 | <es-icon type="SearchOutlined"></es-icon> | 6 | <es-icon type="SearchOutlined"></es-icon> |
7 | </es-button> | 7 | </es-button> |
8 | </span> | 8 | </span> |
build/InputSearch/InputSearch.js
1 | import template from "./InputSearch.html"; | 1 | import template from "./InputSearch.html"; |
2 | -angular.module("esNgAntd").directive("esInputSearch", function () { | ||
3 | - return { | ||
4 | - controllerAs: "esInputSearch", | ||
5 | - restrict: "E", | ||
6 | - transclude: true, | ||
7 | - replace: true, | ||
8 | - scope: { | ||
9 | - value: "@", | ||
10 | - placeholder: "@", | ||
11 | - onSearch: "&", | ||
12 | - }, | ||
13 | - template: template, | ||
14 | - controller: function ($scope, $element) { | ||
15 | - this.getContext = function () { | ||
16 | - return $scope; | ||
17 | - }; | 2 | +import style from "antd/lib/input/style/index.css"; |
3 | +angular | ||
4 | + .module("esNgAntd") | ||
5 | + .directive("esInputSearch", function ($compile, esNgAntd) { | ||
6 | + return { | ||
7 | + controllerAs: "esInputSearch", | ||
8 | + restrict: "E", | ||
9 | + transclude: true, | ||
10 | + replace: true, | ||
11 | + scope: { | ||
12 | + value: "@", | ||
13 | + placeholder: "@", | ||
14 | + onSearch: "&", | ||
15 | + }, | ||
16 | + template: template, | ||
17 | + controller: function ($scope, $element) { | ||
18 | + this.getContext = function () { | ||
19 | + return $scope; | ||
20 | + }; | ||
18 | 21 | ||
19 | - $scope.state = { | ||
20 | - value: null, | ||
21 | - }; | 22 | + $scope.state = { |
23 | + value: null, | ||
24 | + }; | ||
22 | 25 | ||
23 | - $scope.handleChange = function (event) { | ||
24 | - $scope.state.value = event.target.value; | ||
25 | - }; | ||
26 | - }, | ||
27 | - }; | ||
28 | -}); | 26 | + $scope.handleChange = function (event) { |
27 | + $scope.state.value = event.target.value; | ||
28 | + }; | ||
29 | + }, | ||
30 | + link: function ( | ||
31 | + $scope, | ||
32 | + $element, | ||
33 | + $attrs, | ||
34 | + $controllers, | ||
35 | + $transclude | ||
36 | + ) { | ||
37 | + esNgAntd.createStyle("ant-input", style); | ||
38 | + }, | ||
39 | + }; | ||
40 | + }); |
build/Pagination/Pagination.html
@@ -20,7 +20,7 @@ | @@ -20,7 +20,7 @@ | ||
20 | <es-select-option value="40">40 条/页</es-select-option> | 20 | <es-select-option value="40">40 条/页</es-select-option> |
21 | </es-select> | 21 | </es-select> |
22 | <div ng-if="showQuickJumper==='true'" class="ant-pagination-options-quick-jumper"> | 22 | <div ng-if="showQuickJumper==='true'" class="ant-pagination-options-quick-jumper"> |
23 | - 跳至<input type="text" onBlur="handleBlur($event)" />页 | 23 | + 跳至<input type="text" ng-blur="handleBlur($event)" ng-keypress="onKeyPress($event)" />页 |
24 | </div> | 24 | </div> |
25 | </li> | 25 | </li> |
26 | </ul> | 26 | </ul> |
27 | \ No newline at end of file | 27 | \ No newline at end of file |
build/Pagination/Pagination.js
@@ -102,17 +102,26 @@ angular.module("esNgAntd").directive("esPagination", function (esNgAntd) { | @@ -102,17 +102,26 @@ angular.module("esNgAntd").directive("esPagination", function (esNgAntd) { | ||
102 | return parseInt(number); | 102 | return parseInt(number); |
103 | }; | 103 | }; |
104 | 104 | ||
105 | - $scope.handleBlur = function (event) { | ||
106 | - let value = event.target.value; | ||
107 | - | 105 | + $scope.setCurrent = function (value) { |
108 | if (!value) { | 106 | if (!value) { |
109 | return; | 107 | return; |
110 | } | 108 | } |
111 | 109 | ||
112 | $scope.state.current = $scope.getCurrent(value); | 110 | $scope.state.current = $scope.getCurrent(value); |
113 | $scope.handleChange(); | 111 | $scope.handleChange(); |
112 | + }; | ||
113 | + | ||
114 | + $scope.handleBlur = function (event) { | ||
115 | + $scope.setCurrent(event.target.value); | ||
114 | event.target.value = null; | 116 | event.target.value = null; |
115 | }; | 117 | }; |
118 | + | ||
119 | + $scope.onKeyPress = function (event) { | ||
120 | + if (event.keyCode === 13 || event.keyCode === 32) { | ||
121 | + $scope.setCurrent(event.target.value); | ||
122 | + event.target.value = null; | ||
123 | + } | ||
124 | + }; | ||
116 | }, | 125 | }, |
117 | link: function ($scope, $element, $attrs, $controllers, $transclude) { | 126 | link: function ($scope, $element, $attrs, $controllers, $transclude) { |
118 | esNgAntd.createStyle("ant-pagination", style); | 127 | esNgAntd.createStyle("ant-pagination", style); |
build/Table/Table.html
@@ -42,7 +42,9 @@ | @@ -42,7 +42,9 @@ | ||
42 | </td> | 42 | </td> |
43 | </tr> | 43 | </tr> |
44 | <tr ng-if="state.dataSource.length===0" class="ant-table-placeholder"> | 44 | <tr ng-if="state.dataSource.length===0" class="ant-table-placeholder"> |
45 | - <td colspan="{{columns.length}}"><div class="ant-empty ant-empty-normal"><div class="ant-empty-image"><svg class="ant-empty-img-simple" width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 1)" fill="none" fill-rule="evenodd"><ellipse class="ant-empty-img-simple-ellipse" cx="32" cy="33" rx="32" ry="7"></ellipse><g class="ant-empty-img-simple-g" fill-rule="nonzero"><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" class="ant-empty-img-simple-path"></path></g></g></svg></div><div class="ant-empty-description">暂无数据</div></div></td> | 45 | + <td colspan="{{columns.length}}"> |
46 | + <es-empty image="presented_image_simple"></es-empty> | ||
47 | + </td> | ||
46 | </tr> | 48 | </tr> |
47 | </tbody> | 49 | </tbody> |
48 | </table> | 50 | </table> |
build/index.js
@@ -36,4 +36,4 @@ require("./Pagination/Pagination"); | @@ -36,4 +36,4 @@ require("./Pagination/Pagination"); | ||
36 | require("./Message/Message"); | 36 | require("./Message/Message"); |
37 | require("./Alert/Alert"); | 37 | require("./Alert/Alert"); |
38 | require("./Breadcrumb/Breadcrumb"); | 38 | require("./Breadcrumb/Breadcrumb"); |
39 | -require("./BreadcrumbItem/BreadcrumbItem"); | ||
40 | \ No newline at end of file | 39 | \ No newline at end of file |
40 | +require("./BreadcrumbItem/BreadcrumbItem"); |
dist/ng-antd.js
@@ -104,7 +104,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Col | @@ -104,7 +104,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Col | ||
104 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 104 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
105 | 105 | ||
106 | "use strict"; | 106 | "use strict"; |
107 | -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var antd_lib_style_index_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/lib/style/index.css */ \"./node_modules/antd/lib/style/index.css\");\n\nangular.module(\"esNgAntd\").service(\"esNgAntd\", function () {\n this.styleSheets = null;\n\n this.createStyle = function (key, style) {\n if (!document.querySelector(\"#antd\")) {\n let styleElement = document.createElement(\"style\");\n styleElement.setAttribute(\"id\", \"antd\");\n styleElement.setAttribute(\"type\", \"text/css\");\n styleElement.innerHTML = antd_lib_style_index_css__WEBPACK_IMPORTED_MODULE_0__[\"default\"].toString();\n document.head.appendChild(styleElement);\n }\n\n if (!document.querySelector(\"#\" + key)) {\n let styleElement = document.createElement(\"style\");\n styleElement.setAttribute(\"id\", key);\n styleElement.setAttribute(\"type\", \"text/css\");\n styleElement.innerHTML = style.toString();\n document.head.appendChild(styleElement);\n\n if (this.styleSheets) {\n this.disableStyle(key);\n }\n }\n };\n\n this.disableStyle = function (name) {\n for (let i = 0; i < this.styleSheets.cssRules.length; i++) {\n let rule = this.styleSheets.cssRules[i];\n\n if (rule.selectorText && rule.selectorText.indexOf(name) !== -1) {\n rule.selectorText = rule.selectorText.replace(\n \".ant\",\n \".disabled-ant\"\n );\n }\n }\n };\n\n this.conflict = function (filename) {\n for (let i = 0; i < document.styleSheets.length; i++) {\n const element = document.styleSheets[i];\n\n if (element.href && element.href.indexOf(filename) !== -1) {\n this.styleSheets = element;\n }\n }\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Common/Common.js?"); | 107 | +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var antd_lib_style_index_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/lib/style/index.css */ \"./node_modules/antd/lib/style/index.css\");\n\nangular.module(\"esNgAntd\").service(\"esNgAntd\", [\n \"$compile\",\n function ($compile) {\n this.styleSheets = null;\n\n this.createStyle = function (key, style) {\n if (!document.querySelector(\"#antd\")) {\n let styleElement = document.createElement(\"style\");\n styleElement.setAttribute(\"id\", \"antd\");\n styleElement.setAttribute(\"type\", \"text/css\");\n styleElement.innerHTML = antd_lib_style_index_css__WEBPACK_IMPORTED_MODULE_0__[\"default\"].toString();\n document.head.appendChild(styleElement);\n }\n\n if (!document.querySelector(\"#\" + key)) {\n let styleElement = document.createElement(\"style\");\n styleElement.setAttribute(\"id\", key);\n styleElement.setAttribute(\"type\", \"text/css\");\n styleElement.innerHTML = style.toString();\n document.head.appendChild(styleElement);\n\n if (this.styleSheets) {\n this.disableStyle(key);\n }\n }\n };\n\n this.disableStyle = function (name) {\n for (let i = 0; i < this.styleSheets.cssRules.length; i++) {\n let rule = this.styleSheets.cssRules[i];\n\n if (\n rule.selectorText &&\n rule.selectorText.indexOf(name) !== -1\n ) {\n rule.selectorText = rule.selectorText.replace(\n /\\.ant-/g,\n \".disabled-ant-\"\n );\n }\n }\n };\n\n this.conflict = function (filename) {\n for (let i = 0; i < document.styleSheets.length; i++) {\n const element = document.styleSheets[i];\n\n if (element.href && element.href.indexOf(filename) !== -1) {\n this.styleSheets = element;\n }\n }\n };\n\n this.createLayer = function (content, scope) {\n let div = document.createElement(\"div\");\n div.innerHTML = content;\n document.body.appendChild(div);\n $compile(div)(scope);\n };\n },\n]);\n\n\n//# sourceURL=webpack://ng-antd/./build/Common/Common.js?"); |
108 | 108 | ||
109 | /***/ }), | 109 | /***/ }), |
110 | 110 | ||
@@ -126,7 +126,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Div | @@ -126,7 +126,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Div | ||
126 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 126 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
127 | 127 | ||
128 | "use strict"; | 128 | "use strict"; |
129 | -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Empty_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Empty.html */ \"./build/Empty/Empty.html\");\n\nangular.module(\"esNgAntd\").directive(\"esEmpty\", function () {\n return {\n controllerAs: \"esEmpty\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n template: _Empty_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Empty/Empty.js?"); | 129 | +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 _Empty_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Empty.html */ \"./build/Empty/Empty.html\");\n/* harmony import */ var antd_lib_empty_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/empty/style/index.css */ \"./node_modules/antd/lib/empty/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"esEmpty\", function (esNgAntd) {\n return {\n controllerAs: \"esEmpty\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n image: \"@\",\n },\n template: _Empty_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n image: $scope.image || \"presented_image_default\",\n };\n },\n link: function ($scope, $element, $attrs, $controllers, $transclude) {\n esNgAntd.createStyle(\"ant-empty\", antd_lib_empty_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n },\n };\n});\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n PRESENTED_IMAGE_DEFAULT: \"presented_image_default\",\n PRESENTED_IMAGE_SIMPLE: \"presented_image_simple\",\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Empty/Empty.js?"); |
130 | 130 | ||
131 | /***/ }), | 131 | /***/ }), |
132 | 132 | ||
@@ -137,7 +137,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Emp | @@ -137,7 +137,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Emp | ||
137 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 137 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
138 | 138 | ||
139 | "use strict"; | 139 | "use strict"; |
140 | -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(\"esForm\", function (esNgAntd) {\n return {\n controllerAs: \"esForm\",\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) {\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 item.value = null;\n });\n };\n\n $scope.handleSubmit = function () {\n let values = {};\n $scope.state.formItems.forEach(function (item) {\n let name = item.esFormItem && item.esFormItem.name;\n let value = item.value || item.state.value || null;\n values[name] = value;\n }); // for (let i = 0; i < inputs.length; i++) {\n // const element = inputs[i];\n // const value = element.value === \"\" ? null : element.value;\n // if (element.id) {\n // if (element.id.split(\"_\").length > 1) {\n // values[element.id.split(\"_\")[1]] = value;\n // } else {\n // values[element.id] = value;\n // }\n // }\n // }\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 $scope.form = $scope;\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?"); | 140 | +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(\"esForm\", function (esNgAntd) {\n return {\n controllerAs: \"esForm\",\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) {\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.handleSubmit = function () {\n let values = {};\n $scope.state.formItems.forEach(function (item) {\n let name = item.esFormItem && item.esFormItem.name;\n let value = item.value || item.state.value || null;\n values[name] = value;\n }); // for (let i = 0; i < inputs.length; i++) {\n // const element = inputs[i];\n // const value = element.value === \"\" ? null : element.value;\n // if (element.id) {\n // if (element.id.split(\"_\").length > 1) {\n // values[element.id.split(\"_\")[1]] = value;\n // } else {\n // values[element.id] = value;\n // }\n // }\n // }\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 $scope.form = $scope;\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?"); |
141 | 141 | ||
142 | /***/ }), | 142 | /***/ }), |
143 | 143 | ||
@@ -170,7 +170,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ant | @@ -170,7 +170,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ant | ||
170 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 170 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
171 | 171 | ||
172 | "use strict"; | 172 | "use strict"; |
173 | -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Image_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Image.html */ \"./build/Image/Image.html\");\n/* harmony import */ var antd_lib_image_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/image/style/index.css */ \"./node_modules/antd/lib/image/style/index.css\");\n\n\nangular\n .module(\"esNgAntd\")\n .directive(\"esImage\", function ($timeout, esNgAntd, $compile) {\n return {\n controllerAs: \"esImage\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n src: \"@\",\n dSrc: \"@\",\n width: \"@\",\n height: \"@\",\n preview: \"@\",\n },\n template: _Image_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n src: \"data:image/png;base64,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\",\n // 可见性\n visible: false,\n // 有图片?\n hasImage: false,\n };\n\n $scope.handleOpen = function () {\n $scope.state.visible = true;\n };\n\n $scope.handleClose = function () {\n $scope.state.visible = false;\n };\n\n $scope.handlePreview = function () {\n let div = document.createElement(\"div\");\n div.innerHTML = `\n <div class=\"ant-image-preview-root\">\n <div class=\"ant-image-preview-mask\" ng-if=\"state.visible\"></div>\n <div class=\"ant-image-preview-wrap\" ng-show=\"state.visible\">\n <div class=\"ant-image-preview\">\n <div class=\"ant-image-preview-content\">\n <div class=\"ant-image-preview-body\">\n <ul class=\"ant-image-preview-operations\">\n <li class=\"ant-image-preview-operations-operation\">\n <span class=\"anticon anticon-close ant-image-preview-operations-icon\" ng-click=\"handleClose()\">\n <es-icon type=\"CloseOutlined\"></es-icon>\n </span>\n </li> \n </ul>\n <div class=\"ant-image-preview-img-wrapper\">\n <img class=\"ant-image-preview-img\" ng-src=\"{{state.src}}\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n document.body.appendChild(div);\n $compile(div)($scope);\n };\n },\n require: [\"?^esImagePreviewGroup\"],\n link: function (\n $scope,\n $element,\n $attrs,\n $controllers,\n $transclude\n ) {\n let [esImagePreviewGroup] = $controllers;\n esNgAntd.createStyle(\"ant-image\", antd_lib_image_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n let src = $scope.state.src;\n\n $element.children(\"img\")[0].onerror = function () {\n $timeout(function () {\n $scope.state.hasImage = false;\n $scope.state.src = src;\n }, 0);\n };\n\n if (\n $scope.dSrc !== \"undefined\" &&\n $scope.dSrc !== undefined &&\n $scope.dSrc !== null &&\n $scope.dSrc !== \"\"\n ) {\n $scope.state.hasImage = true;\n $scope.state.src = $scope.dSrc;\n }\n\n if (esImagePreviewGroup) {\n $scope.esImagePreviewGroup =\n esImagePreviewGroup.getContext();\n } else {\n $scope.handlePreview();\n }\n },\n };\n });\n\n\n//# sourceURL=webpack://ng-antd/./build/Image/Image.js?"); | 173 | +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Image_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Image.html */ \"./build/Image/Image.html\");\n/* harmony import */ var antd_lib_image_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/image/style/index.css */ \"./node_modules/antd/lib/image/style/index.css\");\n\n\nangular\n .module(\"esNgAntd\")\n .directive(\"esImage\", function ($timeout, esNgAntd, $compile) {\n return {\n controllerAs: \"esImage\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n src: \"@\",\n dSrc: \"@\",\n width: \"@\",\n height: \"@\",\n preview: \"@\",\n },\n template: _Image_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n src: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==\",\n // 可见性\n visible: false,\n // 有图片?\n hasImage: false,\n // 索引\n index: null,\n };\n\n $scope.handleOpen = function () {\n if ($scope.esImagePreviewGroup) {\n $scope.esImagePreviewGroup.handleOpen(\n $scope.state.index\n );\n return;\n }\n\n $scope.state.visible = true;\n };\n\n $scope.handleClose = function () {\n $scope.state.visible = false;\n };\n\n $scope.handlePreview = function () {\n let div = document.createElement(\"div\");\n div.innerHTML = `\n <div class=\"ant-image-preview-root\">\n <div class=\"ant-image-preview-mask\" ng-if=\"state.visible\"></div>\n <div class=\"ant-image-preview-wrap\" ng-show=\"state.visible\">\n <div class=\"ant-image-preview\">\n <div class=\"ant-image-preview-content\">\n <div class=\"ant-image-preview-body\">\n <ul class=\"ant-image-preview-operations\">\n <li class=\"ant-image-preview-operations-operation\">\n <span class=\"anticon anticon-close ant-image-preview-operations-icon\" ng-click=\"handleClose()\">\n <es-icon type=\"CloseOutlined\"></es-icon>\n </span>\n </li> \n </ul>\n <div class=\"ant-image-preview-img-wrapper\">\n <img class=\"ant-image-preview-img\" ng-src=\"{{state.src}}\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n document.body.appendChild(div);\n $compile(div)($scope);\n };\n },\n require: [\"?^esImagePreviewGroup\"],\n link: function (\n $scope,\n $element,\n $attrs,\n $controllers,\n $transclude\n ) {\n let [esImagePreviewGroup] = $controllers;\n esNgAntd.createStyle(\"ant-image\", antd_lib_image_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n let src = $scope.state.src;\n\n $element.children(\"img\")[0].onerror = function () {\n $timeout(function () {\n $scope.state.hasImage = false;\n $scope.state.src = src;\n }, 0);\n };\n\n if (\n $scope.dSrc !== \"undefined\" &&\n $scope.dSrc !== undefined &&\n $scope.dSrc !== null &&\n $scope.dSrc !== \"\"\n ) {\n $scope.state.hasImage = true;\n $scope.state.src = $scope.dSrc;\n }\n\n if (esImagePreviewGroup) {\n $scope.esImagePreviewGroup =\n esImagePreviewGroup.getContext();\n $scope.state.index =\n $scope.esImagePreviewGroup.addChildren($scope);\n } else {\n $scope.handlePreview();\n }\n },\n };\n });\n\n\n\n//# sourceURL=webpack://ng-antd/./build/Image/Image.js?"); |
174 | 174 | ||
175 | /***/ }), | 175 | /***/ }), |
176 | 176 | ||
@@ -181,7 +181,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Ima | @@ -181,7 +181,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Ima | ||
181 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 181 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
182 | 182 | ||
183 | "use strict"; | 183 | "use strict"; |
184 | -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ImagePreviewGroup_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImagePreviewGroup.html */ \"./build/ImagePreviewGroup/ImagePreviewGroup.html\");\n\nangular.module(\"esNgAntd\").directive(\"esImagePreviewGroup\", function () {\n return {\n controllerAs: \"esImagePreviewGroup\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n template: _ImagePreviewGroup_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n current: 0,\n };\n },\n link: function ($scope, $element, $attrs, $controllers, $transclude) {},\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/ImagePreviewGroup/ImagePreviewGroup.js?"); | 184 | +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ImagePreviewGroup_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ImagePreviewGroup.html */ \"./build/ImagePreviewGroup/ImagePreviewGroup.html\");\n\nangular\n .module(\"esNgAntd\")\n .directive(\"esImagePreviewGroup\", function (esNgAntd) {\n return {\n controllerAs: \"esImagePreviewGroup\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n template: _ImagePreviewGroup_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n current: 0,\n visible: false,\n src: null,\n childrens: [],\n };\n\n $scope.addChildren = function (children) {\n $scope.state.childrens.push(children);\n return $scope.state.childrens.length - 1;\n };\n\n $scope.handleOpen = function (index) {\n $scope.state.current = index;\n $scope.state.src = $scope.state.childrens[index].state.src;\n $scope.state.visible = true;\n };\n\n $scope.handleClose = function () {\n $scope.state.visible = false;\n };\n\n $scope.handlePrev = function () {\n $scope.state.current =\n $scope.state.current > 0 ? $scope.state.current - 1 : 0;\n $scope.state.src =\n $scope.state.childrens[$scope.state.current].state.src;\n };\n\n $scope.handleNext = function () {\n $scope.state.current =\n $scope.state.current < $scope.state.childrens.length - 1\n ? $scope.state.current + 1\n : $scope.state.childrens.length - 1;\n $scope.state.src =\n $scope.state.childrens[$scope.state.current].state.src;\n };\n\n $scope.handlePreview = function () {\n esNgAntd.createLayer(\n `\n <div class=\"ant-image-preview-root\">\n <div class=\"ant-image-preview-mask\" ng-if=\"state.visible\"></div>\n <div class=\"ant-image-preview-wrap\" ng-show=\"state.visible\">\n <div class=\"ant-image-preview\">\n <div class=\"ant-image-preview-content\">\n <div class=\"ant-image-preview-body\">\n <ul class=\"ant-image-preview-operations\">\n <li class=\"ant-image-preview-operations-operation\">\n <span class=\"anticon anticon-close ant-image-preview-operations-icon\" ng-click=\"handleClose()\">\n <es-icon type=\"CloseOutlined\"></es-icon>\n </span>\n </li> \n </ul>\n <div class=\"ant-image-preview-img-wrapper\">\n <img class=\"ant-image-preview-img\" ng-src=\"{{state.src}}\"/>\n </div>\n <div ng-class=\"{'ant-image-preview-switch-left': true, 'ant-image-preview-switch-left-disabled': state.current===0}\" ng-click=\"handlePrev()\">\n <es-icon type=\"LeftOutlined\"></es-icon>\n </div>\n <div ng-class=\"{'ant-image-preview-switch-right': true,'ant-image-preview-switch-right-disabled': (state.childrens.length-1)===state.current}\" ng-click=\"handleNext()\">\n <es-icon type=\"RightOutlined\"></es-icon>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `,\n $scope\n );\n };\n },\n link: function (\n $scope,\n $element,\n $attrs,\n $controllers,\n $transclude\n ) {\n $scope.handlePreview();\n },\n };\n });\n\n\n//# sourceURL=webpack://ng-antd/./build/ImagePreviewGroup/ImagePreviewGroup.js?"); |
185 | 185 | ||
186 | /***/ }), | 186 | /***/ }), |
187 | 187 | ||
@@ -192,7 +192,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Ima | @@ -192,7 +192,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Ima | ||
192 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 192 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
193 | 193 | ||
194 | "use strict"; | 194 | "use strict"; |
195 | -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var antd_lib_input_style_index_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/lib/input/style/index.css */ \"./node_modules/antd/lib/input/style/index.css\");\n\nangular.module(\"esNgAntd\").directive(\"esInput\", function ($compile, esNgAntd) {\n return {\n controllerAs: \"esInput\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n value: \"@\",\n placeholder: \"@\",\n addonBefore: \"@\",\n addonAfter: \"@\",\n disabled: \"@\",\n onChange: \"&\",\n maxLength: \"@\",\n },\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n inputEventTarget: null,\n };\n\n $scope.handleClick = function (event) {\n $scope.state.inputEventTarget = event;\n };\n\n $scope.handleChange = function () {\n $scope.onChange({\n event: $scope.state.inputEventTarget,\n });\n };\n\n $scope.getTemplate = function () {\n let maxLengthAttribute = \"\";\n let styleAttribute = \"\";\n let idAttribute = \"\";\n\n if ($scope.maxLength) {\n maxLengthAttribute = `maxlength=\"${$scope.maxLength}\"`;\n }\n\n if ($scope.style) {\n styleAttribute = `style=\"${$scope.style}\"`;\n }\n\n if ($scope.esFormItem && $scope.esFormItem.name) {\n idAttribute = `id=\"${$scope.esFormItem.name}\"`;\n }\n\n let templates = [\n `<input type=\"text\" class=\"ant-input\" placeholder={{placeholder}} ng-change=\"handleChange()\" ng-model=\"value\" ng-focus=\"handleClick($event)\" ng-disabled=\"disabled==='true'\" ${styleAttribute} ${maxLengthAttribute} ${idAttribute}/>`,\n `<span class=\"ant-input-group-wrapper\" ng-if=\"addonBefore||addonAfter\">\n <span class=\"ant-input-wrapper ant-input-group\" style=\"\">\n <span class=\"ant-input-group-addon\" ng-if=\"addonBefore\">{{addonBefore}}</span>\n <input type=\"text\" class=\"ant-input\" ng-change=\"handleChange()\" ng-model=\"value\" ng-focus=\"handleClick($event)\" ng-disabled=\"disabled==='true'\" style=\"${$scope.style}\" ${styleAttribute} ${maxLengthAttribute} ${idAttribute}/>\n <span class=\"ant-input-group-addon\" ng-if=\"addonAfter\">{{addonAfter}}</span>\n </span>\n </span>`,\n ];\n\n if ($scope.addonBefore || $scope.addonAfter) {\n return templates[1];\n } else {\n return templates[0];\n }\n };\n },\n require: [\"?^esFormItem\", \"?^esForm\"],\n link: function ($scope, $element, $attrs, $controllers, $transclude) {\n let [esFormItem, esForm] = $controllers;\n esNgAntd.createStyle(\"ant-input\", antd_lib_input_style_index_css__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n $scope.esForm = esForm.getContext();\n $scope.esFormItem = esFormItem.getContext();\n $scope.style = $attrs.style;\n $scope.esForm.state.formItems.push($scope);\n $element.replaceWith($compile($scope.getTemplate())($scope));\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Input/Input.js?"); | 195 | +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var antd_lib_input_style_index_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/lib/input/style/index.css */ \"./node_modules/antd/lib/input/style/index.css\");\n\nangular.module(\"esNgAntd\").directive(\"esInput\", function ($compile, esNgAntd) {\n return {\n controllerAs: \"esInput\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n value: \"@\",\n placeholder: \"@\",\n addonBefore: \"@\",\n addonAfter: \"@\",\n disabled: \"@\",\n onChange: \"&\",\n maxLength: \"@\",\n },\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n inputEventTarget: null,\n };\n\n $scope.handleClick = function (event) {\n $scope.state.inputEventTarget = event;\n };\n\n $scope.handleChange = function () {\n $scope.onChange({\n event: $scope.state.inputEventTarget,\n });\n };\n\n $scope.getTemplate = function () {\n let maxLengthAttribute = \"\";\n let styleAttribute = \"\";\n let idAttribute = \"\";\n\n if ($scope.maxLength) {\n maxLengthAttribute = `maxlength=\"${$scope.maxLength}\"`;\n }\n\n if ($scope.style) {\n styleAttribute = `style=\"${$scope.style}\"`;\n }\n\n if ($scope.esFormItem && $scope.esFormItem.name) {\n idAttribute = `id=\"${$scope.esFormItem.name}\"`;\n }\n\n let templates = [\n `<input type=\"text\" class=\"ant-input\" placeholder={{placeholder}} ng-change=\"handleChange()\" ng-model=\"value\" ng-focus=\"handleClick($event)\" ng-disabled=\"disabled==='true'\" ${styleAttribute} ${maxLengthAttribute} ${idAttribute}/>`,\n `<span class=\"ant-input-group-wrapper\" ng-if=\"addonBefore||addonAfter\">\n <span class=\"ant-input-wrapper ant-input-group\" style=\"\">\n <span class=\"ant-input-group-addon\" ng-if=\"addonBefore\">{{addonBefore}}</span>\n <input type=\"text\" class=\"ant-input\" ng-change=\"handleChange()\" ng-model=\"value\" ng-focus=\"handleClick($event)\" ng-disabled=\"disabled==='true'\" style=\"${$scope.style}\" ${styleAttribute} ${maxLengthAttribute} ${idAttribute}/>\n <span class=\"ant-input-group-addon\" ng-if=\"addonAfter\">{{addonAfter}}</span>\n </span>\n </span>`,\n ];\n\n if ($scope.addonBefore || $scope.addonAfter) {\n return templates[1];\n } else {\n return templates[0];\n }\n };\n },\n require: [\"?^esFormItem\", \"?^esForm\"],\n link: function ($scope, $element, $attrs, $controllers, $transclude) {\n let [esFormItem, esForm] = $controllers;\n esNgAntd.createStyle(\"ant-input\", antd_lib_input_style_index_css__WEBPACK_IMPORTED_MODULE_0__[\"default\"]); // 上下文\n\n if (esForm) {\n $scope.esForm = esForm.getContext();\n $scope.esForm.state.formItems.push($scope);\n }\n\n if (esFormItem) {\n $scope.esFormItem = esFormItem.getContext();\n }\n\n $scope.style = $attrs.style;\n $element.replaceWith($compile($scope.getTemplate())($scope));\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Input/Input.js?"); |
196 | 196 | ||
197 | /***/ }), | 197 | /***/ }), |
198 | 198 | ||
@@ -225,7 +225,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Inp | @@ -225,7 +225,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Inp | ||
225 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 225 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
226 | 226 | ||
227 | "use strict"; | 227 | "use strict"; |
228 | -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _InputSearch_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InputSearch.html */ \"./build/InputSearch/InputSearch.html\");\n\nangular.module(\"esNgAntd\").directive(\"esInputSearch\", function () {\n return {\n controllerAs: \"esInputSearch\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n value: \"@\",\n placeholder: \"@\",\n onSearch: \"&\",\n },\n template: _InputSearch_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n value: null,\n };\n\n $scope.handleChange = function (event) {\n $scope.state.value = event.target.value;\n };\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/InputSearch/InputSearch.js?"); | 228 | +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _InputSearch_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InputSearch.html */ \"./build/InputSearch/InputSearch.html\");\n/* harmony import */ var antd_lib_input_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/input/style/index.css */ \"./node_modules/antd/lib/input/style/index.css\");\n\n\nangular\n .module(\"esNgAntd\")\n .directive(\"esInputSearch\", function ($compile, esNgAntd) {\n return {\n controllerAs: \"esInputSearch\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n value: \"@\",\n placeholder: \"@\",\n onSearch: \"&\",\n },\n template: _InputSearch_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n value: null,\n };\n\n $scope.handleChange = function (event) {\n $scope.state.value = event.target.value;\n };\n },\n link: function (\n $scope,\n $element,\n $attrs,\n $controllers,\n $transclude\n ) {\n esNgAntd.createStyle(\"ant-input\", antd_lib_input_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n },\n };\n });\n\n\n//# sourceURL=webpack://ng-antd/./build/InputSearch/InputSearch.js?"); |
229 | 229 | ||
230 | /***/ }), | 230 | /***/ }), |
231 | 231 | ||
@@ -280,7 +280,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Mod | @@ -280,7 +280,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Mod | ||
280 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 280 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
281 | 281 | ||
282 | "use strict"; | 282 | "use strict"; |
283 | -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(\"esPagination\", function (esNgAntd) {\n return {\n controllerAs: \"esPagination\",\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 },\n template: _Pagination_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\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 };\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.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.getPopupContainer = function () {\n return $element[0].querySelector(\".ant-pagination-options\");\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 $scope.state.current = value; // 更新回调\n\n $scope.onChange({\n page: $scope.state.current,\n pageSize: $scope.state.pageSize,\n });\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: $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.handleBlur = function (event) {\n let value = event.target.value;\n\n if (!value) {\n return;\n }\n\n $scope.state.current = $scope.getCurrent(value);\n $scope.handleChange();\n event.target.value = null;\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 = Array($scope.state.pageNum)\n .fill(0)\n .map((v, i) => i + 1);\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Pagination/Pagination.js?"); | 283 | +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(\"esPagination\", function (esNgAntd) {\n return {\n controllerAs: \"esPagination\",\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 },\n template: _Pagination_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\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 };\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.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.getPopupContainer = function () {\n return $element[0].querySelector(\".ant-pagination-options\");\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 $scope.state.current = value; // 更新回调\n\n $scope.onChange({\n page: $scope.state.current,\n pageSize: $scope.state.pageSize,\n });\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: $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.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 = Array($scope.state.pageNum)\n .fill(0)\n .map((v, i) => i + 1);\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Pagination/Pagination.js?"); |
284 | 284 | ||
285 | /***/ }), | 285 | /***/ }), |
286 | 286 | ||
@@ -346,7 +346,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Row | @@ -346,7 +346,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Row | ||
346 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 346 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
347 | 347 | ||
348 | "use strict"; | 348 | "use strict"; |
349 | -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Select_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Select.html */ \"./build/Select/Select.html\");\n/* harmony import */ var antd_lib_select_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/select/style/index.css */ \"./node_modules/antd/lib/select/style/index.css\");\n\n\nangular\n .module(\"esNgAntd\")\n .directive(\"esSelect\", function ($compile, $timeout, esNgAntd) {\n return {\n controllerAs: \"esSelect\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n value: \"@\",\n placeholder: \"@\",\n onChange: \"&\",\n placeholder: \"@\",\n getPopupContainer: \"&\",\n },\n template: _Select_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n open: false,\n childrens: [],\n label: null,\n value: null,\n popup: null,\n };\n\n $scope.addOption = function (option) {\n $scope.state.childrens.push(option);\n };\n\n $scope.handleClick = function (option) {\n $scope.state.open = !$scope.state.open;\n $scope.state.label = option.label;\n $scope.state.value = option.value;\n $scope.onChange({\n value: $scope.state.value,\n });\n };\n\n $scope.getOffset = function (ele) {\n if (!ele || ele.nodeType != 1) {\n return;\n }\n\n let func = $scope.getPopupContainer();\n\n if (typeof func === \"function\" && func() !== undefined) {\n return {\n top: $element[0].offsetTop,\n left: $element[0].offsetLeft,\n };\n } else {\n let rect = ele.getBoundingClientRect();\n let doc = ele.ownerDocument.documentElement;\n return {\n top: rect.top + window.pageYOffset - doc.clientTop,\n left:\n rect.left + window.pageXOffset - doc.clientLeft,\n };\n }\n };\n\n $scope.myEvent = function () {\n $timeout(() => {\n $scope.state.open = false;\n document.body.removeEventListener(\n \"click\",\n $scope.myEvent\n );\n }, 0);\n };\n\n $scope.handleBlur = function () {\n // 事件绑定\n document.body.addEventListener(\"click\", $scope.myEvent);\n };\n\n $scope.handleOpen = function (event) {\n event.stopPropagation();\n const { height, width } =\n $element[0].getBoundingClientRect();\n const { top, left } = $scope.getOffset($element[0]); // 处理标签\n\n $scope.state.childrens.forEach(function (item) {\n item.label = item.element.text();\n });\n let div = document.createElement(\"div\");\n div.style.position = \"absolute\";\n div.style.left = 0;\n div.style.top = 0;\n div.style.width = \"100%\";\n div.appendChild(\n $compile(`<div><div ng-class=\"'ant-select-dropdown ant-select-dropdown-placement-bottomLeft'+(!state.open?' ant-select-dropdown-hidden':'')\" style=\"width: ${width}px; left: ${left}px; top: ${\n top + height + 2\n }px;\">\n <div class=\"ant-select-item ant-select-item-option\" ng-click=\"handleClick(option)\" ng-repeat=\"option in state.childrens\">\n <div class=\"ant-select-item-option-content\">{{option.label}}</div>\n </div>\n </div></div>`)($scope)[0]\n );\n\n if ($scope.state.popup === null) {\n let func = $scope.getPopupContainer();\n\n if (\n typeof func === \"function\" &&\n func() !== undefined\n ) {\n $element[0].style.position = \"relative\";\n $scope.getPopupContainer()().appendChild(div);\n } else {\n document.body.appendChild(div);\n }\n\n $scope.state.popup = div;\n }\n\n $scope.state.open = !$scope.state.open;\n $scope.handleBlur();\n };\n },\n require: [\"?^esForm\", \"?^esFormItem\"],\n link: function (\n $scope,\n $element,\n $attrs,\n $controllers,\n $transclude\n ) {\n let [esForm, esFormItem] = $controllers;\n esNgAntd.createStyle(\"ant-select\", antd_lib_select_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n if (esForm) {\n $scope.esForm = esForm.getContext();\n $scope.esForm.state.formItems.push($scope);\n }\n\n if (esFormItem) {\n $scope.esFormItem = esFormItem.getContext();\n }\n\n $timeout(function () {\n let option = $scope.state.childrens.find(function (option) {\n return option.value === $scope.value;\n });\n\n if (option) {\n option.label = option.element.text();\n $scope.state.label = option.label;\n }\n }, 100);\n },\n };\n });\n\n\n//# sourceURL=webpack://ng-antd/./build/Select/Select.js?"); | 349 | +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Select_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Select.html */ \"./build/Select/Select.html\");\n/* harmony import */ var antd_lib_select_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/select/style/index.css */ \"./node_modules/antd/lib/select/style/index.css\");\n\n\nangular\n .module(\"esNgAntd\")\n .directive(\"esSelect\", function ($compile, $timeout, esNgAntd) {\n return {\n controllerAs: \"esSelect\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n value: \"@\",\n defaultValue: \"@\",\n placeholder: \"@\",\n onChange: \"&\",\n placeholder: \"@\",\n getPopupContainer: \"&\",\n },\n template: _Select_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n open: false,\n childrens: [],\n label: null,\n value: $scope.value || $scope.defaultValue,\n popup: null,\n };\n\n $scope.setValue = function (value) {\n let option = $scope.state.childrens.find(function (option) {\n return option.value === value;\n });\n\n if (option) {\n option.label = option.element.text();\n $scope.state.label = option.label;\n $scope.state.value = option.value;\n } else {\n $scope.state.label = null;\n $scope.state.value = null;\n }\n };\n\n $scope.addOption = function (option) {\n $scope.state.childrens.push(option);\n };\n\n $scope.handleClick = function (option) {\n $scope.state.open = !$scope.state.open;\n $scope.state.label = option.label;\n $scope.state.value = option.value;\n $scope.onChange({\n value: $scope.state.value,\n });\n };\n\n $scope.getOffset = function (ele) {\n if (!ele || ele.nodeType != 1) {\n return;\n }\n\n let func = $scope.getPopupContainer();\n\n if (typeof func === \"function\" && func() !== undefined) {\n return {\n top: $element[0].offsetTop,\n left: $element[0].offsetLeft,\n };\n } else {\n let rect = ele.getBoundingClientRect();\n let doc = ele.ownerDocument.documentElement;\n return {\n top: rect.top + window.pageYOffset - doc.clientTop,\n left:\n rect.left + window.pageXOffset - doc.clientLeft,\n };\n }\n };\n\n $scope.myEvent = function () {\n $timeout(() => {\n $scope.state.open = false;\n document.body.removeEventListener(\n \"click\",\n $scope.myEvent\n );\n }, 0);\n };\n\n $scope.handleBlur = function () {\n // 事件绑定\n document.body.addEventListener(\"click\", $scope.myEvent);\n };\n\n $scope.handleOpen = function (event) {\n event.stopPropagation();\n const { height, width } =\n $element[0].getBoundingClientRect();\n const { top, left } = $scope.getOffset($element[0]); // 处理标签\n\n $scope.state.childrens.forEach(function (item) {\n item.label = item.element.text();\n });\n let div = document.createElement(\"div\");\n div.style.position = \"absolute\";\n div.style.left = 0;\n div.style.top = 0;\n div.style.width = \"100%\";\n div.appendChild(\n $compile(`<div><div ng-class=\"'ant-select-dropdown ant-select-dropdown-placement-bottomLeft'+(!state.open?' ant-select-dropdown-hidden':'')\" style=\"width: ${width}px; left: ${left}px; top: ${\n top + height + 2\n }px;\">\n <div class=\"ant-select-item ant-select-item-option\" ng-click=\"handleClick(option)\" ng-repeat=\"option in state.childrens\">\n <div class=\"ant-select-item-option-content\">{{option.label}}</div>\n </div>\n </div></div>`)($scope)[0]\n );\n\n if ($scope.state.popup === null) {\n let func = $scope.getPopupContainer();\n\n if (\n typeof func === \"function\" &&\n func() !== undefined\n ) {\n $element[0].style.position = \"relative\";\n $scope.getPopupContainer()().appendChild(div);\n } else {\n document.body.appendChild(div);\n }\n\n $scope.state.popup = div;\n }\n\n $scope.state.open = !$scope.state.open;\n $scope.handleBlur();\n };\n },\n require: [\"?^esForm\", \"?^esFormItem\"],\n link: function (\n $scope,\n $element,\n $attrs,\n $controllers,\n $transclude\n ) {\n let [esForm, esFormItem] = $controllers;\n esNgAntd.createStyle(\"ant-select\", antd_lib_select_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n if (esForm) {\n $scope.esForm = esForm.getContext();\n $scope.esForm.state.formItems.push($scope);\n }\n\n if (esFormItem) {\n $scope.esFormItem = esFormItem.getContext();\n }\n\n $timeout(function () {\n $scope.setValue($scope.value || $scope.defaultValue);\n }, 100);\n },\n };\n });\n\n\n//# sourceURL=webpack://ng-antd/./build/Select/Select.js?"); |
350 | 350 | ||
351 | /***/ }), | 351 | /***/ }), |
352 | 352 | ||
@@ -432,7 +432,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Tex | @@ -432,7 +432,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Tex | ||
432 | \************************/ | 432 | \************************/ |
433 | /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => { | 433 | /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => { |
434 | 434 | ||
435 | -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//# sourceURL=webpack://ng-antd/./build/index.js?"); | 435 | +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?"); |
436 | 436 | ||
437 | /***/ }), | 437 | /***/ }), |
438 | 438 | ||
@@ -9203,6 +9203,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | @@ -9203,6 +9203,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | ||
9203 | 9203 | ||
9204 | /***/ }), | 9204 | /***/ }), |
9205 | 9205 | ||
9206 | +/***/ "./node_modules/antd/lib/empty/style/index.css": | ||
9207 | +/*!*****************************************************!*\ | ||
9208 | + !*** ./node_modules/antd/lib/empty/style/index.css ***! | ||
9209 | + \*****************************************************/ | ||
9210 | +/***/ ((module, __webpack_exports__, __webpack_require__) => { | ||
9211 | + | ||
9212 | +"use strict"; | ||
9213 | +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-empty {\\n margin: 0 8px;\\n font-size: 14px;\\n line-height: 1.5715;\\n text-align: center;\\n}\\n.ant-empty-image {\\n height: 100px;\\n margin-bottom: 8px;\\n}\\n.ant-empty-image img {\\n height: 100%;\\n}\\n.ant-empty-image svg {\\n height: 100%;\\n margin: auto;\\n}\\n.ant-empty-footer {\\n margin-top: 16px;\\n}\\n.ant-empty-normal {\\n margin: 32px 0;\\n color: rgba(0, 0, 0, 0.25);\\n}\\n.ant-empty-normal .ant-empty-image {\\n height: 40px;\\n}\\n.ant-empty-small {\\n margin: 8px 0;\\n color: rgba(0, 0, 0, 0.25);\\n}\\n.ant-empty-small .ant-empty-image {\\n height: 35px;\\n}\\n.ant-empty-img-default-ellipse {\\n fill: #f5f5f5;\\n fill-opacity: 0.8;\\n}\\n.ant-empty-img-default-path-1 {\\n fill: #aeb8c2;\\n}\\n.ant-empty-img-default-path-2 {\\n fill: url('#linearGradient-1');\\n}\\n.ant-empty-img-default-path-3 {\\n fill: #f5f5f7;\\n}\\n.ant-empty-img-default-path-4 {\\n fill: #dce0e6;\\n}\\n.ant-empty-img-default-path-5 {\\n fill: #dce0e6;\\n}\\n.ant-empty-img-default-g {\\n fill: #fff;\\n}\\n.ant-empty-img-simple-ellipse {\\n fill: #f5f5f5;\\n}\\n.ant-empty-img-simple-g {\\n stroke: #d9d9d9;\\n}\\n.ant-empty-img-simple-path {\\n fill: #fafafa;\\n}\\n.ant-empty-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/empty/style/index.css?"); | ||
9214 | + | ||
9215 | +/***/ }), | ||
9216 | + | ||
9206 | /***/ "./node_modules/antd/lib/form/style/index.css": | 9217 | /***/ "./node_modules/antd/lib/form/style/index.css": |
9207 | /*!****************************************************!*\ | 9218 | /*!****************************************************!*\ |
9208 | !*** ./node_modules/antd/lib/form/style/index.css ***! | 9219 | !*** ./node_modules/antd/lib/form/style/index.css ***! |
@@ -9430,7 +9441,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | @@ -9430,7 +9441,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | ||
9430 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 9441 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
9431 | 9442 | ||
9432 | "use strict"; | 9443 | "use strict"; |
9433 | -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 ng-class=\\\"'ant-card'+(bordered==='false'?'':' ant-card-bordered')\\\">\\n <div ng-if=\\\"title\\\" class=\\\"ant-card-head\\\">\\n <div class=\\\"ant-card-head-wrapper\\\">\\n <div class=\\\"ant-card-head-title\\\">{{title}}</div>\\n <div ng-if=\\\"extra\\\" class=\\\"ant-card-extra\\\">\\n <es-slot content=\\\"{{extra}}\\\" context=\\\"$parent\\"></es-slot>\n </div>\n </div>\n </div>\n <div class=\\"ant-card-body\\" ng-transclude></div>\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Card/Card.html?"); | 9444 | +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 ng-class=\\\"'ant-card'+(bordered==='false'?'':' ant-card-bordered')\\\">\\n <div ng-if=\\\"title\\\" class=\\\"ant-card-head\\\">\\n <div class=\\\"ant-card-head-wrapper\\\">\\n <div class=\\\"ant-card-head-title\\\">{{title}}</div>\\n <div ng-if=\\\"extra\\\" class=\\\"ant-card-extra\\\">\\n <es-slot content=\\\"{{extra}}\\\" context=\\\"esCard.getContext().$parent\\"></es-slot>\n </div>\n </div>\n </div>\n <div class=\\"ant-card-body\\" ng-transclude></div>\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Card/Card.html?"); |
9434 | 9445 | ||
9435 | /***/ }), | 9446 | /***/ }), |
9436 | 9447 | ||
@@ -9485,7 +9496,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | @@ -9485,7 +9496,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | ||
9485 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 9496 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
9486 | 9497 | ||
9487 | "use strict"; | 9498 | "use strict"; |
9488 | -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-empty\\\">\\n <div class=\\\"ant-empty-image\\\"><svg width=\\\"184\\\" height=\\\"152\\\" viewBox=\\\"0 0 184 152\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <g fill=\\\"none\\\" fill-rule=\\\"evenodd\\\">\\n <g transform=\\\"translate(24 31.67)\\\">\\n <ellipse fill-opacity=\\\".8\\\" fill=\\\"#F5F5F7\\\" cx=\\\"67.797\\\" cy=\\\"106.89\\\" rx=\\\"67.797\\\" ry=\\\"12.668\\\"></ellipse>\\n <path d=\\\"M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z\\\" fill=\\\"#AEB8C2\\\"></path>\\n <path d=\\\"M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z\\\" fill=\\\"url(#linearGradient-1)\\\" transform=\\\"translate(13.56)\\\"></path>\\n <path d=\\\"M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z\\\" fill=\\\"#F5F5F7\\\"></path>\\n <path d=\\\"M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z\\\" fill=\\\"#DCE0E6\\\"></path>\\n </g>\\n <path d=\\\"M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z\\\" fill=\\\"#DCE0E6\\\"></path>\\n <g transform=\\\"translate(149.65 15.383)\\\" fill=\\\"#FFF\\\">\\n <ellipse cx=\\\"20.654\\\" cy=\\\"3.167\\\" rx=\\\"2.849\\\" ry=\\\"2.815\\\"></ellipse>\\n <path d=\\\"M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z\\\"></path>\\n </g>\\n </g>\\n </svg></div>\n <p class=\\"ant-empty-description\\">暂无数据</p>\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Empty/Empty.html?"); | 9499 | +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 ng-class=\\\"'ant-empty'+(state.image==='presented_image_simple'?' ant-empty-normal':'')\\\">\\n <div class=\\\"ant-empty-image\\\">\\n <svg ng-if=\\\"state.image==='presented_image_default'\\\" class=\\\"ant-empty-img-default\\\" width=\\\"184\\\" height=\\\"152\\\" viewBox=\\\"0 0 184 152\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><g fill=\\\"none\\\" fill-rule=\\\"evenodd\\\"><g transform=\\\"translate(24 31.67)\\\"><ellipse class=\\\"ant-empty-img-default-ellipse\\\" cx=\\\"67.797\\\" cy=\\\"106.89\\\" rx=\\\"67.797\\\" ry=\\\"12.668\\\"></ellipse><path class=\\\"ant-empty-img-default-path-1\\\" d=\\\"M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z\\\"></path><path class=\\\"ant-empty-img-default-path-2\\\" d=\\\"M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z\\\" transform=\\\"translate(13.56)\\\"></path><path class=\\\"ant-empty-img-default-path-3\\\" d=\\\"M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z\\\"></path><path class=\\\"ant-empty-img-default-path-4\\\" d=\\\"M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z\\\"></path></g><path class=\\\"ant-empty-img-default-path-5\\\" d=\\\"M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z\\\"></path><g class=\\\"ant-empty-img-default-g\\\" transform=\\\"translate(149.65 15.383)\\\"><ellipse cx=\\\"20.654\\\" cy=\\\"3.167\\\" rx=\\\"2.849\\\" ry=\\\"2.815\\\"></ellipse><path d=\\\"M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z\\\"></path></g></g></svg>\\n <svg ng-if=\\\"state.image==='presented_image_simple'\\\" class=\\\"ant-empty-img-simple\\\" width=\\\"64\\\" height=\\\"41\\\" viewBox=\\\"0 0 64 41\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><g transform=\\\"translate(0 1)\\\" fill=\\\"none\\\" fill-rule=\\\"evenodd\\\"><ellipse class=\\\"ant-empty-img-simple-ellipse\\\" cx=\\\"32\\\" cy=\\\"33\\\" rx=\\\"32\\\" ry=\\\"7\\\"></ellipse><g class=\\\"ant-empty-img-simple-g\\\" fill-rule=\\\"nonzero\\\"><path d=\\\"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z\\\"></path><path d=\\\"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z\\\" class=\\\"ant-empty-img-simple-path\\\"></path></g></g></svg>\\n </div>\n <p class=\\"ant-empty-description\\">暂无数据</p>\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Empty/Empty.html?"); |
9489 | 9500 | ||
9490 | /***/ }), | 9501 | /***/ }), |
9491 | 9502 | ||
@@ -9562,7 +9573,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | @@ -9562,7 +9573,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | ||
9562 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 9573 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
9563 | 9574 | ||
9564 | "use strict"; | 9575 | "use strict"; |
9565 | -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 = \"<span class=\\\"ant-input-search ant-input-search-enter-button ant-input-group-wrapper\\\">\\n <span class=\\\"ant-input-wrapper ant-input-group\\\">\\n <es-input placeholder={{placeholder}} on-change=\\\"handleChange(event)\\\"></es-input>\\n <span class=\\\"ant-input-group-addon\\\" ng-click=\\\"onSearch({value: state.value})\\\">\\n <es-button class=\\\"ant-input-search-button\\">\n <es-icon type=\\"SearchOutlined\\"></es-icon>\n </es-button>\n </span>\n </span>\n</span>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/InputSearch/InputSearch.html?"); | 9576 | +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 = \"<span class=\\\"ant-input-group-wrapper ant-input-search\\\">\\n <span class=\\\"ant-input-wrapper ant-input-group\\\">\\n <es-input placeholder=\\\"{{placeholder}}\\\" on-change=\\\"handleChange(event)\\\"></es-input>\\n <span class=\\\"ant-input-group-addon\\\" ng-click=\\\"onSearch({value:state.value})\\\">\\n <es-button html-type=\\\"button\\\" class=\\\"ant-btn-icon-only ant-input-search-button\\">\n <es-icon type=\\"SearchOutlined\\"></es-icon>\n </es-button>\n </span>\n </span>\n</span>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/InputSearch/InputSearch.html?"); |
9566 | 9577 | ||
9567 | /***/ }), | 9578 | /***/ }), |
9568 | 9579 | ||
@@ -9606,7 +9617,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | @@ -9606,7 +9617,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | ||
9606 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 9617 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
9607 | 9618 | ||
9608 | "use strict"; | 9619 | "use strict"; |
9609 | -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 = \"<ul class=\\\"ant-pagination\\\">\\n <li ng-class=\\\"'ant-pagination-prev'+(state.current===1?' ant-pagination-disabled':'')\\\" ng-click=\\\"handlePrev()\\\">\\n <button type=\\\"button\\\" class=\\\"ant-pagination-item-link\\\">\\n <es-icon type=\\\"LeftOutlined\\\"></es-icon>\\n </button>\\n </li>\\n <li ng-repeat=\\\"value in state.pageNumList\\\" ng-class=\\\"'ant-pagination-item'+(state.current===value?' ant-pagination-item-active':'')\\\" ng-click=\\\"handleClick(value)\\\">\\n <a>{{value}}</a>\\n </li>\\n <li ng-class=\\\"'ant-pagination-next'+(state.current===state.pageNum?' ant-pagination-disabled':'')\\\" ng-click=\\\"handleNext()\\\">\\n <button type=\\\"button\\\" class=\\\"ant-pagination-item-link\\\">\\n <es-icon type=\\\"RightOutlined\\\"></es-icon>\\n </button>\\n </li>\\n <li class=\\\"ant-pagination-options\\\">\\n <es-select ng-if=\\\"showSizeChanger==='true'\\\" class=\\\"ant-pagination-options-size-changer\\\" value=\\\"10\\\" get-popup-container=\\\"getPopupContainer\\\" on-change=\\\"handleSelectChange(value)\\\">\\n <es-select-option value=\\\"10\\\">10 条/页</es-select-option>\\n <es-select-option value=\\\"20\\\">20 条/页</es-select-option>\\n <es-select-option value=\\\"30\\\">30 条/页</es-select-option>\\n <es-select-option value=\\\"40\\\">40 条/页</es-select-option>\\n </es-select>\\n <div ng-if=\\\"showQuickJumper==='true'\\\" class=\\\"ant-pagination-options-quick-jumper\\\">\\n 跳至<input type=\\\"text\\\" onBlur=\\\"handleBlur($event)\\" />页\n </div>\n </li>\n</ul>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Pagination/Pagination.html?"); | 9620 | +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 = \"<ul class=\\\"ant-pagination\\\">\\n <li ng-class=\\\"'ant-pagination-prev'+(state.current===1?' ant-pagination-disabled':'')\\\" ng-click=\\\"handlePrev()\\\">\\n <button type=\\\"button\\\" class=\\\"ant-pagination-item-link\\\">\\n <es-icon type=\\\"LeftOutlined\\\"></es-icon>\\n </button>\\n </li>\\n <li ng-repeat=\\\"value in state.pageNumList\\\" ng-class=\\\"'ant-pagination-item'+(state.current===value?' ant-pagination-item-active':'')\\\" ng-click=\\\"handleClick(value)\\\">\\n <a>{{value}}</a>\\n </li>\\n <li ng-class=\\\"'ant-pagination-next'+(state.current===state.pageNum?' ant-pagination-disabled':'')\\\" ng-click=\\\"handleNext()\\\">\\n <button type=\\\"button\\\" class=\\\"ant-pagination-item-link\\\">\\n <es-icon type=\\\"RightOutlined\\\"></es-icon>\\n </button>\\n </li>\\n <li class=\\\"ant-pagination-options\\\">\\n <es-select ng-if=\\\"showSizeChanger==='true'\\\" class=\\\"ant-pagination-options-size-changer\\\" value=\\\"10\\\" get-popup-container=\\\"getPopupContainer\\\" on-change=\\\"handleSelectChange(value)\\\">\\n <es-select-option value=\\\"10\\\">10 条/页</es-select-option>\\n <es-select-option value=\\\"20\\\">20 条/页</es-select-option>\\n <es-select-option value=\\\"30\\\">30 条/页</es-select-option>\\n <es-select-option value=\\\"40\\\">40 条/页</es-select-option>\\n </es-select>\\n <div ng-if=\\\"showQuickJumper==='true'\\\" class=\\\"ant-pagination-options-quick-jumper\\\">\\n 跳至<input type=\\\"text\\\" ng-blur=\\\"handleBlur($event)\\\" ng-keypress=\\\"onKeyPress($event)\\" />页\n </div>\n </li>\n</ul>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Pagination/Pagination.html?"); |
9610 | 9621 | ||
9611 | /***/ }), | 9622 | /***/ }), |
9612 | 9623 | ||
@@ -9716,7 +9727,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | @@ -9716,7 +9727,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | ||
9716 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 9727 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
9717 | 9728 | ||
9718 | "use strict"; | 9729 | "use strict"; |
9719 | -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 <es-spin spinning=\\\"{{loading}}\\\">\\n <div class=\\\"ant-table ant-table-default\\\">\\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 class=\\\"ant-table-header-column\\\">\\n <div>\\n <span class=\\\"ant-table-column-title\\\">\\n <div class=\\\"ant-table-selection\\\">\\n <es-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 <es-icon type=\\\"CaretUpOutlined\\\" ng-class=\\\"'ant-table-column-sorter-up'+(state.sorter.field===column.key&&state.sorter.order==='ascend'?' active':'')\\\"></es-icon>\\n <es-icon type=\\\"CaretDownOutlined\\\" ng-class=\\\"'ant-table-column-sorter-down'+(state.sorter.field===column.key&&state.sorter.order==='descend'?' active':'')\\\"></es-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 <es-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 <es-slot content=\\\"{{record[column.key]}}\\\" context=\\\"esTable.getContext().$parent\\\" />\\n </td>\\n </tr>\\n <tr ng-if=\\\"state.dataSource.length===0\\\" class=\\\"ant-table-placeholder\\\">\\n <td colspan=\\\"{{columns.length}}\\\"><div class=\\\"ant-empty ant-empty-normal\\\"><div class=\\\"ant-empty-image\\\"><svg class=\\\"ant-empty-img-simple\\\" width=\\\"64\\\" height=\\\"41\\\" viewBox=\\\"0 0 64 41\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><g transform=\\\"translate(0 1)\\\" fill=\\\"none\\\" fill-rule=\\\"evenodd\\\"><ellipse class=\\\"ant-empty-img-simple-ellipse\\\" cx=\\\"32\\\" cy=\\\"33\\\" rx=\\\"32\\\" ry=\\\"7\\\"></ellipse><g class=\\\"ant-empty-img-simple-g\\\" fill-rule=\\\"nonzero\\\"><path d=\\\"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z\\\"></path><path d=\\\"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z\\\" class=\\\"ant-empty-img-simple-path\\\"></path></g></g></svg></div><div class=\\\"ant-empty-description\\\">暂无数据</div></div></td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </es-spin>\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Table/Table.html?"); | 9730 | +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 <es-spin spinning=\\\"{{loading}}\\\">\\n <div class=\\\"ant-table ant-table-default\\\">\\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 class=\\\"ant-table-header-column\\\">\\n <div>\\n <span class=\\\"ant-table-column-title\\\">\\n <div class=\\\"ant-table-selection\\\">\\n <es-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 <es-icon type=\\\"CaretUpOutlined\\\" ng-class=\\\"'ant-table-column-sorter-up'+(state.sorter.field===column.key&&state.sorter.order==='ascend'?' active':'')\\\"></es-icon>\\n <es-icon type=\\\"CaretDownOutlined\\\" ng-class=\\\"'ant-table-column-sorter-down'+(state.sorter.field===column.key&&state.sorter.order==='descend'?' active':'')\\\"></es-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 <es-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 <es-slot content=\\\"{{record[column.key]}}\\\" context=\\\"esTable.getContext().$parent\\\" />\\n </td>\\n </tr>\\n <tr ng-if=\\\"state.dataSource.length===0\\\" class=\\\"ant-table-placeholder\\\">\\n <td colspan=\\\"{{columns.length}}\\\">\\n <es-empty image=\\\"presented_image_simple\\\"></es-empty>\\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </es-spin>\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Table/Table.html?"); |
9720 | 9731 | ||
9721 | /***/ }), | 9732 | /***/ }), |
9722 | 9733 |
example/card.html
@@ -16,6 +16,7 @@ | @@ -16,6 +16,7 @@ | ||
16 | angular | 16 | angular |
17 | .module("esNgAntd") | 17 | .module("esNgAntd") |
18 | .controller("mainCtrl", function ($scope) { | 18 | .controller("mainCtrl", function ($scope) { |
19 | + $scope.isRead = false; | ||
19 | $scope.status = `<span>More</span>` | 20 | $scope.status = `<span>More</span>` |
20 | }); | 21 | }); |
21 | </script> | 22 | </script> |
example/empty.html
@@ -4,7 +4,6 @@ | @@ -4,7 +4,6 @@ | ||
4 | <head> | 4 | <head> |
5 | <meta charset="UTF-8" /> | 5 | <meta charset="UTF-8" /> |
6 | <title></title> | 6 | <title></title> |
7 | - <link href="https://cdn.staticfile.org/antd/3.26.9/antd.css" rel="stylesheet" /> | ||
8 | <style> | 7 | <style> |
9 | .container > div { | 8 | .container > div { |
10 | margin-bottom: 10px; | 9 | margin-bottom: 10px; |
@@ -13,24 +12,26 @@ | @@ -13,24 +12,26 @@ | ||
13 | </head> | 12 | </head> |
14 | 13 | ||
15 | <body> | 14 | <body> |
16 | - <div ng-app="essa" ng-controller="mainCtrl"> | 15 | + <div ng-app="esNgAntd" ng-controller="mainCtrl"> |
17 | <div class="container" style="padding: 50px"> | 16 | <div class="container" style="padding: 50px"> |
18 | <div> | 17 | <div> |
19 | <es-empty></es-empty> | 18 | <es-empty></es-empty> |
19 | + | ||
20 | + <es-empty image="presented_image_simple"></es-empty> | ||
20 | </div> | 21 | </div> |
21 | <div> | 22 | <div> |
22 | </div> | 23 | </div> |
23 | </div> | 24 | </div> |
24 | </div> | 25 | </div> |
25 | <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script> | 26 | <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script> |
27 | + <script src="../dist/ng-antd.js"></script> | ||
26 | <script> | 28 | <script> |
27 | angular | 29 | angular |
28 | - .module("essa", []) | 30 | + .module("esNgAntd") |
29 | .controller("mainCtrl", function ($scope) { | 31 | .controller("mainCtrl", function ($scope) { |
30 | 32 | ||
31 | }); | 33 | }); |
32 | </script> | 34 | </script> |
33 | - <script src="../dist/ng-antd.bundle.js"></script> | ||
34 | </body> | 35 | </body> |
35 | 36 | ||
36 | </html> | 37 | </html> |
37 | \ No newline at end of file | 38 | \ No newline at end of file |
example/image.html
@@ -12,7 +12,7 @@ | @@ -12,7 +12,7 @@ | ||
12 | <body> | 12 | <body> |
13 | <div ng-app="esNgAntd" ng-controller="mainCtrl"> | 13 | <div ng-app="esNgAntd" ng-controller="mainCtrl"> |
14 | <div class="container" style="padding: 50px"> | 14 | <div class="container" style="padding: 50px"> |
15 | - <es-image d-src="{{url}}" width="200" height="200"></es-image> | 15 | + <!-- <es-image d-src="{{url}}" width="200" height="200"></es-image> --> |
16 | 16 | ||
17 | <es-image-preview-group> | 17 | <es-image-preview-group> |
18 | <es-image d-src="{{url}}" width="200" height="200"></es-image> | 18 | <es-image d-src="{{url}}" width="200" height="200"></es-image> |
example/input-search.html
@@ -4,7 +4,6 @@ | @@ -4,7 +4,6 @@ | ||
4 | <head> | 4 | <head> |
5 | <meta charset="UTF-8" /> | 5 | <meta charset="UTF-8" /> |
6 | <title></title> | 6 | <title></title> |
7 | - <link href="https://cdn.staticfile.org/antd/3.26.9/antd.css" rel="stylesheet" /> | ||
8 | <style> | 7 | <style> |
9 | div.row { | 8 | div.row { |
10 | margin-bottom: 16px; | 9 | margin-bottom: 16px; |
@@ -13,7 +12,7 @@ | @@ -13,7 +12,7 @@ | ||
13 | </head> | 12 | </head> |
14 | 13 | ||
15 | <body> | 14 | <body> |
16 | - <div ng-app="esNgAntd"> | 15 | + <div ng-app="esNgAntd" ng-controller="mainCtrl"> |
17 | <div class="container" style="padding: 50px"> | 16 | <div class="container" style="padding: 50px"> |
18 | <div class="row"> | 17 | <div class="row"> |
19 | <es-input-search on-search="handleSearch(value)"></es-input-search> | 18 | <es-input-search on-search="handleSearch(value)"></es-input-search> |
@@ -23,13 +22,13 @@ | @@ -23,13 +22,13 @@ | ||
23 | <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script> | 22 | <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script> |
24 | <script src="../dist/ng-antd.js"></script> | 23 | <script src="../dist/ng-antd.js"></script> |
25 | <script> | 24 | <script> |
26 | - // angular | ||
27 | - // .module("essa", []) | ||
28 | - // .controller("mainCtrl", function ($scope) { | ||
29 | - // $scope.handleSearch = function(value) { | ||
30 | - // console.log(value) | ||
31 | - // } | ||
32 | - // }); | 25 | + angular |
26 | + .module("esNgAntd") | ||
27 | + .controller("mainCtrl", function ($scope) { | ||
28 | + $scope.handleSearch = function(value) { | ||
29 | + console.log(value) | ||
30 | + } | ||
31 | + }); | ||
33 | </script> | 32 | </script> |
34 | </body> | 33 | </body> |
35 | 34 |
src/Card/Card.html
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | <div class="ant-card-head-wrapper"> | 3 | <div class="ant-card-head-wrapper"> |
4 | <div class="ant-card-head-title">{title}</div> | 4 | <div class="ant-card-head-title">{title}</div> |
5 | {extra && <div class="ant-card-extra"> | 5 | {extra && <div class="ant-card-extra"> |
6 | - <es-slot content="{{extra}}" context="$parent"></es-slot> | 6 | + <es-slot content="{{extra}}" context="esCard.getContext().$parent"></es-slot> |
7 | </div>} | 7 | </div>} |
8 | </div> | 8 | </div> |
9 | </div>} | 9 | </div>} |
src/Common/Common.js
1 | import baseStyle from "antd/lib/style/index.css"; | 1 | import baseStyle from "antd/lib/style/index.css"; |
2 | 2 | ||
3 | -angular.module("esNgAntd").service("esNgAntd", function () { | 3 | +angular.module("esNgAntd").service("esNgAntd", ["$compile", function ($compile) { |
4 | this.styleSheets = null; | 4 | this.styleSheets = null; |
5 | 5 | ||
6 | this.createStyle = function (key, style) { | 6 | this.createStyle = function (key, style) { |
@@ -26,13 +26,10 @@ angular.module("esNgAntd").service("esNgAntd", function () { | @@ -26,13 +26,10 @@ angular.module("esNgAntd").service("esNgAntd", function () { | ||
26 | this.disableStyle = function (name) { | 26 | this.disableStyle = function (name) { |
27 | for (let i = 0; i < this.styleSheets.cssRules.length; i++) { | 27 | for (let i = 0; i < this.styleSheets.cssRules.length; i++) { |
28 | let rule = this.styleSheets.cssRules[i]; | 28 | let rule = this.styleSheets.cssRules[i]; |
29 | - if ( | ||
30 | - rule.selectorText && | ||
31 | - rule.selectorText.indexOf(name) !== -1 | ||
32 | - ) { | 29 | + if (rule.selectorText && rule.selectorText.indexOf(name) !== -1) { |
33 | rule.selectorText = rule.selectorText.replace( | 30 | rule.selectorText = rule.selectorText.replace( |
34 | - ".ant", | ||
35 | - ".disabled-ant" | 31 | + /\.ant-/g, |
32 | + ".disabled-ant-" | ||
36 | ); | 33 | ); |
37 | } | 34 | } |
38 | } | 35 | } |
@@ -46,4 +43,11 @@ angular.module("esNgAntd").service("esNgAntd", function () { | @@ -46,4 +43,11 @@ angular.module("esNgAntd").service("esNgAntd", function () { | ||
46 | } | 43 | } |
47 | } | 44 | } |
48 | }; | 45 | }; |
49 | -}); | 46 | + |
47 | + this.createLayer = function (content, scope) { | ||
48 | + let div = document.createElement("div"); | ||
49 | + div.innerHTML = content; | ||
50 | + document.body.appendChild(div); | ||
51 | + $compile(div)(scope); | ||
52 | + }; | ||
53 | +}]); |
src/Empty/Empty.html
1 | -<div className="ant-empty"> | ||
2 | - <div className="ant-empty-image"><svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg"> | ||
3 | - <g fill="none" fill-rule="evenodd"> | ||
4 | - <g transform="translate(24 31.67)"> | ||
5 | - <ellipse fill-opacity=".8" fill="#F5F5F7" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse> | ||
6 | - <path | ||
7 | - d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z" | ||
8 | - fill="#AEB8C2"></path> | ||
9 | - <path | ||
10 | - d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" | ||
11 | - fill="url(#linearGradient-1)" transform="translate(13.56)"></path> | ||
12 | - <path d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" | ||
13 | - fill="#F5F5F7"></path> | ||
14 | - <path | ||
15 | - d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z" | ||
16 | - fill="#DCE0E6"></path> | ||
17 | - </g> | ||
18 | - <path | ||
19 | - d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z" | ||
20 | - fill="#DCE0E6"></path> | ||
21 | - <g transform="translate(149.65 15.383)" fill="#FFF"> | ||
22 | - <ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse> | ||
23 | - <path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"></path> | ||
24 | - </g> | ||
25 | - </g> | ||
26 | - </svg></div> | 1 | +<div className={"ant-empty"+(state.image==="presented_image_simple"?" ant-empty-normal":"")}> |
2 | + <div className="ant-empty-image"> | ||
3 | + {state.image==="presented_image_default" && <svg class="ant-empty-img-default" width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(24 31.67)"><ellipse class="ant-empty-img-default-ellipse" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse><path class="ant-empty-img-default-path-1" d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"></path><path class="ant-empty-img-default-path-2" d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" transform="translate(13.56)"></path><path class="ant-empty-img-default-path-3" d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"></path><path class="ant-empty-img-default-path-4" d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"></path></g><path class="ant-empty-img-default-path-5" d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"></path><g class="ant-empty-img-default-g" transform="translate(149.65 15.383)"><ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse><path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"></path></g></g></svg>} | ||
4 | + {state.image === "presented_image_simple" && <svg class="ant-empty-img-simple" width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 1)" fill="none" fill-rule="evenodd"><ellipse class="ant-empty-img-simple-ellipse" cx="32" cy="33" rx="32" ry="7"></ellipse><g class="ant-empty-img-simple-g" fill-rule="nonzero"><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" class="ant-empty-img-simple-path"></path></g></g></svg>} | ||
5 | + </div> | ||
27 | <p className="ant-empty-description">暂无数据</p> | 6 | <p className="ant-empty-description">暂无数据</p> |
28 | </div> | 7 | </div> |
29 | \ No newline at end of file | 8 | \ No newline at end of file |
src/Empty/Empty.js
1 | import template from "./Empty.html"; | 1 | import template from "./Empty.html"; |
2 | +import style from "antd/lib/empty/style/index.css"; | ||
2 | 3 | ||
3 | class Empty { | 4 | class Empty { |
5 | + props = { | ||
6 | + image: String, | ||
7 | + }; | ||
8 | + | ||
9 | + state = { | ||
10 | + image: this.props.image || "presented_image_default", | ||
11 | + }; | ||
12 | + | ||
13 | + useModules = ["esNgAntd"]; | ||
14 | + | ||
4 | template = template; | 15 | template = template; |
5 | -} | ||
6 | \ No newline at end of file | 16 | \ No newline at end of file |
17 | + | ||
18 | + constructor() { | ||
19 | + esNgAntd.createStyle("ant-empty", style); | ||
20 | + } | ||
21 | +} | ||
22 | + | ||
23 | +export default { | ||
24 | + PRESENTED_IMAGE_DEFAULT: "presented_image_default", | ||
25 | + PRESENTED_IMAGE_SIMPLE: "presented_image_simple", | ||
26 | +}; |
src/Image/Image.js
@@ -15,6 +15,8 @@ class Image { | @@ -15,6 +15,8 @@ class Image { | ||
15 | visible: false, | 15 | visible: false, |
16 | // 有图片? | 16 | // 有图片? |
17 | hasImage: false, | 17 | hasImage: false, |
18 | + // 索引 | ||
19 | + index: null, | ||
18 | }; | 20 | }; |
19 | 21 | ||
20 | template = template; | 22 | template = template; |
@@ -44,12 +46,17 @@ class Image { | @@ -44,12 +46,17 @@ class Image { | ||
44 | 46 | ||
45 | if (esImagePreviewGroup) { | 47 | if (esImagePreviewGroup) { |
46 | this.esImagePreviewGroup = esImagePreviewGroup.getContext(); | 48 | this.esImagePreviewGroup = esImagePreviewGroup.getContext(); |
49 | + this.state.index = this.esImagePreviewGroup.addChildren($scope); | ||
47 | } else { | 50 | } else { |
48 | this.handlePreview(); | 51 | this.handlePreview(); |
49 | } | 52 | } |
50 | } | 53 | } |
51 | 54 | ||
52 | handleOpen() { | 55 | handleOpen() { |
56 | + if (this.esImagePreviewGroup) { | ||
57 | + this.esImagePreviewGroup.handleOpen(this.state.index); | ||
58 | + return; | ||
59 | + } | ||
53 | this.state.visible = true; | 60 | this.state.visible = true; |
54 | } | 61 | } |
55 | 62 |
src/ImagePreviewGroup/ImagePreviewGroup.js
1 | import template from "./ImagePreviewGroup.html"; | 1 | import template from "./ImagePreviewGroup.html"; |
2 | 2 | ||
3 | class ImagePreviewGroup { | 3 | class ImagePreviewGroup { |
4 | - state = { | ||
5 | - current: 0 | ||
6 | - } | 4 | + useModules = ["esNgAntd"]; |
5 | + | ||
7 | template = template; | 6 | template = template; |
8 | - | 7 | + |
8 | + state = { | ||
9 | + current: 0, | ||
10 | + visible: false, | ||
11 | + src: null, | ||
12 | + childrens: [], | ||
13 | + }; | ||
14 | + | ||
9 | constructor() { | 15 | constructor() { |
16 | + this.handlePreview(); | ||
17 | + } | ||
18 | + | ||
19 | + addChildren(children) { | ||
20 | + this.state.childrens.push(children); | ||
21 | + return this.state.childrens.length - 1; | ||
22 | + } | ||
23 | + | ||
24 | + handleOpen(index) { | ||
25 | + this.state.current = index; | ||
26 | + this.state.src = this.state.childrens[index].state.src; | ||
27 | + this.state.visible = true; | ||
28 | + } | ||
29 | + | ||
30 | + handleClose() { | ||
31 | + this.state.visible = false; | ||
32 | + } | ||
33 | + | ||
34 | + handlePrev() { | ||
35 | + this.state.current = | ||
36 | + this.state.current > 0 ? this.state.current - 1 : 0; | ||
37 | + this.state.src = this.state.childrens[this.state.current].state.src; | ||
38 | + } | ||
39 | + | ||
40 | + handleNext() { | ||
41 | + this.state.current = | ||
42 | + this.state.current < this.state.childrens.length - 1 | ||
43 | + ? this.state.current + 1 | ||
44 | + : this.state.childrens.length - 1; | ||
45 | + this.state.src = this.state.childrens[this.state.current].state.src; | ||
46 | + } | ||
47 | + | ||
48 | + handlePreview() { | ||
49 | + esNgAntd.createLayer( | ||
50 | + ` | ||
51 | + <div class="ant-image-preview-root"> | ||
52 | + <div class="ant-image-preview-mask" ng-if="state.visible"></div> | ||
53 | + <div class="ant-image-preview-wrap" ng-show="state.visible"> | ||
54 | + <div class="ant-image-preview"> | ||
55 | + <div class="ant-image-preview-content"> | ||
56 | + <div class="ant-image-preview-body"> | ||
57 | + <ul class="ant-image-preview-operations"> | ||
58 | + <li class="ant-image-preview-operations-operation"> | ||
59 | + <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> | ||
60 | + <es-icon type="CloseOutlined"></es-icon> | ||
61 | + </span> | ||
62 | + </li> | ||
63 | + </ul> | ||
64 | + <div class="ant-image-preview-img-wrapper"> | ||
65 | + <img class="ant-image-preview-img" ng-src="{{state.src}}"/> | ||
66 | + </div> | ||
67 | + <div ng-class="{'ant-image-preview-switch-left': true, 'ant-image-preview-switch-left-disabled': state.current===0}" ng-click="handlePrev()"> | ||
68 | + <es-icon type="LeftOutlined"></es-icon> | ||
69 | + </div> | ||
70 | + <div ng-class="{'ant-image-preview-switch-right': true,'ant-image-preview-switch-right-disabled': (state.childrens.length-1)===state.current}" ng-click="handleNext()"> | ||
71 | + <es-icon type="RightOutlined"></es-icon> | ||
72 | + </div> | ||
73 | + </div> | ||
74 | + </div> | ||
75 | + </div> | ||
76 | + </div> | ||
77 | + </div> | ||
78 | + `, | ||
79 | + $scope | ||
80 | + ); | ||
10 | } | 81 | } |
11 | } | 82 | } |
src/Input/Input.js
@@ -20,10 +20,16 @@ class Input { | @@ -20,10 +20,16 @@ class Input { | ||
20 | 20 | ||
21 | constructor(esFormItem, esForm) { | 21 | constructor(esFormItem, esForm) { |
22 | esNgAntd.createStyle("ant-input", style); | 22 | esNgAntd.createStyle("ant-input", style); |
23 | - this.esForm = esForm.getContext(); | ||
24 | - this.esFormItem = esFormItem.getContext(); | 23 | + |
24 | + // 上下文 | ||
25 | + if (esForm) { | ||
26 | + this.esForm = esForm.getContext(); | ||
27 | + this.esForm.state.formItems.push($scope); | ||
28 | + } | ||
29 | + if (esFormItem) { | ||
30 | + this.esFormItem = esFormItem.getContext(); | ||
31 | + } | ||
25 | this.props.style = $attrs.style; | 32 | this.props.style = $attrs.style; |
26 | - this.esForm.state.formItems.push($scope); | ||
27 | $element.replaceWith($compile(this.getTemplate())($scope)); | 33 | $element.replaceWith($compile(this.getTemplate())($scope)); |
28 | } | 34 | } |
29 | 35 |
src/InputSearch/InputSearch.html
1 | -<span className="ant-input-search ant-input-search-enter-button ant-input-group-wrapper"> | 1 | +<span className="ant-input-group-wrapper ant-input-search"> |
2 | <span className="ant-input-wrapper ant-input-group"> | 2 | <span className="ant-input-wrapper ant-input-group"> |
3 | <es-input placeholder="{{placeholder}}" on-change="handleChange(event)"></es-input> | 3 | <es-input placeholder="{{placeholder}}" on-change="handleChange(event)"></es-input> |
4 | - <span className="ant-input-group-addon" onClick="onSearch({value: state.value})"> | ||
5 | - <es-button className="ant-input-search-button"> | 4 | + <span className="ant-input-group-addon" onClick={this.onSearch.bind(this, { value: state.value })}> |
5 | + <es-button html-type="button" className="ant-btn-icon-only ant-input-search-button"> | ||
6 | <es-icon type="SearchOutlined"></es-icon> | 6 | <es-icon type="SearchOutlined"></es-icon> |
7 | </es-button> | 7 | </es-button> |
8 | </span> | 8 | </span> |
src/InputSearch/InputSearch.js
1 | import template from "./InputSearch.html"; | 1 | import template from "./InputSearch.html"; |
2 | +import style from "antd/lib/input/style/index.css"; | ||
2 | 3 | ||
3 | class InputSearch { | 4 | class InputSearch { |
5 | + | ||
6 | + useModules = ["$compile", "esNgAntd"]; | ||
7 | + | ||
4 | props = { | 8 | props = { |
5 | value: String, | 9 | value: String, |
6 | placeholder: String, | 10 | placeholder: String, |
@@ -16,4 +20,8 @@ class InputSearch { | @@ -16,4 +20,8 @@ class InputSearch { | ||
16 | handleChange(event) { | 20 | handleChange(event) { |
17 | this.state.value = event.target.value; | 21 | this.state.value = event.target.value; |
18 | } | 22 | } |
23 | + | ||
24 | + constructor() { | ||
25 | + esNgAntd.createStyle("ant-input", style); | ||
26 | + } | ||
19 | } | 27 | } |
src/Pagination/Pagination.html
@@ -22,7 +22,7 @@ | @@ -22,7 +22,7 @@ | ||
22 | <es-select-option value="40">40 条/页</es-select-option> | 22 | <es-select-option value="40">40 条/页</es-select-option> |
23 | </es-select>} | 23 | </es-select>} |
24 | {showQuickJumper === 'true' && <div className="ant-pagination-options-quick-jumper"> | 24 | {showQuickJumper === 'true' && <div className="ant-pagination-options-quick-jumper"> |
25 | - 跳至<input type="text" onBlur="handleBlur($event)" />页 | 25 | + 跳至<input type="text" onBlur={this.handleBlur.bind(this, $event)} onKeyPress={this.onKeyPress.bind(this, $event)}/>页 |
26 | </div>} | 26 | </div>} |
27 | </li> | 27 | </li> |
28 | </ul> | 28 | </ul> |
src/Pagination/Pagination.js
@@ -98,13 +98,23 @@ class Pagination { | @@ -98,13 +98,23 @@ class Pagination { | ||
98 | return parseInt(number); | 98 | return parseInt(number); |
99 | } | 99 | } |
100 | 100 | ||
101 | - handleBlur(event) { | ||
102 | - let value = event.target.value; | 101 | + setCurrent(value) { |
103 | if (!value) { | 102 | if (!value) { |
104 | return; | 103 | return; |
105 | } | 104 | } |
106 | this.state.current = this.getCurrent(value); | 105 | this.state.current = this.getCurrent(value); |
107 | this.handleChange(); | 106 | this.handleChange(); |
107 | + } | ||
108 | + | ||
109 | + handleBlur(event) { | ||
110 | + this.setCurrent(event.target.value); | ||
108 | event.target.value = null; | 111 | event.target.value = null; |
109 | } | 112 | } |
113 | + | ||
114 | + onKeyPress(event) { | ||
115 | + if (event.keyCode === 13 || event.keyCode === 32) { | ||
116 | + this.setCurrent(event.target.value); | ||
117 | + event.target.value = null; | ||
118 | + } | ||
119 | + } | ||
110 | } | 120 | } |
src/Table/Table.html
@@ -50,7 +50,9 @@ | @@ -50,7 +50,9 @@ | ||
50 | </tr> | 50 | </tr> |
51 | })} | 51 | })} |
52 | {state.dataSource.length === 0 && <tr className="ant-table-placeholder"> | 52 | {state.dataSource.length === 0 && <tr className="ant-table-placeholder"> |
53 | - <td colspan={columns.length}><div class="ant-empty ant-empty-normal"><div class="ant-empty-image"><svg class="ant-empty-img-simple" width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 1)" fill="none" fill-rule="evenodd"><ellipse class="ant-empty-img-simple-ellipse" cx="32" cy="33" rx="32" ry="7"></ellipse><g class="ant-empty-img-simple-g" fill-rule="nonzero"><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" class="ant-empty-img-simple-path"></path></g></g></svg></div><div class="ant-empty-description">暂无数据</div></div></td> | 53 | + <td colspan={columns.length}> |
54 | + <es-empty image="presented_image_simple"></es-empty> | ||
55 | + </td> | ||
54 | </tr>} | 56 | </tr>} |
55 | </tbody> | 57 | </tbody> |
56 | </table> | 58 | </table> |