Commit 81f8a467b6d48bfd2c40074659dbfea48fb8c8f5
1 parent
6f87698a
调整组件前缀
Showing
90 changed files
with
505 additions
and
477 deletions
Show diff stats
build/Alert/Alert.html
1 | <div ng-class="'ant-alert'+(type?' ant-alert-'+type:'')+(!showIcon?' ant-alert-no-icon':'')+(description?' ant-alert-with-description':'')"> | 1 | <div ng-class="'ant-alert'+(type?' ant-alert-'+type:'')+(!showIcon?' ant-alert-no-icon':'')+(description?' ant-alert-with-description':'')"> |
2 | - <span ng-if="showIcon&&type==='warning'" class="anticon ant-alert-icon"><es-icon type="ExclamationCircleFilled"></es-icon></span> | ||
3 | - <span ng-if="showIcon&&type==='success'" class="anticon ant-alert-icon"><es-icon type="CheckCircleFilled"></es-icon></span> | ||
4 | - <span ng-if="showIcon&&type==='info'" class="anticon ant-alert-icon"><es-icon type="InfoCircleFilled"></es-icon></span> | ||
5 | - <span ng-if="showIcon&&type==='error'" class="anticon ant-alert-icon"><es-icon type="CloseCircleFilled"></es-icon></span> | 2 | + <span ng-if="showIcon&&type==='warning'" class="anticon ant-alert-icon"><antd-icon type="ExclamationCircleFilled"></antd-icon></span> |
3 | + <span ng-if="showIcon&&type==='success'" class="anticon ant-alert-icon"><antd-icon type="CheckCircleFilled"></antd-icon></span> | ||
4 | + <span ng-if="showIcon&&type==='info'" class="anticon ant-alert-icon"><antd-icon type="InfoCircleFilled"></antd-icon></span> | ||
5 | + <span ng-if="showIcon&&type==='error'" class="anticon ant-alert-icon"><antd-icon type="CloseCircleFilled"></antd-icon></span> | ||
6 | <div class="ant-alert-content"> | 6 | <div class="ant-alert-content"> |
7 | <div class="ant-alert-message">{{message}}</div> | 7 | <div class="ant-alert-message">{{message}}</div> |
8 | - <div ng-if="description" class="ant-alert-description"><es-slot content="{{description}}"></es-slot></div> | 8 | + <div ng-if="description" class="ant-alert-description"><antd-slot content="{{description}}"></antd-slot></div> |
9 | </div> | 9 | </div> |
10 | </div> | 10 | </div> |
11 | \ No newline at end of file | 11 | \ No newline at end of file |
build/Alert/Alert.js
1 | import template from "./Alert.html"; | 1 | import template from "./Alert.html"; |
2 | import style from "antd/lib/alert/style/index.css"; | 2 | import style from "antd/lib/alert/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esAlert", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdAlert", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esAlert", | 5 | + controllerAs: "antdAlert", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
build/Breadcrumb/Breadcrumb.js
1 | import template from "./Breadcrumb.html"; | 1 | import template from "./Breadcrumb.html"; |
2 | import style from "antd/lib/breadcrumb/style/index.css"; | 2 | import style from "antd/lib/breadcrumb/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esBreadcrumb", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdBreadcrumb", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esBreadcrumb", | 5 | + controllerAs: "antdBreadcrumb", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
build/BreadcrumbItem/BreadcrumbItem.js
1 | import template from "./BreadcrumbItem.html"; | 1 | import template from "./BreadcrumbItem.html"; |
2 | -angular.module("esNgAntd").directive("esBreadcrumbItem", function () { | 2 | +angular.module("esNgAntd").directive("antdBreadcrumbItem", function () { |
3 | return { | 3 | return { |
4 | - controllerAs: "esBreadcrumbItem", | 4 | + controllerAs: "antdBreadcrumbItem", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
build/Button/Button.html
1 | <button ng-class="state.className"> | 1 | <button ng-class="state.className"> |
2 | <span ng-if="loading" class="ant-btn-loading-icon"> | 2 | <span ng-if="loading" class="ant-btn-loading-icon"> |
3 | <span class="anticon anticon-loading anticon-spin"> | 3 | <span class="anticon anticon-loading anticon-spin"> |
4 | - <es-icon type="LoadingOutlined"></es-icon> | 4 | + <antd-icon type="LoadingOutlined"></antd-icon> |
5 | </span> | 5 | </span> |
6 | </span> | 6 | </span> |
7 | <span ng-transclude></span> | 7 | <span ng-transclude></span> |
build/Button/Button.js
1 | import template from "./Button.html"; | 1 | import template from "./Button.html"; |
2 | import style from "antd/lib/button/style/index.css"; | 2 | import style from "antd/lib/button/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esButton", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdButton", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esButton", | 5 | + controllerAs: "antdButton", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
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="esCard.getContext().$parent"></es-slot> | 6 | + <antd-slot content="{{extra}}" context="antdCard.getContext().$parent"></antd-slot> |
7 | </div> | 7 | </div> |
8 | </div> | 8 | </div> |
9 | </div> | 9 | </div> |
build/Card/Card.js
1 | import template from "./Card.html"; | 1 | import template from "./Card.html"; |
2 | import style from "antd/lib/card/style/index.css"; | 2 | import style from "antd/lib/card/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esCard", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdCard", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esCard", | 5 | + controllerAs: "antdCard", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -12,7 +12,7 @@ angular.module("esNgAntd").directive("esCard", function (esNgAntd) { | @@ -12,7 +12,7 @@ angular.module("esNgAntd").directive("esCard", function (esNgAntd) { | ||
12 | bordered: "@", | 12 | bordered: "@", |
13 | }, | 13 | }, |
14 | template: template, | 14 | template: template, |
15 | - controller: function ($scope, $element) { | 15 | + controller: function ($scope, $element, $attrs) { |
16 | this.getContext = function () { | 16 | this.getContext = function () { |
17 | return $scope; | 17 | return $scope; |
18 | }; | 18 | }; |
build/Cascader/Cascader.html
1 | <span> | 1 | <span> |
2 | - <input placeholder="请选择" class="ant-input ant-cascader-input" readonly autocomplete="off" type="text" ng-focus="handleFocus()" ng-blur="handleBlur()" /> | 2 | + <input placeholder="请选择" class="ant-input ant-cascader-input" readonly autocomplete="off" type="text" onFocus="handleFocus()" onBlur="handleBlur()" /> |
3 | <div class="ant-cascader-menus"> | 3 | <div class="ant-cascader-menus"> |
4 | - <ul class="ant-cascader-menu" ng-repeat="menu in state.menus track by $index"> | 4 | + <ul class="ant-cascader-menu" for="menu in state.menus track by $index"> |
5 | <li class="ant-cascader-menu-item" ng-mouseover="handleExpand(item.value)" ng-repeat="item in menu track by $index"> | 5 | <li class="ant-cascader-menu-item" ng-mouseover="handleExpand(item.value)" ng-repeat="item in menu track by $index"> |
6 | {{item.label}} | 6 | {{item.label}} |
7 | <span class="ant-cascader-menu-item-expand-icon"> | 7 | <span class="ant-cascader-menu-item-expand-icon"> |
build/Cascader/Cascader.js
@@ -7,16 +7,16 @@ | @@ -7,16 +7,16 @@ | ||
7 | * @LastEditTime: 2021-08-04 11:00:19 | 7 | * @LastEditTime: 2021-08-04 11:00:19 |
8 | * @Copyright: Copyright 2021-2021, all rights reserved. Essa.cn | 8 | * @Copyright: Copyright 2021-2021, all rights reserved. Essa.cn |
9 | */ | 9 | */ |
10 | -angular.module("esNgAntd").directive("esCascader", function () { | 10 | +angular.module("esNgAntd").directive("antdCascader", function () { |
11 | return { | 11 | return { |
12 | - controllerAs: "esCascader", | 12 | + controllerAs: "antdCascader", |
13 | restrict: "E", | 13 | restrict: "E", |
14 | transclude: true, | 14 | transclude: true, |
15 | replace: true, | 15 | replace: true, |
16 | scope: { | 16 | scope: { |
17 | options: "=", | 17 | options: "=", |
18 | }, | 18 | }, |
19 | - controller: function ($scope, $element) { | 19 | + controller: function ($scope, $element, $attrs) { |
20 | this.getContext = function () { | 20 | this.getContext = function () { |
21 | return $scope; | 21 | return $scope; |
22 | }; | 22 | }; |
build/CheckableTag/CheckableTag.js
1 | import template from "./CheckableTag.html"; | 1 | import template from "./CheckableTag.html"; |
2 | import style from "antd/lib/tag/style/index.css"; | 2 | import style from "antd/lib/tag/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esCheckableTag", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdCheckableTag", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esCheckableTag", | 5 | + controllerAs: "antdCheckableTag", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -11,7 +11,7 @@ angular.module("esNgAntd").directive("esCheckableTag", function (esNgAntd) { | @@ -11,7 +11,7 @@ angular.module("esNgAntd").directive("esCheckableTag", function (esNgAntd) { | ||
11 | onChange: "&", | 11 | onChange: "&", |
12 | }, | 12 | }, |
13 | template: template, | 13 | template: template, |
14 | - controller: function ($scope, $element) { | 14 | + controller: function ($scope, $element, $attrs) { |
15 | this.getContext = function () { | 15 | this.getContext = function () { |
16 | return $scope; | 16 | return $scope; |
17 | }; | 17 | }; |
build/Checkbox/Checkbox.js
1 | import template from "./Checkbox.html"; | 1 | import template from "./Checkbox.html"; |
2 | import style from "antd/lib/checkbox/style/index.css"; | 2 | import style from "antd/lib/checkbox/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esCheckbox", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdCheckbox", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esCheckbox", | 5 | + controllerAs: "antdCheckbox", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -13,14 +13,14 @@ angular.module("esNgAntd").directive("esCheckbox", function (esNgAntd) { | @@ -13,14 +13,14 @@ angular.module("esNgAntd").directive("esCheckbox", function (esNgAntd) { | ||
13 | onChange: "&", | 13 | onChange: "&", |
14 | }, | 14 | }, |
15 | template: template, | 15 | template: template, |
16 | - controller: function ($scope, $element) { | 16 | + controller: function ($scope, $element, $attrs) { |
17 | this.getContext = function () { | 17 | this.getContext = function () { |
18 | return $scope; | 18 | return $scope; |
19 | }; | 19 | }; |
20 | 20 | ||
21 | $scope.state = { | 21 | $scope.state = { |
22 | checked: $scope.checked || $scope.defaultChecked, | 22 | checked: $scope.checked || $scope.defaultChecked, |
23 | - disabled: $scope.disabled, | 23 | + disabled: false, |
24 | }; | 24 | }; |
25 | $scope.watch = { | 25 | $scope.watch = { |
26 | checked: function (newValue) { | 26 | checked: function (newValue) { |
@@ -31,7 +31,10 @@ angular.module("esNgAntd").directive("esCheckbox", function (esNgAntd) { | @@ -31,7 +31,10 @@ angular.module("esNgAntd").directive("esCheckbox", function (esNgAntd) { | ||
31 | }, | 31 | }, |
32 | disabled: function (newValue) { | 32 | disabled: function (newValue) { |
33 | if (newValue !== undefined) { | 33 | if (newValue !== undefined) { |
34 | - $scope.state.disabled = newValue; | 34 | + $scope.state.disabled = |
35 | + newValue === "true" || newValue === "disabled" | ||
36 | + ? true | ||
37 | + : false; | ||
35 | } | 38 | } |
36 | }, | 39 | }, |
37 | }; | 40 | }; |
build/Col/Col.html
1 | -<div ng-class="'ant-col'+(span?' ant-col-'+span:'')" ng-style="{paddingLeft:esRow.state.gutterHalf+'px',paddingRight:esRow.state.gutterHalf+'px'}" ng-transclude></div> | ||
2 | \ No newline at end of file | 1 | \ No newline at end of file |
2 | +<div ng-class="'ant-col'+(span?' ant-col-'+span:'')" ng-style="{paddingLeft:antdRow.state.gutterHalf+'px',paddingRight:antdRow.state.gutterHalf+'px'}" ng-transclude></div> | ||
3 | \ No newline at end of file | 3 | \ No newline at end of file |
build/Col/Col.js
@@ -3,9 +3,9 @@ | @@ -3,9 +3,9 @@ | ||
3 | */ | 3 | */ |
4 | import template from "./Col.html"; | 4 | import template from "./Col.html"; |
5 | import style from "antd/lib/grid/style/index.css"; | 5 | import style from "antd/lib/grid/style/index.css"; |
6 | -angular.module("esNgAntd").directive("esCol", function (esNgAntd) { | 6 | +angular.module("esNgAntd").directive("antdCol", function (esNgAntd) { |
7 | return { | 7 | return { |
8 | - controllerAs: "esCol", | 8 | + controllerAs: "antdCol", |
9 | restrict: "E", | 9 | restrict: "E", |
10 | transclude: true, | 10 | transclude: true, |
11 | replace: true, | 11 | replace: true, |
@@ -13,7 +13,7 @@ angular.module("esNgAntd").directive("esCol", function (esNgAntd) { | @@ -13,7 +13,7 @@ angular.module("esNgAntd").directive("esCol", function (esNgAntd) { | ||
13 | span: "@", | 13 | span: "@", |
14 | }, | 14 | }, |
15 | template: template, | 15 | template: template, |
16 | - controller: function ($scope, $element) { | 16 | + controller: function ($scope, $element, $attrs) { |
17 | this.getContext = function () { | 17 | this.getContext = function () { |
18 | return $scope; | 18 | return $scope; |
19 | }; | 19 | }; |
@@ -22,17 +22,17 @@ angular.module("esNgAntd").directive("esCol", function (esNgAntd) { | @@ -22,17 +22,17 @@ angular.module("esNgAntd").directive("esCol", function (esNgAntd) { | ||
22 | className: ["ant-col"], | 22 | className: ["ant-col"], |
23 | }; | 23 | }; |
24 | }, | 24 | }, |
25 | - require: ["?^esRow"], | 25 | + require: ["?^antdRow"], |
26 | link: function ($scope, $element, $attrs, $controllers, $transclude) { | 26 | link: function ($scope, $element, $attrs, $controllers, $transclude) { |
27 | - let [esRow] = $controllers; | 27 | + let [antdRow] = $controllers; |
28 | esNgAntd.createStyle("ant-grid", style); | 28 | esNgAntd.createStyle("ant-grid", style); |
29 | $element[0].removeAttribute("ng-style"); | 29 | $element[0].removeAttribute("ng-style"); |
30 | $element[0].removeAttribute("ng-transclude"); | 30 | $element[0].removeAttribute("ng-transclude"); |
31 | $element[0].removeAttribute("ng-class"); | 31 | $element[0].removeAttribute("ng-class"); |
32 | $element[0].removeAttribute("span"); | 32 | $element[0].removeAttribute("span"); |
33 | 33 | ||
34 | - if (esRow) { | ||
35 | - $scope.esRow = esRow.getContext(); | 34 | + if (antdRow) { |
35 | + $scope.antdRow = antdRow.getContext(); | ||
36 | } | 36 | } |
37 | 37 | ||
38 | if ($scope.span) { | 38 | if ($scope.span) { |
build/Descriptions/Descriptions.js
build/Divider/Divider.js
1 | import template from "./Divider.html"; | 1 | import template from "./Divider.html"; |
2 | import style from "antd/lib/divider/style/index.css"; | 2 | import style from "antd/lib/divider/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esDivider", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdDivider", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esDivider", | 5 | + controllerAs: "antdDivider", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
build/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 | import style from "antd/lib/empty/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esEmpty", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdEmpty", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esEmpty", | 5 | + controllerAs: "antdEmpty", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -10,7 +10,7 @@ angular.module("esNgAntd").directive("esEmpty", function (esNgAntd) { | @@ -10,7 +10,7 @@ angular.module("esNgAntd").directive("esEmpty", function (esNgAntd) { | ||
10 | image: "@", | 10 | image: "@", |
11 | }, | 11 | }, |
12 | template: template, | 12 | template: template, |
13 | - controller: function ($scope, $element) { | 13 | + controller: function ($scope, $element, $attrs) { |
14 | this.getContext = function () { | 14 | this.getContext = function () { |
15 | return $scope; | 15 | return $scope; |
16 | }; | 16 | }; |
build/Form/Form.js
1 | import template from "./Form.html"; | 1 | import template from "./Form.html"; |
2 | import style from "antd/lib/form/style/index.css"; | 2 | import style from "antd/lib/form/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esForm", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdForm", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esForm", | 5 | + controllerAs: "antdForm", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -40,7 +40,7 @@ angular.module("esNgAntd").directive("esForm", function (esNgAntd) { | @@ -40,7 +40,7 @@ angular.module("esNgAntd").directive("esForm", function (esNgAntd) { | ||
40 | $scope.handleSubmit = function () { | 40 | $scope.handleSubmit = function () { |
41 | let values = {}; | 41 | let values = {}; |
42 | $scope.state.formItems.forEach(function (item) { | 42 | $scope.state.formItems.forEach(function (item) { |
43 | - let name = item.esFormItem && item.esFormItem.name; | 43 | + let name = item.antdFormItem && item.antdFormItem.name; |
44 | let value = item.value || item.state.value || null; | 44 | let value = item.value || item.state.value || null; |
45 | values[name] = value; | 45 | values[name] = value; |
46 | }); | 46 | }); |
build/FormItem/FormItem.html
1 | <div class="ant-row ant-form-item"> | 1 | <div class="ant-row ant-form-item"> |
2 | - <es-col span="{{state.labelCol}}" class="ant-form-item-label"> | 2 | + <antd-col span="{{state.labelCol}}" class="ant-form-item-label"> |
3 | <label ng-if="label" ng-class="''+required==='true'?'ant-form-item-required':''">{{label}}</label> | 3 | <label ng-if="label" ng-class="''+required==='true'?'ant-form-item-required':''">{{label}}</label> |
4 | - </es-col> | ||
5 | - <es-col span="{{state.wrapperCol}}" class="ant-form-item-control"> | 4 | + </antd-col> |
5 | + <antd-col span="{{state.wrapperCol}}" class="ant-form-item-control"> | ||
6 | <div class="ant-form-item-control-input"> | 6 | <div class="ant-form-item-control-input"> |
7 | <span class="ant-form-item-control-input-content" ng-transclude></span> | 7 | <span class="ant-form-item-control-input-content" ng-transclude></span> |
8 | </div> | 8 | </div> |
9 | - </es-col> | 9 | + </antd-col> |
10 | </div> | 10 | </div> |
11 | \ No newline at end of file | 11 | \ No newline at end of file |
build/FormItem/FormItem.js
@@ -9,9 +9,9 @@ | @@ -9,9 +9,9 @@ | ||
9 | * @Copyright: Copyright 2021-2021, all rights reserved. Essa.cn | 9 | * @Copyright: Copyright 2021-2021, all rights reserved. Essa.cn |
10 | */ | 10 | */ |
11 | import template from "./FormItem.html"; | 11 | import template from "./FormItem.html"; |
12 | -angular.module("esNgAntd").directive("esFormItem", function () { | 12 | +angular.module("esNgAntd").directive("antdFormItem", function () { |
13 | return { | 13 | return { |
14 | - controllerAs: "esFormItem", | 14 | + controllerAs: "antdFormItem", |
15 | restrict: "E", | 15 | restrict: "E", |
16 | transclude: true, | 16 | transclude: true, |
17 | replace: true, | 17 | replace: true, |
@@ -23,7 +23,7 @@ angular.module("esNgAntd").directive("esFormItem", function () { | @@ -23,7 +23,7 @@ angular.module("esNgAntd").directive("esFormItem", function () { | ||
23 | required: "@", | 23 | required: "@", |
24 | }, | 24 | }, |
25 | template: template, | 25 | template: template, |
26 | - controller: function ($scope, $element) { | 26 | + controller: function ($scope, $element, $attrs) { |
27 | this.getContext = function () { | 27 | this.getContext = function () { |
28 | return $scope; | 28 | return $scope; |
29 | }; | 29 | }; |
@@ -33,24 +33,27 @@ angular.module("esNgAntd").directive("esFormItem", function () { | @@ -33,24 +33,27 @@ angular.module("esNgAntd").directive("esFormItem", function () { | ||
33 | wrapperCol: null, | 33 | wrapperCol: null, |
34 | }; | 34 | }; |
35 | }, | 35 | }, |
36 | - require: ["?^esForm"], | 36 | + require: ["?^antdForm"], |
37 | link: function ($scope, $element, $attrs, $controllers, $transclude) { | 37 | link: function ($scope, $element, $attrs, $controllers, $transclude) { |
38 | - let [esForm] = $controllers; | ||
39 | - $scope.esForm = esForm.getContext(); | 38 | + let [antdForm] = $controllers; |
39 | + $scope.antdForm = antdForm.getContext(); | ||
40 | 40 | ||
41 | if ($scope.labelCol && $scope.labelCol.span) { | 41 | if ($scope.labelCol && $scope.labelCol.span) { |
42 | $scope.state.labelCol = $scope.labelCol.span; | 42 | $scope.state.labelCol = $scope.labelCol.span; |
43 | - } else if ($scope.esForm.labelCol && $scope.esForm.labelCol.span) { | ||
44 | - $scope.state.labelCol = $scope.esForm.labelCol.span; | 43 | + } else if ( |
44 | + $scope.antdForm.labelCol && | ||
45 | + $scope.antdForm.labelCol.span | ||
46 | + ) { | ||
47 | + $scope.state.labelCol = $scope.antdForm.labelCol.span; | ||
45 | } | 48 | } |
46 | 49 | ||
47 | if ($scope.wrapperCol && $scope.wrapperCol.span) { | 50 | if ($scope.wrapperCol && $scope.wrapperCol.span) { |
48 | $scope.state.wrapperCol = $scope.wrapperCol.span; | 51 | $scope.state.wrapperCol = $scope.wrapperCol.span; |
49 | } else if ( | 52 | } else if ( |
50 | - $scope.esForm.wrapperCol && | ||
51 | - $scope.esForm.wrapperCol.span | 53 | + $scope.antdForm.wrapperCol && |
54 | + $scope.antdForm.wrapperCol.span | ||
52 | ) { | 55 | ) { |
53 | - $scope.state.wrapperCol = $scope.esForm.wrapperCol.span; | 56 | + $scope.state.wrapperCol = $scope.antdForm.wrapperCol.span; |
54 | } | 57 | } |
55 | }, | 58 | }, |
56 | }; | 59 | }; |
build/Icon/Icon.js
1 | import * as iconsSvg from "@ant-design/icons-svg"; | 1 | import * as iconsSvg from "@ant-design/icons-svg"; |
2 | import { renderIconDefinitionToSVGElement } from "@ant-design/icons-svg/es/helpers"; | 2 | import { renderIconDefinitionToSVGElement } from "@ant-design/icons-svg/es/helpers"; |
3 | -angular.module("esNgAntd").directive("esIcon", function ($compile) { | 3 | +angular.module("esNgAntd").directive("antdIcon", function ($compile) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esIcon", | 5 | + controllerAs: "antdIcon", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
build/Image/Image.js
@@ -2,9 +2,9 @@ import template from "./Image.html"; | @@ -2,9 +2,9 @@ import template from "./Image.html"; | ||
2 | import style from "antd/lib/image/style/index.css"; | 2 | import style from "antd/lib/image/style/index.css"; |
3 | angular | 3 | angular |
4 | .module("esNgAntd") | 4 | .module("esNgAntd") |
5 | - .directive("esImage", function ($timeout, esNgAntd, $compile) { | 5 | + .directive("antdImage", function ($timeout, esNgAntd, $compile) { |
6 | return { | 6 | return { |
7 | - controllerAs: "esImage", | 7 | + controllerAs: "antdImage", |
8 | restrict: "E", | 8 | restrict: "E", |
9 | transclude: true, | 9 | transclude: true, |
10 | replace: true, | 10 | replace: true, |
@@ -16,13 +16,13 @@ angular | @@ -16,13 +16,13 @@ angular | ||
16 | preview: "@", | 16 | preview: "@", |
17 | }, | 17 | }, |
18 | template: template, | 18 | template: template, |
19 | - controller: function ($scope, $element) { | 19 | + controller: function ($scope, $element, $attrs) { |
20 | this.getContext = function () { | 20 | this.getContext = function () { |
21 | return $scope; | 21 | return $scope; |
22 | }; | 22 | }; |
23 | 23 | ||
24 | $scope.state = { | 24 | $scope.state = { |
25 | - src: "data:image/png;base64,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", | 25 | + src: "data:image/png;base64,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", |
26 | // 可见性 | 26 | // 可见性 |
27 | visible: false, | 27 | visible: false, |
28 | // 有图片? | 28 | // 有图片? |
@@ -32,8 +32,8 @@ angular | @@ -32,8 +32,8 @@ angular | ||
32 | }; | 32 | }; |
33 | 33 | ||
34 | $scope.handleOpen = function () { | 34 | $scope.handleOpen = function () { |
35 | - if ($scope.esImagePreviewGroup) { | ||
36 | - $scope.esImagePreviewGroup.handleOpen( | 35 | + if ($scope.antdImagePreviewGroup) { |
36 | + $scope.antdImagePreviewGroup.handleOpen( | ||
37 | $scope.state.index | 37 | $scope.state.index |
38 | ); | 38 | ); |
39 | return; | 39 | return; |
@@ -58,7 +58,7 @@ angular | @@ -58,7 +58,7 @@ angular | ||
58 | <ul class="ant-image-preview-operations"> | 58 | <ul class="ant-image-preview-operations"> |
59 | <li class="ant-image-preview-operations-operation"> | 59 | <li class="ant-image-preview-operations-operation"> |
60 | <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> | 60 | <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> |
61 | - <es-icon type="CloseOutlined"></es-icon> | 61 | + <antd-icon type="CloseOutlined"></antd-icon> |
62 | </span> | 62 | </span> |
63 | </li> | 63 | </li> |
64 | </ul> | 64 | </ul> |
@@ -75,7 +75,7 @@ angular | @@ -75,7 +75,7 @@ angular | ||
75 | $compile(div)($scope); | 75 | $compile(div)($scope); |
76 | }; | 76 | }; |
77 | }, | 77 | }, |
78 | - require: ["?^esImagePreviewGroup"], | 78 | + require: ["?^antdImagePreviewGroup"], |
79 | link: function ( | 79 | link: function ( |
80 | $scope, | 80 | $scope, |
81 | $element, | 81 | $element, |
@@ -83,7 +83,7 @@ angular | @@ -83,7 +83,7 @@ angular | ||
83 | $controllers, | 83 | $controllers, |
84 | $transclude | 84 | $transclude |
85 | ) { | 85 | ) { |
86 | - let [esImagePreviewGroup] = $controllers; | 86 | + let [antdImagePreviewGroup] = $controllers; |
87 | esNgAntd.createStyle("ant-image", style); | 87 | esNgAntd.createStyle("ant-image", style); |
88 | let src = $scope.state.src; | 88 | let src = $scope.state.src; |
89 | 89 | ||
@@ -104,15 +104,14 @@ angular | @@ -104,15 +104,14 @@ angular | ||
104 | $scope.state.src = $scope.dSrc; | 104 | $scope.state.src = $scope.dSrc; |
105 | } | 105 | } |
106 | 106 | ||
107 | - if (esImagePreviewGroup) { | ||
108 | - $scope.esImagePreviewGroup = | ||
109 | - esImagePreviewGroup.getContext(); | 107 | + if (antdImagePreviewGroup) { |
108 | + $scope.antdImagePreviewGroup = | ||
109 | + antdImagePreviewGroup.getContext(); | ||
110 | $scope.state.index = | 110 | $scope.state.index = |
111 | - $scope.esImagePreviewGroup.addChildren($scope); | 111 | + $scope.antdImagePreviewGroup.addChildren($scope); |
112 | } else { | 112 | } else { |
113 | $scope.handlePreview(); | 113 | $scope.handlePreview(); |
114 | } | 114 | } |
115 | }, | 115 | }, |
116 | }; | 116 | }; |
117 | }); | 117 | }); |
118 | - |
build/ImagePreviewGroup/ImagePreviewGroup.js
1 | import template from "./ImagePreviewGroup.html"; | 1 | import template from "./ImagePreviewGroup.html"; |
2 | angular | 2 | angular |
3 | .module("esNgAntd") | 3 | .module("esNgAntd") |
4 | - .directive("esImagePreviewGroup", function (esNgAntd) { | 4 | + .directive("antdImagePreviewGroup", function (esNgAntd) { |
5 | return { | 5 | return { |
6 | - controllerAs: "esImagePreviewGroup", | 6 | + controllerAs: "antdImagePreviewGroup", |
7 | restrict: "E", | 7 | restrict: "E", |
8 | transclude: true, | 8 | transclude: true, |
9 | replace: true, | 9 | replace: true, |
@@ -96,7 +96,7 @@ angular | @@ -96,7 +96,7 @@ angular | ||
96 | <ul class="ant-image-preview-operations"> | 96 | <ul class="ant-image-preview-operations"> |
97 | <li class="ant-image-preview-operations-operation"> | 97 | <li class="ant-image-preview-operations-operation"> |
98 | <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> | 98 | <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> |
99 | - <es-icon type="CloseOutlined"></es-icon> | 99 | + <antd-icon type="CloseOutlined"></antd-icon> |
100 | </span> | 100 | </span> |
101 | </li> | 101 | </li> |
102 | </ul> | 102 | </ul> |
@@ -104,10 +104,10 @@ angular | @@ -104,10 +104,10 @@ angular | ||
104 | <img class="ant-image-preview-img" ng-src="{{state.src}}"/> | 104 | <img class="ant-image-preview-img" ng-src="{{state.src}}"/> |
105 | </div> | 105 | </div> |
106 | <div ng-class="{'ant-image-preview-switch-left': true, 'ant-image-preview-switch-left-disabled': state.current===0}" ng-click="handlePrev()"> | 106 | <div ng-class="{'ant-image-preview-switch-left': true, 'ant-image-preview-switch-left-disabled': state.current===0}" ng-click="handlePrev()"> |
107 | - <es-icon type="LeftOutlined"></es-icon> | 107 | + <antd-icon type="LeftOutlined"></antd-icon> |
108 | </div> | 108 | </div> |
109 | <div ng-class="{'ant-image-preview-switch-right': true,'ant-image-preview-switch-right-disabled': (state.childrens.length-1)===state.current}" ng-click="handleNext()"> | 109 | <div ng-class="{'ant-image-preview-switch-right': true,'ant-image-preview-switch-right-disabled': (state.childrens.length-1)===state.current}" ng-click="handleNext()"> |
110 | - <es-icon type="RightOutlined"></es-icon> | 110 | + <antd-icon type="RightOutlined"></antd-icon> |
111 | </div> | 111 | </div> |
112 | </div> | 112 | </div> |
113 | </div> | 113 | </div> |
build/Input/Input.html
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | <span ng-if="addonBefore||addonAfter" class="ant-input-group-wrapper"> | 3 | <span ng-if="addonBefore||addonAfter" class="ant-input-group-wrapper"> |
4 | <span class="ant-input-wrapper ant-input-group"> | 4 | <span class="ant-input-wrapper ant-input-group"> |
5 | <span ng-if="addonBefore" class="ant-input-group-addon">{{addonBefore}}</span> | 5 | <span ng-if="addonBefore" class="ant-input-group-addon">{{addonBefore}}</span> |
6 | - <input type="text" class="ant-input" ng-value="{{value}}" ng-change="onChange()" ng-model="default" id="{{esFormItem.name}}" /> | 6 | + <input type="text" class="ant-input" ng-value="{{value}}" ng-change="onChange()" ng-model="default" id="{{antdFormItem.name}}" /> |
7 | <span ng-if="addonAfter" class="ant-input-group-addon">{{addonAfter}}</span> | 7 | <span ng-if="addonAfter" class="ant-input-group-addon">{{addonAfter}}</span> |
8 | </span> | 8 | </span> |
9 | </span> | 9 | </span> |
build/Input/Input.js
1 | import style from "antd/lib/input/style/index.css"; | 1 | import style from "antd/lib/input/style/index.css"; |
2 | -angular.module("esNgAntd").directive("esInput", function ($compile, esNgAntd) { | ||
3 | - return { | ||
4 | - controllerAs: "esInput", | ||
5 | - restrict: "E", | ||
6 | - transclude: true, | ||
7 | - replace: true, | ||
8 | - scope: { | ||
9 | - value: "@", | ||
10 | - placeholder: "@", | ||
11 | - addonBefore: "@", | ||
12 | - addonAfter: "@", | ||
13 | - disabled: "@", | ||
14 | - onChange: "&", | ||
15 | - maxLength: "@", | ||
16 | - }, | ||
17 | - controller: function ($scope, $element) { | ||
18 | - this.getContext = function () { | ||
19 | - return $scope; | ||
20 | - }; | 2 | +angular |
3 | + .module("esNgAntd") | ||
4 | + .directive("antdInput", function ($compile, esNgAntd) { | ||
5 | + return { | ||
6 | + controllerAs: "antdInput", | ||
7 | + restrict: "E", | ||
8 | + transclude: true, | ||
9 | + replace: true, | ||
10 | + scope: { | ||
11 | + value: "@", | ||
12 | + placeholder: "@", | ||
13 | + addonBefore: "@", | ||
14 | + addonAfter: "@", | ||
15 | + disabled: "@", | ||
16 | + onChange: "&", | ||
17 | + maxLength: "@", | ||
18 | + }, | ||
19 | + controller: function ($scope, $element, $attrs) { | ||
20 | + this.getContext = function () { | ||
21 | + return $scope; | ||
22 | + }; | ||
21 | 23 | ||
22 | - $scope.state = { | ||
23 | - inputEventTarget: null, | ||
24 | - }; | 24 | + $scope.state = { |
25 | + inputEventTarget: null, | ||
26 | + }; | ||
25 | 27 | ||
26 | - $scope.handleClick = function (event) { | ||
27 | - $scope.state.inputEventTarget = event; | ||
28 | - }; | 28 | + $scope.handleClick = function (event) { |
29 | + $scope.state.inputEventTarget = event; | ||
30 | + }; | ||
29 | 31 | ||
30 | - $scope.handleChange = function () { | ||
31 | - $scope.onChange({ | ||
32 | - event: $scope.state.inputEventTarget, | ||
33 | - }); | ||
34 | - }; | 32 | + $scope.handleChange = function () { |
33 | + $scope.onChange({ | ||
34 | + event: $scope.state.inputEventTarget, | ||
35 | + }); | ||
36 | + }; | ||
35 | 37 | ||
36 | - $scope.getTemplate = function () { | ||
37 | - let maxLengthAttribute = ""; | ||
38 | - let styleAttribute = ""; | ||
39 | - let idAttribute = ""; | 38 | + $scope.getTemplate = function () { |
39 | + let maxLengthAttribute = ""; | ||
40 | + let styleAttribute = ""; | ||
41 | + let idAttribute = ""; | ||
40 | 42 | ||
41 | - if ($scope.maxLength) { | ||
42 | - maxLengthAttribute = `maxlength="${$scope.maxLength}"`; | ||
43 | - } | 43 | + if ($scope.maxLength) { |
44 | + maxLengthAttribute = `maxlength="${$scope.maxLength}"`; | ||
45 | + } | ||
44 | 46 | ||
45 | - if ($scope.style) { | ||
46 | - styleAttribute = `style="${$scope.style}"`; | ||
47 | - } | 47 | + if ($scope.style) { |
48 | + styleAttribute = `style="${$scope.style}"`; | ||
49 | + } | ||
48 | 50 | ||
49 | - if ($scope.esFormItem && $scope.esFormItem.name) { | ||
50 | - idAttribute = `id="${$scope.esFormItem.name}"`; | ||
51 | - } | 51 | + if ($scope.antdFormItem && $scope.antdFormItem.name) { |
52 | + idAttribute = `id="${$scope.antdFormItem.name}"`; | ||
53 | + } | ||
52 | 54 | ||
53 | - let templates = [ | ||
54 | - `<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}/>`, | ||
55 | - `<span class="ant-input-group-wrapper" ng-if="addonBefore||addonAfter"> | 55 | + let templates = [ |
56 | + `<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}/>`, | ||
57 | + `<span class="ant-input-group-wrapper" ng-if="addonBefore||addonAfter"> | ||
56 | <span class="ant-input-wrapper ant-input-group" style=""> | 58 | <span class="ant-input-wrapper ant-input-group" style=""> |
57 | <span class="ant-input-group-addon" ng-if="addonBefore">{{addonBefore}}</span> | 59 | <span class="ant-input-group-addon" ng-if="addonBefore">{{addonBefore}}</span> |
58 | <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}/> | 60 | <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}/> |
59 | <span class="ant-input-group-addon" ng-if="addonAfter">{{addonAfter}}</span> | 61 | <span class="ant-input-group-addon" ng-if="addonAfter">{{addonAfter}}</span> |
60 | </span> | 62 | </span> |
61 | </span>`, | 63 | </span>`, |
62 | - ]; | 64 | + ]; |
63 | 65 | ||
64 | - if ($scope.addonBefore || $scope.addonAfter) { | ||
65 | - return templates[1]; | ||
66 | - } else { | ||
67 | - return templates[0]; | ||
68 | - } | ||
69 | - }; | ||
70 | - }, | ||
71 | - require: ["?^esFormItem", "?^esForm"], | ||
72 | - link: function ($scope, $element, $attrs, $controllers, $transclude) { | ||
73 | - let [esFormItem, esForm] = $controllers; | ||
74 | - esNgAntd.createStyle("ant-input", style); // 上下文 | 66 | + if ($scope.addonBefore || $scope.addonAfter) { |
67 | + return templates[1]; | ||
68 | + } else { | ||
69 | + return templates[0]; | ||
70 | + } | ||
71 | + }; | ||
72 | + }, | ||
73 | + require: ["?^antdFormItem", "?^antdForm"], | ||
74 | + link: function ( | ||
75 | + $scope, | ||
76 | + $element, | ||
77 | + $attrs, | ||
78 | + $controllers, | ||
79 | + $transclude | ||
80 | + ) { | ||
81 | + let [antdFormItem, antdForm] = $controllers; | ||
82 | + esNgAntd.createStyle("ant-input", style); // 上下文 | ||
75 | 83 | ||
76 | - if (esForm) { | ||
77 | - $scope.esForm = esForm.getContext(); | ||
78 | - $scope.esForm.state.formItems.push($scope); | ||
79 | - } | 84 | + if (antdForm) { |
85 | + $scope.antdForm = antdForm.getContext(); | ||
86 | + $scope.antdForm.state.formItems.push($scope); | ||
87 | + } | ||
80 | 88 | ||
81 | - if (esFormItem) { | ||
82 | - $scope.esFormItem = esFormItem.getContext(); | ||
83 | - } | 89 | + if (antdFormItem) { |
90 | + $scope.antdFormItem = antdFormItem.getContext(); | ||
91 | + } | ||
84 | 92 | ||
85 | - $scope.style = $attrs.style; | ||
86 | - $element.replaceWith($compile($scope.getTemplate())($scope)); | ||
87 | - }, | ||
88 | - }; | ||
89 | -}); | 93 | + $scope.style = $attrs.style; |
94 | + $element.replaceWith($compile($scope.getTemplate())($scope)); | ||
95 | + }, | ||
96 | + }; | ||
97 | + }); |
build/InputGroup/InputGroup.js
1 | import template from "./InputGroup.html"; | 1 | import template from "./InputGroup.html"; |
2 | -angular.module("esNgAntd").directive("esInputGroup", function () { | 2 | +angular.module("esNgAntd").directive("antdInputGroup", function () { |
3 | return { | 3 | return { |
4 | - controllerAs: "esInputGroup", | 4 | + controllerAs: "antdInputGroup", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
build/InputNumber/InputNumber.js
1 | import template from "./InputNumber.html"; | 1 | import template from "./InputNumber.html"; |
2 | -angular.module("esNgAntd").directive("esInputNumber", function () { | 2 | +angular.module("esNgAntd").directive("antdInputNumber", function () { |
3 | return { | 3 | return { |
4 | - controllerAs: "esInputNumber", | 4 | + controllerAs: "antdInputNumber", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
@@ -18,7 +18,7 @@ angular.module("esNgAntd").directive("esInputNumber", function () { | @@ -18,7 +18,7 @@ angular.module("esNgAntd").directive("esInputNumber", function () { | ||
18 | parser: "&", | 18 | parser: "&", |
19 | disabled: "@", | 19 | disabled: "@", |
20 | }, | 20 | }, |
21 | - controller: function ($scope, $element) { | 21 | + controller: function ($scope, $element, $attrs) { |
22 | this.getContext = function () { | 22 | this.getContext = function () { |
23 | return $scope; | 23 | return $scope; |
24 | }; | 24 | }; |
build/InputSearch/InputSearch.html
1 | <span class="ant-input-group-wrapper ant-input-search"> | 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> | 3 | + <antd-input placeholder="{{placeholder}}" on-change="handleChange(event)"></antd-input> |
4 | <span class="ant-input-group-addon" ng-click="onSearch({value:state.value})"> | 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> | ||
7 | - </es-button> | 5 | + <antd-button html-type="button" class="ant-btn-icon-only ant-input-search-button"> |
6 | + <antd-icon type="SearchOutlined"></antd-icon> | ||
7 | + </antd-button> | ||
8 | </span> | 8 | </span> |
9 | </span> | 9 | </span> |
10 | </span> | 10 | </span> |
11 | \ No newline at end of file | 11 | \ No newline at end of file |
build/InputSearch/InputSearch.js
@@ -2,9 +2,9 @@ import template from "./InputSearch.html"; | @@ -2,9 +2,9 @@ import template from "./InputSearch.html"; | ||
2 | import style from "antd/lib/input/style/index.css"; | 2 | import style from "antd/lib/input/style/index.css"; |
3 | angular | 3 | angular |
4 | .module("esNgAntd") | 4 | .module("esNgAntd") |
5 | - .directive("esInputSearch", function ($compile, esNgAntd) { | 5 | + .directive("antdInputSearch", function ($compile, esNgAntd) { |
6 | return { | 6 | return { |
7 | - controllerAs: "esInputSearch", | 7 | + controllerAs: "antdInputSearch", |
8 | restrict: "E", | 8 | restrict: "E", |
9 | transclude: true, | 9 | transclude: true, |
10 | replace: true, | 10 | replace: true, |
@@ -14,7 +14,7 @@ angular | @@ -14,7 +14,7 @@ angular | ||
14 | onSearch: "&", | 14 | onSearch: "&", |
15 | }, | 15 | }, |
16 | template: template, | 16 | template: template, |
17 | - controller: function ($scope, $element) { | 17 | + controller: function ($scope, $element, $attrs) { |
18 | this.getContext = function () { | 18 | this.getContext = function () { |
19 | return $scope; | 19 | return $scope; |
20 | }; | 20 | }; |
build/List/List.html
1 | <div class="ant-list ant-list-split ant-list-something-after-last-item"> | 1 | <div class="ant-list ant-list-split ant-list-something-after-last-item"> |
2 | - <div class="ant-list-header" ng-if="header">{{header}}</div> | 2 | + <div class="ant-list-header" if="header">{{header}}</div> |
3 | <div class="ant-spin-nested-loading"> | 3 | <div class="ant-spin-nested-loading"> |
4 | <div class="ant-spin-container"> | 4 | <div class="ant-spin-container"> |
5 | <ul class="ant-list-items"> | 5 | <ul class="ant-list-items"> |
@@ -8,5 +8,5 @@ | @@ -8,5 +8,5 @@ | ||
8 | </ul> | 8 | </ul> |
9 | </div> | 9 | </div> |
10 | </div> | 10 | </div> |
11 | - <div class="ant-list-footer" ng-if="footer">{{footer}}</div> | 11 | + <div class="ant-list-footer" if="footer">{{footer}}</div> |
12 | </div> | 12 | </div> |
13 | \ No newline at end of file | 13 | \ No newline at end of file |
build/List/List.js
1 | import template from "./List.html"; | 1 | import template from "./List.html"; |
2 | -angular.module("esNgAntd").directive("esList", function ($compile) { | 2 | +angular.module("esNgAntd").directive("antdList", function ($compile) { |
3 | return { | 3 | return { |
4 | - controllerAs: "esList", | 4 | + controllerAs: "antdList", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
build/ListItem/ListItem.js
1 | import template from "./ListItem.html"; | 1 | import template from "./ListItem.html"; |
2 | -angular.module("esNgAntd").directive("esListItem", function () { | 2 | +angular.module("esNgAntd").directive("antdListItem", function () { |
3 | return { | 3 | return { |
4 | - controllerAs: "esListItem", | 4 | + controllerAs: "antdListItem", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
build/Message/Message.js
@@ -31,7 +31,7 @@ angular | @@ -31,7 +31,7 @@ angular | ||
31 | error: "CloseCircleFilled", | 31 | error: "CloseCircleFilled", |
32 | warning: "InfoCircleFilled", | 32 | warning: "InfoCircleFilled", |
33 | }; | 33 | }; |
34 | - return `<div class="ant-message-notice"><div class="ant-message-notice-content"><div class="ant-message-custom-content ant-message-${type}"><es-icon type="${icon[type]}"></es-icon><span>${content}</span></div></div></div>`; | 34 | + return `<div class="ant-message-notice"><div class="ant-message-notice-content"><div class="ant-message-custom-content ant-message-${type}"><antd-icon type="${icon[type]}"></antd-icon><span>${content}</span></div></div></div>`; |
35 | }; | 35 | }; |
36 | 36 | ||
37 | return { | 37 | return { |
build/Modal/Modal.html
@@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
6 | <div class="ant-modal-content"> | 6 | <div class="ant-modal-content"> |
7 | <button ng-if="title" type="button" class="ant-modal-close" ng-click="handleClose()"> | 7 | <button ng-if="title" type="button" class="ant-modal-close" ng-click="handleClose()"> |
8 | <span class="ant-modal-close-x"> | 8 | <span class="ant-modal-close-x"> |
9 | - <es-icon type="CloseOutlined"></es-icon> | 9 | + <antd-icon type="CloseOutlined"></antd-icon> |
10 | </span> | 10 | </span> |
11 | </button> | 11 | </button> |
12 | <div ng-if="title" class="ant-modal-header"> | 12 | <div ng-if="title" class="ant-modal-header"> |
@@ -15,12 +15,12 @@ | @@ -15,12 +15,12 @@ | ||
15 | <div class="ant-modal-body" ng-transclude></div> | 15 | <div class="ant-modal-body" ng-transclude></div> |
16 | <div ng-if="footer===undefined" class="ant-modal-footer"> | 16 | <div ng-if="footer===undefined" class="ant-modal-footer"> |
17 | <div> | 17 | <div> |
18 | - <es-button ng-click="onCancel()">{{state.cancelText}}</es-button> | ||
19 | - <es-button type="primary" ng-click="onOk()">{{state.okText}}</es-button> | 18 | + <antd-button ng-click="onCancel()">{{state.cancelText}}</antd-button> |
19 | + <antd-button type="primary" ng-click="onOk()">{{state.okText}}</antd-button> | ||
20 | </div> | 20 | </div> |
21 | </div> | 21 | </div> |
22 | <div ng-if="footer!==undefined" class="ant-modal-footer"> | 22 | <div ng-if="footer!==undefined" class="ant-modal-footer"> |
23 | - <es-slot content="{{footer}}" context="esModal.getContext().$parent"></es-slot> | 23 | + <antd-slot content="{{footer}}" context="antdModal.getContext().$parent"></antd-slot> |
24 | </div> | 24 | </div> |
25 | </div> | 25 | </div> |
26 | </div> | 26 | </div> |
build/Modal/Modal.js
1 | import template from "./Modal.html"; | 1 | import template from "./Modal.html"; |
2 | import style from "antd/lib/modal/style/index.css"; | 2 | import style from "antd/lib/modal/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esModal", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdModal", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esModal", | 5 | + controllerAs: "antdModal", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -17,7 +17,7 @@ angular.module("esNgAntd").directive("esModal", function (esNgAntd) { | @@ -17,7 +17,7 @@ angular.module("esNgAntd").directive("esModal", function (esNgAntd) { | ||
17 | footer: "@", | 17 | footer: "@", |
18 | }, | 18 | }, |
19 | template: template, | 19 | template: template, |
20 | - controller: function ($scope, $element) { | 20 | + controller: function ($scope, $element, $attrs) { |
21 | this.getContext = function () { | 21 | this.getContext = function () { |
22 | return $scope; | 22 | return $scope; |
23 | }; | 23 | }; |
build/Pagination/Pagination.html
@@ -2,31 +2,31 @@ | @@ -2,31 +2,31 @@ | ||
2 | <li ng-if="showTotal()" class="ant-pagination-total-text">{{handleShowTotal()}}</li> | 2 | <li ng-if="showTotal()" class="ant-pagination-total-text">{{handleShowTotal()}}</li> |
3 | <li ng-class="'ant-pagination-prev'+(state.current===1?' ant-pagination-disabled':'')" ng-click="handlePrev()"> | 3 | <li ng-class="'ant-pagination-prev'+(state.current===1?' ant-pagination-disabled':'')" ng-click="handlePrev()"> |
4 | <button type="button" class="ant-pagination-item-link"> | 4 | <button type="button" class="ant-pagination-item-link"> |
5 | - <es-icon type="LeftOutlined"></es-icon> | 5 | + <antd-icon type="LeftOutlined"></antd-icon> |
6 | </button> | 6 | </button> |
7 | </li> | 7 | </li> |
8 | <li ng-repeat="(key, value) in state.pageNumList track by key" ng-class="''+getItemLinkClassName(value)" ng-click="handleClick(value)"> | 8 | <li ng-repeat="(key, value) in state.pageNumList track by key" ng-class="''+getItemLinkClassName(value)" ng-click="handleClick(value)"> |
9 | <a ng-if="value!=='prev'&&value!=='next'">{{value}}</a> | 9 | <a ng-if="value!=='prev'&&value!=='next'">{{value}}</a> |
10 | <a ng-if="value==='prev'||value==='next'" class="ant-pagination-item-link"> | 10 | <a ng-if="value==='prev'||value==='next'" class="ant-pagination-item-link"> |
11 | <div class="ant-pagination-item-container"> | 11 | <div class="ant-pagination-item-container"> |
12 | - <es-icon ng-if="value==='prev'" type="DoubleLeftOutlined" class="ant-pagination-item-link-icon"></es-icon> | ||
13 | - <es-icon ng-if="value==='next'" type="DoubleRightOutlined" class="ant-pagination-item-link-icon"></es-icon> | 12 | + <antd-icon ng-if="value==='prev'" type="DoubleLeftOutlined" class="ant-pagination-item-link-icon"></antd-icon> |
13 | + <antd-icon ng-if="value==='next'" type="DoubleRightOutlined" class="ant-pagination-item-link-icon"></antd-icon> | ||
14 | <span class="ant-pagination-item-ellipsis">•••</span> | 14 | <span class="ant-pagination-item-ellipsis">•••</span> |
15 | </div> | 15 | </div> |
16 | </a> | 16 | </a> |
17 | </li> | 17 | </li> |
18 | <li ng-class="'ant-pagination-next'+(state.current===state.pageNum?' ant-pagination-disabled':'')" ng-click="handleNext()"> | 18 | <li ng-class="'ant-pagination-next'+(state.current===state.pageNum?' ant-pagination-disabled':'')" ng-click="handleNext()"> |
19 | <button type="button" class="ant-pagination-item-link"> | 19 | <button type="button" class="ant-pagination-item-link"> |
20 | - <es-icon type="RightOutlined"></es-icon> | 20 | + <antd-icon type="RightOutlined"></antd-icon> |
21 | </button> | 21 | </button> |
22 | </li> | 22 | </li> |
23 | <li class="ant-pagination-options"> | 23 | <li class="ant-pagination-options"> |
24 | - <es-select ng-if="showSizeChanger==='true'" class="ant-pagination-options-size-changer" size="{{size}}" value="{{state.defaultPageSize}}" get-popup-container="getPopupContainer" on-change="handleSelectChange(value)"> | ||
25 | - <es-select-option value="10">10 条/页</es-select-option> | ||
26 | - <es-select-option value="20">20 条/页</es-select-option> | ||
27 | - <es-select-option value="50">50 条/页</es-select-option> | ||
28 | - <es-select-option value="100">100 条/页</es-select-option> | ||
29 | - </es-select> | 24 | + <antd-select ng-if="showSizeChanger==='true'" class="ant-pagination-options-size-changer" size="{{size}}" value="{{state.defaultPageSize}}" get-popup-container="getPopupContainer" on-change="handleSelectChange(value)"> |
25 | + <antd-select-option value="10">10 条/页</antd-select-option> | ||
26 | + <antd-select-option value="20">20 条/页</antd-select-option> | ||
27 | + <antd-select-option value="50">50 条/页</antd-select-option> | ||
28 | + <antd-select-option value="100">100 条/页</antd-select-option> | ||
29 | + </antd-select> | ||
30 | <div ng-if="showQuickJumper==='true'" class="ant-pagination-options-quick-jumper"> | 30 | <div ng-if="showQuickJumper==='true'" class="ant-pagination-options-quick-jumper"> |
31 | 跳至<input type="text" ng-blur="handleBlur($event)" ng-keypress="onKeyPress($event)" />页 | 31 | 跳至<input type="text" ng-blur="handleBlur($event)" ng-keypress="onKeyPress($event)" />页 |
32 | </div> | 32 | </div> |
build/Pagination/Pagination.js
1 | import template from "./Pagination.html"; | 1 | import template from "./Pagination.html"; |
2 | import style from "antd/lib/pagination/style/index.css"; | 2 | import style from "antd/lib/pagination/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esPagination", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdPagination", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esPagination", | 5 | + controllerAs: "antdPagination", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
build/Popover/Popover.js
@@ -2,9 +2,9 @@ import template from "./Popover.html"; | @@ -2,9 +2,9 @@ import template from "./Popover.html"; | ||
2 | import style from "antd/lib/popover/style/index.css"; | 2 | import style from "antd/lib/popover/style/index.css"; |
3 | angular | 3 | angular |
4 | .module("esNgAntd") | 4 | .module("esNgAntd") |
5 | - .directive("esPopover", function ($compile, $timeout, esNgAntd) { | 5 | + .directive("antdPopover", function ($compile, $timeout, esNgAntd) { |
6 | return { | 6 | return { |
7 | - controllerAs: "esPopover", | 7 | + controllerAs: "antdPopover", |
8 | restrict: "E", | 8 | restrict: "E", |
9 | transclude: true, | 9 | transclude: true, |
10 | replace: true, | 10 | replace: true, |
@@ -160,7 +160,7 @@ angular | @@ -160,7 +160,7 @@ angular | ||
160 | } | 160 | } |
161 | }; | 161 | }; |
162 | }, | 162 | }, |
163 | - require: ["?^esTable"], | 163 | + require: ["?^antdTable"], |
164 | link: function ( | 164 | link: function ( |
165 | $scope, | 165 | $scope, |
166 | $element, | 166 | $element, |
@@ -168,7 +168,7 @@ angular | @@ -168,7 +168,7 @@ angular | ||
168 | $controllers, | 168 | $controllers, |
169 | $transclude | 169 | $transclude |
170 | ) { | 170 | ) { |
171 | - let [esTable] = $controllers; | 171 | + let [antdTable] = $controllers; |
172 | esNgAntd.createStyle("ant-popover", style); | 172 | esNgAntd.createStyle("ant-popover", style); |
173 | $scope.state.target = $element[0]; | 173 | $scope.state.target = $element[0]; |
174 | let title = $scope.title | 174 | let title = $scope.title |
@@ -216,7 +216,7 @@ angular | @@ -216,7 +216,7 @@ angular | ||
216 | div.querySelector(".ant-popover-inner-content").innerHTML = | 216 | div.querySelector(".ant-popover-inner-content").innerHTML = |
217 | $scope.state.content; | 217 | $scope.state.content; |
218 | 218 | ||
219 | - if (!esTable) { | 219 | + if (!antdTable) { |
220 | $compile(div.querySelector(".ant-popover-inner-content"))( | 220 | $compile(div.querySelector(".ant-popover-inner-content"))( |
221 | $scope.$parent | 221 | $scope.$parent |
222 | ); | 222 | ); |
build/Radio/Radio.js
1 | import template from "./Radio.html"; | 1 | import template from "./Radio.html"; |
2 | import style from "antd/lib/radio/style/index.css"; | 2 | import style from "antd/lib/radio/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esRadio", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdRadio", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esRadio", | 5 | + controllerAs: "antdRadio", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -12,7 +12,7 @@ angular.module("esNgAntd").directive("esRadio", function (esNgAntd) { | @@ -12,7 +12,7 @@ angular.module("esNgAntd").directive("esRadio", function (esNgAntd) { | ||
12 | disabled: "@", | 12 | disabled: "@", |
13 | }, | 13 | }, |
14 | template: template, | 14 | template: template, |
15 | - controller: function ($scope, $element) { | 15 | + controller: function ($scope, $element, $attrs) { |
16 | this.getContext = function () { | 16 | this.getContext = function () { |
17 | return $scope; | 17 | return $scope; |
18 | }; | 18 | }; |
@@ -23,14 +23,14 @@ angular.module("esNgAntd").directive("esRadio", function (esNgAntd) { | @@ -23,14 +23,14 @@ angular.module("esNgAntd").directive("esRadio", function (esNgAntd) { | ||
23 | 23 | ||
24 | $scope.handleClick = function (event) { | 24 | $scope.handleClick = function (event) { |
25 | event.preventDefault(); | 25 | event.preventDefault(); |
26 | - $scope.esRadioGroup.setValue(event); | 26 | + $scope.antdRadioGroup.setValue(event); |
27 | }; | 27 | }; |
28 | }, | 28 | }, |
29 | - require: ["?^esRadioGroup"], | 29 | + require: ["?^antdRadioGroup"], |
30 | link: function ($scope, $element, $attrs, $controllers, $transclude) { | 30 | link: function ($scope, $element, $attrs, $controllers, $transclude) { |
31 | - let [esRadioGroup] = $controllers; | ||
32 | - $scope.esRadioGroup = esRadioGroup.getContext(); | ||
33 | - $scope.esRadioGroup.state.childrens.push($scope); | 31 | + let [antdRadioGroup] = $controllers; |
32 | + $scope.antdRadioGroup = antdRadioGroup.getContext(); | ||
33 | + $scope.antdRadioGroup.state.childrens.push($scope); | ||
34 | esNgAntd.createStyle("ant-radio", style); | 34 | esNgAntd.createStyle("ant-radio", style); |
35 | }, | 35 | }, |
36 | }; | 36 | }; |
build/RadioButton/RadioButton.html
1 | -<label ng-class="'ant-radio-button-wrapper'+(esRadioGroup.state.value===value?' ant-radio-button-wrapper-checked':'')"> | 1 | +<label ng-class="'ant-radio-button-wrapper'+(antdRadioGroup.state.value===value?' ant-radio-button-wrapper-checked':'')"> |
2 | <span class="ant-radio-button"> | 2 | <span class="ant-radio-button"> |
3 | <input type="radio" class="ant-radio-button-input" ng-value="{{value}}" ng-click="handleClick($event)" /> | 3 | <input type="radio" class="ant-radio-button-input" ng-value="{{value}}" ng-click="handleClick($event)" /> |
4 | <span class="ant-radio-button-inner"></span> | 4 | <span class="ant-radio-button-inner"></span> |
build/RadioButton/RadioButton.js
1 | import template from "./RadioButton.html"; | 1 | import template from "./RadioButton.html"; |
2 | -angular.module("esNgAntd").directive("esRadioButton", function () { | 2 | +angular.module("esNgAntd").directive("antdRadioButton", function () { |
3 | return { | 3 | return { |
4 | - controllerAs: "esRadioButton", | 4 | + controllerAs: "antdRadioButton", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
8 | scope: { | 8 | scope: { |
9 | value: "@", | 9 | value: "@", |
10 | }, | 10 | }, |
11 | - controller: function ($scope, $element) { | 11 | + controller: function ($scope, $element, $attrs) { |
12 | this.getContext = function () { | 12 | this.getContext = function () { |
13 | return $scope; | 13 | return $scope; |
14 | }; | 14 | }; |
@@ -18,13 +18,13 @@ angular.module("esNgAntd").directive("esRadioButton", function () { | @@ -18,13 +18,13 @@ angular.module("esNgAntd").directive("esRadioButton", function () { | ||
18 | }; | 18 | }; |
19 | 19 | ||
20 | $scope.handleClick = function (event) { | 20 | $scope.handleClick = function (event) { |
21 | - $scope.esRadioGroup.setValue(event); | 21 | + $scope.antdRadioGroup.setValue(event); |
22 | }; | 22 | }; |
23 | }, | 23 | }, |
24 | - require: ["?^esRadioGroup"], | 24 | + require: ["?^antdRadioGroup"], |
25 | link: function ($scope, $element, $attrs, $controllers, $transclude) { | 25 | link: function ($scope, $element, $attrs, $controllers, $transclude) { |
26 | - let [esRadioGroup] = $controllers; | ||
27 | - $scope.esRadioGroup = esRadioGroup.getContext(); | 26 | + let [antdRadioGroup] = $controllers; |
27 | + $scope.antdRadioGroup = antdRadioGroup.getContext(); | ||
28 | $element.removeAttr("value"); | 28 | $element.removeAttr("value"); |
29 | }, | 29 | }, |
30 | }; | 30 | }; |
build/RadioGroup/RadioGroup.js
1 | import template from "./RadioGroup.html"; | 1 | import template from "./RadioGroup.html"; |
2 | -angular.module("esNgAntd").directive("esRadioGroup", function () { | 2 | +angular.module("esNgAntd").directive("antdRadioGroup", function () { |
3 | return { | 3 | return { |
4 | - controllerAs: "esRadioGroup", | 4 | + controllerAs: "antdRadioGroup", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
@@ -11,7 +11,7 @@ angular.module("esNgAntd").directive("esRadioGroup", function () { | @@ -11,7 +11,7 @@ angular.module("esNgAntd").directive("esRadioGroup", function () { | ||
11 | onChange: "&", | 11 | onChange: "&", |
12 | }, | 12 | }, |
13 | template: template, | 13 | template: template, |
14 | - controller: function ($scope, $element) { | 14 | + controller: function ($scope, $element, $attrs) { |
15 | this.getContext = function () { | 15 | this.getContext = function () { |
16 | return $scope; | 16 | return $scope; |
17 | }; | 17 | }; |
build/Row/Row.js
1 | import template from "./Row.html"; | 1 | import template from "./Row.html"; |
2 | import style from "antd/lib/grid/style/index.css"; | 2 | import style from "antd/lib/grid/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esRow", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdRow", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esRow", | 5 | + controllerAs: "antdRow", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -10,7 +10,7 @@ angular.module("esNgAntd").directive("esRow", function (esNgAntd) { | @@ -10,7 +10,7 @@ angular.module("esNgAntd").directive("esRow", function (esNgAntd) { | ||
10 | gutter: "@", | 10 | gutter: "@", |
11 | }, | 11 | }, |
12 | template: template, | 12 | template: template, |
13 | - controller: function ($scope, $element) { | 13 | + controller: function ($scope, $element, $attrs) { |
14 | this.getContext = function () { | 14 | this.getContext = function () { |
15 | return $scope; | 15 | return $scope; |
16 | }; | 16 | }; |
build/Select/Select.html
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | <span class="ant-select-selection-item">{{state.label}}</span> | 3 | <span class="ant-select-selection-item">{{state.label}}</span> |
4 | </div> | 4 | </div> |
5 | <span class="ant-select-arrow"> | 5 | <span class="ant-select-arrow"> |
6 | - <es-icon type="DownOutlined"></es-icon> | 6 | + <antd-icon type="DownOutlined"></antd-icon> |
7 | </span> | 7 | </span> |
8 | <span hidden ng-transclude></span> | 8 | <span hidden ng-transclude></span> |
9 | </div> | 9 | </div> |
10 | \ No newline at end of file | 10 | \ No newline at end of file |
build/Select/Select.js
@@ -2,9 +2,9 @@ import template from "./Select.html"; | @@ -2,9 +2,9 @@ import template from "./Select.html"; | ||
2 | import style from "antd/lib/select/style/index.css"; | 2 | import style from "antd/lib/select/style/index.css"; |
3 | angular | 3 | angular |
4 | .module("esNgAntd") | 4 | .module("esNgAntd") |
5 | - .directive("esSelect", function ($compile, $timeout, esNgAntd) { | 5 | + .directive("antdSelect", function ($compile, $timeout, esNgAntd) { |
6 | return { | 6 | return { |
7 | - controllerAs: "esSelect", | 7 | + controllerAs: "antdSelect", |
8 | restrict: "E", | 8 | restrict: "E", |
9 | transclude: true, | 9 | transclude: true, |
10 | replace: true, | 10 | replace: true, |
@@ -143,7 +143,7 @@ angular | @@ -143,7 +143,7 @@ angular | ||
143 | $scope.handleBlur(); | 143 | $scope.handleBlur(); |
144 | }; | 144 | }; |
145 | }, | 145 | }, |
146 | - require: ["?^esForm", "?^esFormItem"], | 146 | + require: ["?^antdForm", "?^antdFormItem"], |
147 | link: function ( | 147 | link: function ( |
148 | $scope, | 148 | $scope, |
149 | $element, | 149 | $element, |
@@ -151,16 +151,16 @@ angular | @@ -151,16 +151,16 @@ angular | ||
151 | $controllers, | 151 | $controllers, |
152 | $transclude | 152 | $transclude |
153 | ) { | 153 | ) { |
154 | - let [esForm, esFormItem] = $controllers; | 154 | + let [antdForm, antdFormItem] = $controllers; |
155 | esNgAntd.createStyle("ant-select", style); | 155 | esNgAntd.createStyle("ant-select", style); |
156 | 156 | ||
157 | - if (esForm) { | ||
158 | - $scope.esForm = esForm.getContext(); | ||
159 | - $scope.esForm.state.formItems.push($scope); | 157 | + if (antdForm) { |
158 | + $scope.antdForm = antdForm.getContext(); | ||
159 | + $scope.antdForm.state.formItems.push($scope); | ||
160 | } | 160 | } |
161 | 161 | ||
162 | - if (esFormItem) { | ||
163 | - $scope.esFormItem = esFormItem.getContext(); | 162 | + if (antdFormItem) { |
163 | + $scope.antdFormItem = antdFormItem.getContext(); | ||
164 | } | 164 | } |
165 | 165 | ||
166 | $timeout(function () { | 166 | $timeout(function () { |
build/SelectOption/SelectOption.js
@@ -2,9 +2,9 @@ | @@ -2,9 +2,9 @@ | ||
2 | * 选项 | 2 | * 选项 |
3 | */ | 3 | */ |
4 | import template from "./SelectOption.html"; | 4 | import template from "./SelectOption.html"; |
5 | -angular.module("esNgAntd").directive("esSelectOption", function () { | 5 | +angular.module("esNgAntd").directive("antdSelectOption", function () { |
6 | return { | 6 | return { |
7 | - controllerAs: "esSelectOption", | 7 | + controllerAs: "antdSelectOption", |
8 | restrict: "E", | 8 | restrict: "E", |
9 | transclude: true, | 9 | transclude: true, |
10 | replace: true, | 10 | replace: true, |
@@ -12,7 +12,7 @@ angular.module("esNgAntd").directive("esSelectOption", function () { | @@ -12,7 +12,7 @@ angular.module("esNgAntd").directive("esSelectOption", function () { | ||
12 | value: "@", | 12 | value: "@", |
13 | }, | 13 | }, |
14 | template: template, | 14 | template: template, |
15 | - controller: function ($scope, $element) { | 15 | + controller: function ($scope, $element, $attrs) { |
16 | this.getContext = function () { | 16 | this.getContext = function () { |
17 | return $scope; | 17 | return $scope; |
18 | }; | 18 | }; |
@@ -21,11 +21,11 @@ angular.module("esNgAntd").directive("esSelectOption", function () { | @@ -21,11 +21,11 @@ angular.module("esNgAntd").directive("esSelectOption", function () { | ||
21 | label: null, | 21 | label: null, |
22 | }; | 22 | }; |
23 | }, | 23 | }, |
24 | - require: ["?^esSelect"], | 24 | + require: ["?^antdSelect"], |
25 | link: function ($scope, $element, $attrs, $controllers, $transclude) { | 25 | link: function ($scope, $element, $attrs, $controllers, $transclude) { |
26 | - let [esSelect] = $controllers; | ||
27 | - $scope.esSelect = esSelect.getContext(); | ||
28 | - $scope.esSelect.addOption({ | 26 | + let [antdSelect] = $controllers; |
27 | + $scope.antdSelect = antdSelect.getContext(); | ||
28 | + $scope.antdSelect.addOption({ | ||
29 | value: $scope.value, | 29 | value: $scope.value, |
30 | label: null, | 30 | label: null, |
31 | element: $element, | 31 | element: $element, |
build/Slot/Slot.js
1 | -angular.module("esNgAntd").directive("esSlot", function ($compile) { | 1 | +angular.module("esNgAntd").directive("antdSlot", function ($compile) { |
2 | return { | 2 | return { |
3 | - controllerAs: "esSlot", | 3 | + controllerAs: "antdSlot", |
4 | restrict: "E", | 4 | restrict: "E", |
5 | transclude: true, | 5 | transclude: true, |
6 | replace: true, | 6 | replace: true, |
build/Space/Space.js
1 | import template from "./Space.html"; | 1 | import template from "./Space.html"; |
2 | import style from "antd/lib/space/style/index.css"; | 2 | import style from "antd/lib/space/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esSpace", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdSpace", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esSpace", | 5 | + controllerAs: "antdSpace", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
build/Spin/Spin.js
1 | import template from "./Spin.html"; | 1 | import template from "./Spin.html"; |
2 | -angular.module("esNgAntd").directive("esSpin", function () { | 2 | +angular.module("esNgAntd").directive("antdSpin", function () { |
3 | return { | 3 | return { |
4 | - controllerAs: "esSpin", | 4 | + controllerAs: "antdSpin", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
build/TabPane/TabPane.js
1 | import template from "./TabPane.html"; | 1 | import template from "./TabPane.html"; |
2 | -angular.module("esNgAntd").directive("esTabPane", function () { | 2 | +angular.module("esNgAntd").directive("antdTabPane", function () { |
3 | return { | 3 | return { |
4 | - controllerAs: "esTabPane", | 4 | + controllerAs: "antdTabPane", |
5 | restrict: "E", | 5 | restrict: "E", |
6 | transclude: true, | 6 | transclude: true, |
7 | replace: true, | 7 | replace: true, |
@@ -10,7 +10,7 @@ angular.module("esNgAntd").directive("esTabPane", function () { | @@ -10,7 +10,7 @@ angular.module("esNgAntd").directive("esTabPane", function () { | ||
10 | tab: "@", | 10 | tab: "@", |
11 | }, | 11 | }, |
12 | template: template, | 12 | template: template, |
13 | - controller: function ($scope, $element) { | 13 | + controller: function ($scope, $element, $attrs) { |
14 | this.getContext = function () { | 14 | this.getContext = function () { |
15 | return $scope; | 15 | return $scope; |
16 | }; | 16 | }; |
@@ -22,7 +22,7 @@ angular.module("esNgAntd").directive("esTabPane", function () { | @@ -22,7 +22,7 @@ angular.module("esNgAntd").directive("esTabPane", function () { | ||
22 | $scope.watch = { | 22 | $scope.watch = { |
23 | tab: function (newVal, oldVal) { | 23 | tab: function (newVal, oldVal) { |
24 | if (newVal !== oldVal) { | 24 | if (newVal !== oldVal) { |
25 | - let item = $scope.esTabs.state.labels.find(function ( | 25 | + let item = $scope.antdTabs.state.labels.find(function ( |
26 | item | 26 | item |
27 | ) { | 27 | ) { |
28 | return item.key === $scope.key; | 28 | return item.key === $scope.key; |
@@ -39,16 +39,16 @@ angular.module("esNgAntd").directive("esTabPane", function () { | @@ -39,16 +39,16 @@ angular.module("esNgAntd").directive("esTabPane", function () { | ||
39 | $scope.$watch(key, $scope.watch[key], true); | 39 | $scope.$watch(key, $scope.watch[key], true); |
40 | } | 40 | } |
41 | }, | 41 | }, |
42 | - require: ["?^esTabs"], | 42 | + require: ["?^antdTabs"], |
43 | link: function ($scope, $element, $attrs, $controllers, $transclude) { | 43 | link: function ($scope, $element, $attrs, $controllers, $transclude) { |
44 | - let [esTabs] = $controllers; | ||
45 | - $scope.esTabs = esTabs.getContext(); | ||
46 | - $scope.esTabs.state.labels.push({ | 44 | + let [antdTabs] = $controllers; |
45 | + $scope.antdTabs = antdTabs.getContext(); | ||
46 | + $scope.antdTabs.state.labels.push({ | ||
47 | name: $scope.tab, | 47 | name: $scope.tab, |
48 | key: $scope.key, | 48 | key: $scope.key, |
49 | }); | 49 | }); |
50 | - $scope.esTabs.state.childrens.push($scope); | ||
51 | - $scope.state.activeKey = $scope.esTabs.state.activeKey; | 50 | + $scope.antdTabs.state.childrens.push($scope); |
51 | + $scope.state.activeKey = $scope.antdTabs.state.activeKey; | ||
52 | }, | 52 | }, |
53 | }; | 53 | }; |
54 | }); | 54 | }); |
build/Table/Table.html
1 | <div class="ant-table-wrapper"> | 1 | <div class="ant-table-wrapper"> |
2 | - <es-spin spinning="{{loading}}"> | ||
3 | - <div ng-class="'ant-table ant-table-'+state.size"> | ||
4 | - <div class="ant-table-content"> | ||
5 | - <table> | ||
6 | - <thead class="ant-table-thead"> | ||
7 | - <tr> | ||
8 | - <th ng-if="rowSelection" class="ant-table-selection-column"> | ||
9 | - <span class="ant-table-header-column"> | ||
10 | - <div> | ||
11 | - <span class="ant-table-column-title"> | ||
12 | - <div class="ant-table-selection"> | ||
13 | - <es-checkbox on-change="handleSelectAll(event)" checked="{{state.isSelectAll}}" /> | ||
14 | - </div> | 2 | + <div ng-class="'ant-table ant-table-'+state.size"> |
3 | + <div class="ant-table-content"> | ||
4 | + <table> | ||
5 | + <thead class="ant-table-thead"> | ||
6 | + <tr> | ||
7 | + <th ng-if="rowSelection" class="ant-table-selection-column"> | ||
8 | + <span class="ant-table-header-column"> | ||
9 | + <div> | ||
10 | + <span class="ant-table-column-title"> | ||
11 | + <div class="ant-table-selection"> | ||
12 | + <antd-checkbox on-change="handleSelectAll(event)" checked="{{state.isSelectAll}}" /> | ||
13 | + </div> | ||
14 | + </span> | ||
15 | + </div> | ||
16 | + </span> | ||
17 | + </th> | ||
18 | + <th ng-repeat="(key, column) in columns" class="ant-table-cell ant-table-column-has-sorters" ng-style="{width:column.width}"> | ||
19 | + <span ng-if="!column.sorter">{{column.title}}</span> | ||
20 | + <div ng-if="column.sorter" class="ant-table-column-sorters" ng-click="handleSorter(column.key)"> | ||
21 | + <span class="ant-table-column-title">{{column.title}}</span> | ||
22 | + <span class="ant-table-column-sorter ant-table-column-sorter-full"> | ||
23 | + <span class="ant-table-column-sorter-inner"> | ||
24 | + <antd-icon type="CaretUpOutlined" ng-class="'ant-table-column-sorter-up'+(state.sorter.field===column.key&&state.sorter.order==='ascend'?' active':'')"></antd-icon> | ||
25 | + <antd-icon type="CaretDownOutlined" ng-class="'ant-table-column-sorter-down'+(state.sorter.field===column.key&&state.sorter.order==='descend'?' active':'')"></antd-icon> | ||
15 | </span> | 26 | </span> |
16 | - </div> | ||
17 | - </span> | 27 | + </span> |
28 | + </div> | ||
18 | </th> | 29 | </th> |
19 | - <th ng-repeat="(key, column) in columns track by key" class="ant-table-cell ant-table-column-has-sorters" ng-style="{width:column.width}"> | ||
20 | - <span ng-if="!column.sorter">{{column.title}}</span> | ||
21 | - <div ng-if="column.sorter" class="ant-table-column-sorters" ng-click="handleSorter(column.key)"> | ||
22 | - <span class="ant-table-column-title">{{column.title}}</span> | ||
23 | - <span class="ant-table-column-sorter ant-table-column-sorter-full"> | ||
24 | - <span class="ant-table-column-sorter-inner"> | ||
25 | - <es-icon type="CaretUpOutlined" ng-class="'ant-table-column-sorter-up'+(state.sorter.field===column.key&&state.sorter.order==='ascend'?' active':'')"></es-icon> | ||
26 | - <es-icon type="CaretDownOutlined" ng-class="'ant-table-column-sorter-down'+(state.sorter.field===column.key&&state.sorter.order==='descend'?' active':'')"></es-icon> | ||
27 | - </span> | ||
28 | - </span> | ||
29 | - </div> | ||
30 | - </th> | ||
31 | - </tr> | ||
32 | - </thead> | ||
33 | - <tbody class="ant-table-tbody"> | ||
34 | - <tr ng-repeat="(key, record) in state.dataSource track by record[state.rowKey]" class="ant-table-row"> | ||
35 | - <td ng-if="rowSelection" class="ant-table-selection-column"> | ||
36 | - <span> | ||
37 | - <es-checkbox checked="record.checked" disabled="record.disabled" on-change="handleSelect(event,$index)" /> | ||
38 | - </span> | ||
39 | - </td> | ||
40 | - <td ng-repeat="(key, column) in columns track by key" data-key="{{column.key}}"> | ||
41 | - <es-slot content="{{record[column.key]}}" context="esTable.getContext().$parent" /> | ||
42 | - </td> | ||
43 | - </tr> | ||
44 | - <tr ng-if="state.dataSource.length===0" class="ant-table-placeholder"> | ||
45 | - <td colspan="{{rowSelection?columns.length+1:columns.length}}"> | ||
46 | - <es-empty image="presented_image_simple"></es-empty> | ||
47 | - </td> | ||
48 | - </tr> | ||
49 | - </tbody> | ||
50 | - </table> | ||
51 | - </div> | 30 | + </tr> |
31 | + </thead> | ||
32 | + <tbody class="ant-table-tbody"> | ||
33 | + <tr ng-repeat="(key, record) in state.dataSource track by record[state.rowKey]" class="ant-table-row"> | ||
34 | + <td ng-if="rowSelection" class="ant-table-selection-column"> | ||
35 | + <span> | ||
36 | + <antd-checkbox checked="{{record.checked}}" disabled="{{record.disabled}}" on-change="handleSelect(event,$index)" /> | ||
37 | + </span> | ||
38 | + </td> | ||
39 | + <td ng-repeat="(key, column) in columns track by key" data-key="{{column.key}}"> | ||
40 | + <antd-slot content="{{record[column.key]}}" context="antdTable.getContext().$parent" /> | ||
41 | + </td> | ||
42 | + </tr> | ||
43 | + <tr ng-if="state.dataSource.length===0" class="ant-table-placeholder"> | ||
44 | + <td colspan="{{rowSelection?columns.length+1:columns.length}}"> | ||
45 | + <antd-empty image="presented_image_simple"></antd-empty> | ||
46 | + </td> | ||
47 | + </tr> | ||
48 | + </tbody> | ||
49 | + </table> | ||
52 | </div> | 50 | </div> |
53 | - </es-spin> | 51 | + </div> |
54 | </div> | 52 | </div> |
55 | \ No newline at end of file | 53 | \ No newline at end of file |
build/Table/Table.js
1 | import template from "./Table.html"; | 1 | import template from "./Table.html"; |
2 | import style from "antd/lib/table/style/index.css"; | 2 | import style from "antd/lib/table/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esTable", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdTable", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esTable", | 5 | + controllerAs: "antdTable", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
build/Tabs/Tabs.js
1 | import template from "./Tabs.html"; | 1 | import template from "./Tabs.html"; |
2 | import style from "antd/lib/tabs/style/index.css"; | 2 | import style from "antd/lib/tabs/style/index.css"; |
3 | -angular.module("esNgAntd").directive("esTabs", function (esNgAntd) { | 3 | +angular.module("esNgAntd").directive("antdTabs", function (esNgAntd) { |
4 | return { | 4 | return { |
5 | - controllerAs: "esTabs", | 5 | + controllerAs: "antdTabs", |
6 | restrict: "E", | 6 | restrict: "E", |
7 | transclude: true, | 7 | transclude: true, |
8 | replace: true, | 8 | replace: true, |
@@ -11,7 +11,7 @@ angular.module("esNgAntd").directive("esTabs", function (esNgAntd) { | @@ -11,7 +11,7 @@ angular.module("esNgAntd").directive("esTabs", function (esNgAntd) { | ||
11 | onChange: "&", | 11 | onChange: "&", |
12 | }, | 12 | }, |
13 | template: template, | 13 | template: template, |
14 | - controller: function ($scope, $element) { | 14 | + controller: function ($scope, $element, $attrs) { |
15 | this.getContext = function () { | 15 | this.getContext = function () { |
16 | return $scope; | 16 | return $scope; |
17 | }; | 17 | }; |
build/Tag/Tag.js
build/Textarea/Textarea.html
1 | <div> | 1 | <div> |
2 | - <textarea class="ant-input" rows="4" ng-model="state.value" ng-change="handleChange()" placeholder="{{placeholder}}" ng-keyup="handleKeyup($event)" ng-click="handleClick($event)" maxlength="{{state.maxLength}}"></textarea> | 2 | + <textarea class="ant-input" rows="4" ng-model="state.value" on-change="handleChange()" placeholder="{{placeholder}}" ng-keyup="handleKeyup($event)" ng-click="handleClick($event)" maxlength="{{state.maxLength}}"></textarea> |
3 | </div> | 3 | </div> |
4 | \ No newline at end of file | 4 | \ No newline at end of file |
build/Textarea/Textarea.js
@@ -3,9 +3,9 @@ | @@ -3,9 +3,9 @@ | ||
3 | */ | 3 | */ |
4 | import template from "./Textarea.html"; | 4 | import template from "./Textarea.html"; |
5 | import style from "antd/lib/input/style/index.css"; | 5 | import style from "antd/lib/input/style/index.css"; |
6 | -angular.module("esNgAntd").directive("esTextarea", function () { | 6 | +angular.module("esNgAntd").directive("antdTextarea", function () { |
7 | return { | 7 | return { |
8 | - controllerAs: "esTextarea", | 8 | + controllerAs: "antdTextarea", |
9 | restrict: "E", | 9 | restrict: "E", |
10 | transclude: true, | 10 | transclude: true, |
11 | replace: true, | 11 | replace: true, |
@@ -18,7 +18,7 @@ angular.module("esNgAntd").directive("esTextarea", function () { | @@ -18,7 +18,7 @@ angular.module("esNgAntd").directive("esTextarea", function () { | ||
18 | value: "@", | 18 | value: "@", |
19 | }, | 19 | }, |
20 | template: template, | 20 | template: template, |
21 | - controller: function ($scope, $element) { | 21 | + controller: function ($scope, $element, $attrs) { |
22 | this.getContext = function () { | 22 | this.getContext = function () { |
23 | return $scope; | 23 | return $scope; |
24 | }; | 24 | }; |
dist/ng-antd.js
@@ -82,7 +82,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Che | @@ -82,7 +82,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Che | ||
82 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 82 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
83 | 83 | ||
84 | "use strict"; | 84 | "use strict"; |
85 | -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Checkbox_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Checkbox.html */ \"./build/Checkbox/Checkbox.html\");\n/* harmony import */ var antd_lib_checkbox_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/checkbox/style/index.css */ \"./node_modules/antd/lib/checkbox/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"esCheckbox\", function (esNgAntd) {\n return {\n controllerAs: \"esCheckbox\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n defaultChecked: \"@\",\n checked: \"@\",\n disabled: \"@\",\n onChange: \"&\",\n },\n template: _Checkbox_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n checked: $scope.checked || $scope.defaultChecked,\n disabled: $scope.disabled,\n };\n $scope.watch = {\n checked: function (newValue) {\n if (newValue !== undefined) {\n $scope.state.checked =\n newValue === \"true\" ? true : false;\n }\n },\n disabled: function (newValue) {\n if (newValue !== undefined) {\n $scope.state.disabled = newValue;\n }\n },\n };\n\n for (const key in $scope.watch) {\n $scope.$watch(key, $scope.watch[key], true);\n }\n\n $scope.handleClick = function ($event) {\n $scope.state.checked = !$scope.state.checked;\n $scope.onChange({\n event: $event,\n });\n };\n },\n link: function ($scope, $element, $attrs, $controllers, $transclude) {\n esNgAntd.createStyle(\"ant-checkbox\", antd_lib_checkbox_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Checkbox/Checkbox.js?"); | 85 | +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Checkbox_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Checkbox.html */ \"./build/Checkbox/Checkbox.html\");\n/* harmony import */ var antd_lib_checkbox_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/checkbox/style/index.css */ \"./node_modules/antd/lib/checkbox/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"esCheckbox\", function (esNgAntd) {\n return {\n controllerAs: \"esCheckbox\",\n restrict: \"E\",\n transclude: true,\n replace: true,\n scope: {\n defaultChecked: \"@\",\n checked: \"@\",\n disabled: \"@\",\n onChange: \"&\",\n },\n template: _Checkbox_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n controller: function ($scope, $element, $attrs) {\n this.getContext = function () {\n return $scope;\n };\n\n $scope.state = {\n checked: $scope.checked || $scope.defaultChecked,\n disabled: false,\n };\n $scope.watch = {\n checked: function (newValue) {\n if (newValue !== undefined) {\n $scope.state.checked =\n newValue === \"true\" ? true : false;\n }\n },\n disabled: function (newValue) {\n if (newValue !== undefined) {\n $scope.state.disabled =\n newValue === \"true\" || newValue === \"disabled\"\n ? true\n : false;\n }\n },\n };\n\n for (const key in $scope.watch) {\n $scope.$watch(key, $scope.watch[key], true);\n }\n\n $scope.handleClick = function ($event) {\n $scope.state.checked = !$scope.state.checked;\n $scope.onChange({\n event: $event,\n });\n };\n },\n link: function ($scope, $element, $attrs, $controllers, $transclude) {\n esNgAntd.createStyle(\"ant-checkbox\", antd_lib_checkbox_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n },\n };\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Checkbox/Checkbox.js?"); |
86 | 86 | ||
87 | /***/ }), | 87 | /***/ }), |
88 | 88 | ||
@@ -9771,7 +9771,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | @@ -9771,7 +9771,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac | ||
9771 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | 9771 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
9772 | 9772 | ||
9773 | "use strict"; | 9773 | "use strict"; |
9774 | -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 ng-class=\\\"'ant-table ant-table-'+state.size\\\">\\n <div class=\\\"ant-table-content\\\">\\n <table>\\n <thead class=\\\"ant-table-thead\\\">\\n <tr>\\n <th ng-if=\\\"rowSelection\\\" class=\\\"ant-table-selection-column\\\">\\n <span 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=\\\"{{rowSelection?columns.length+1: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?"); | 9774 | +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// Module\nvar code = \"<div class=\\\"ant-table-wrapper\\\">\\n <div ng-class=\\\"'ant-table ant-table-'+state.size\\\">\\n <div class=\\\"ant-table-content\\\">\\n <table>\\n <thead class=\\\"ant-table-thead\\\">\\n <tr>\\n <th ng-if=\\\"rowSelection\\\" class=\\\"ant-table-selection-column\\\">\\n <span 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\\\" 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=\\\"{{rowSelection?columns.length+1:columns.length}}\\\">\\n <es-empty image=\\\"presented_image_simple\\\"></es-empty>\\n </td>\\n </tr>\\n </tbody>\\n </table>\\n </div>\\n </div>\n</div>\";\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);\n\n//# sourceURL=webpack://ng-antd/./build/Table/Table.html?"); |
9775 | 9775 | ||
9776 | /***/ }), | 9776 | /***/ }), |
9777 | 9777 |
example/modal.html
@@ -10,9 +10,10 @@ | @@ -10,9 +10,10 @@ | ||
10 | <div ng-app="esNgAntd" ng-controller="mainCtrl"> | 10 | <div ng-app="esNgAntd" ng-controller="mainCtrl"> |
11 | <div class="container" style="padding: 50px"> | 11 | <div class="container" style="padding: 50px"> |
12 | <button ng-click="showModal()">Open Modal</button> | 12 | <button ng-click="showModal()">Open Modal</button> |
13 | - <es-modal visible="{{visible}}" title="Modal" footer="footer" on-cancel="handleCancel()" on-ok="handleOk()"> | ||
14 | - <div>I am div.</div> | ||
15 | - </es-modal> | 13 | + <es-table columns="columns" ng-if="visible"></es-table> |
14 | + <!-- <es-modal visible="{{visible}}" title="Modal" on-cancel="handleCancel()" on-ok="handleOk()"> | ||
15 | + <es-button>123123</es-button> | ||
16 | + </es-modal> --> | ||
16 | </div> | 17 | </div> |
17 | </div> | 18 | </div> |
18 | <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script> | 19 | <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script> |
@@ -21,10 +22,14 @@ | @@ -21,10 +22,14 @@ | ||
21 | angular | 22 | angular |
22 | .module("esNgAntd") | 23 | .module("esNgAntd") |
23 | .controller("mainCtrl", function ($scope) { | 24 | .controller("mainCtrl", function ($scope) { |
25 | + $scope.columns = [{ | ||
26 | + title: "AAA", | ||
27 | + key: "aaa" | ||
28 | + }] | ||
24 | $scope.visible = true; | 29 | $scope.visible = true; |
25 | $scope.footer = `<es-button ng-click="handleCancel()">确认可以</es-button>`; | 30 | $scope.footer = `<es-button ng-click="handleCancel()">确认可以</es-button>`; |
26 | $scope.showModal = function () { | 31 | $scope.showModal = function () { |
27 | - $scope.visible = true; | 32 | + $scope.visible = !$scope.visible; |
28 | } | 33 | } |
29 | $scope.handleCancel = function() { | 34 | $scope.handleCancel = function() { |
30 | $scope.visible = false; | 35 | $scope.visible = false; |
src/.DS_Store deleted
No preview for this file type
src/Alert/Alert.html
1 | <div className={'ant-alert' + (type ? " ant-alert-" + type : "") + (!showIcon ? " ant-alert-no-icon" : "") + (description?" ant-alert-with-description":"")}> | 1 | <div className={'ant-alert' + (type ? " ant-alert-" + type : "") + (!showIcon ? " ant-alert-no-icon" : "") + (description?" ant-alert-with-description":"")}> |
2 | - {showIcon && type === 'warning' && <span className="anticon ant-alert-icon"><es-icon type="ExclamationCircleFilled"></es-icon></span>} | ||
3 | - {showIcon && type === 'success' && <span className="anticon ant-alert-icon"><es-icon type="CheckCircleFilled"></es-icon></span>} | ||
4 | - {showIcon && type === 'info' && <span className="anticon ant-alert-icon"><es-icon type="InfoCircleFilled"></es-icon></span>} | ||
5 | - {showIcon && type === 'error' && <span className="anticon ant-alert-icon"><es-icon type="CloseCircleFilled"></es-icon></span>} | 2 | + {showIcon && type === 'warning' && <span className="anticon ant-alert-icon"><antd-icon type="ExclamationCircleFilled"></antd-icon></span>} |
3 | + {showIcon && type === 'success' && <span className="anticon ant-alert-icon"><antd-icon type="CheckCircleFilled"></antd-icon></span>} | ||
4 | + {showIcon && type === 'info' && <span className="anticon ant-alert-icon"><antd-icon type="InfoCircleFilled"></antd-icon></span>} | ||
5 | + {showIcon && type === 'error' && <span className="anticon ant-alert-icon"><antd-icon type="CloseCircleFilled"></antd-icon></span>} | ||
6 | <div className="ant-alert-content"> | 6 | <div className="ant-alert-content"> |
7 | <div className="ant-alert-message">{message}</div> | 7 | <div className="ant-alert-message">{message}</div> |
8 | - {description && <div className="ant-alert-description" ><es-slot content="{{description}}"></es-slot></div>} | 8 | + {description && <div className="ant-alert-description" ><antd-slot content="{{description}}"></antd-slot></div>} |
9 | </div> | 9 | </div> |
10 | </div> | 10 | </div> |
11 | \ No newline at end of file | 11 | \ No newline at end of file |
src/Button/Button.html
1 | <button className={state.className}> | 1 | <button className={state.className}> |
2 | {loading && <span className="ant-btn-loading-icon"> | 2 | {loading && <span className="ant-btn-loading-icon"> |
3 | <span className="anticon anticon-loading anticon-spin"> | 3 | <span className="anticon anticon-loading anticon-spin"> |
4 | - <es-icon type="LoadingOutlined"></es-icon> | 4 | + <antd-icon type="LoadingOutlined"></antd-icon> |
5 | </span> | 5 | </span> |
6 | </span>} | 6 | </span>} |
7 | <span>{children}</span> | 7 | <span>{children}</span> |
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="esCard.getContext().$parent"></es-slot> | 6 | + <antd-slot content="{{extra}}" context="antdCard.getContext().$parent"></antd-slot> |
7 | </div>} | 7 | </div>} |
8 | </div> | 8 | </div> |
9 | </div>} | 9 | </div>} |
src/Checkbox/Checkbox.js
@@ -2,7 +2,6 @@ import template from "./Checkbox.html"; | @@ -2,7 +2,6 @@ import template from "./Checkbox.html"; | ||
2 | import style from "antd/lib/checkbox/style/index.css"; | 2 | import style from "antd/lib/checkbox/style/index.css"; |
3 | 3 | ||
4 | class Checkbox { | 4 | class Checkbox { |
5 | - | ||
6 | useModules = ["esNgAntd"]; | 5 | useModules = ["esNgAntd"]; |
7 | 6 | ||
8 | template = template; | 7 | template = template; |
@@ -16,8 +15,8 @@ class Checkbox { | @@ -16,8 +15,8 @@ class Checkbox { | ||
16 | 15 | ||
17 | state = { | 16 | state = { |
18 | checked: this.props.checked || this.props.defaultChecked, | 17 | checked: this.props.checked || this.props.defaultChecked, |
19 | - disabled: this.props.disabled | ||
20 | - } | 18 | + disabled: false, |
19 | + }; | ||
21 | 20 | ||
22 | watch = { | 21 | watch = { |
23 | checked: function (newValue) { | 22 | checked: function (newValue) { |
@@ -27,14 +26,17 @@ class Checkbox { | @@ -27,14 +26,17 @@ class Checkbox { | ||
27 | }, | 26 | }, |
28 | disabled: function (newValue) { | 27 | disabled: function (newValue) { |
29 | if (newValue !== undefined) { | 28 | if (newValue !== undefined) { |
30 | - this.state.disabled = newValue | 29 | + this.state.disabled = |
30 | + newValue === "true" || newValue === "disabled" | ||
31 | + ? true | ||
32 | + : false; | ||
31 | } | 33 | } |
32 | - } | ||
33 | - } | 34 | + }, |
35 | + }; | ||
34 | 36 | ||
35 | handleClick($event) { | 37 | handleClick($event) { |
36 | this.state.checked = !this.state.checked; | 38 | this.state.checked = !this.state.checked; |
37 | - this.props.onChange({event: $event}) | 39 | + this.props.onChange({ event: $event }); |
38 | } | 40 | } |
39 | 41 | ||
40 | constructor() { | 42 | constructor() { |
src/Col/Col.html
1 | -<div className={"ant-col"+(span?" ant-col-"+span: "")} style={{ paddingLeft: esRow.state.gutterHalf + 'px', paddingRight: esRow.state.gutterHalf + 'px' }}>{children}</div> | ||
2 | \ No newline at end of file | 1 | \ No newline at end of file |
2 | +<div className={"ant-col"+(span?" ant-col-"+span: "")} style={{ paddingLeft: antdRow.state.gutterHalf + 'px', paddingRight: antdRow.state.gutterHalf + 'px' }}>{children}</div> | ||
3 | \ No newline at end of file | 3 | \ No newline at end of file |
src/Col/Col.js
@@ -18,14 +18,14 @@ class Col { | @@ -18,14 +18,14 @@ class Col { | ||
18 | 18 | ||
19 | template = template; | 19 | template = template; |
20 | 20 | ||
21 | - constructor(esRow) { | 21 | + constructor(antdRow) { |
22 | esNgAntd.createStyle("ant-grid", style); | 22 | esNgAntd.createStyle("ant-grid", style); |
23 | $element[0].removeAttribute("ng-style"); | 23 | $element[0].removeAttribute("ng-style"); |
24 | $element[0].removeAttribute("ng-transclude"); | 24 | $element[0].removeAttribute("ng-transclude"); |
25 | $element[0].removeAttribute("ng-class"); | 25 | $element[0].removeAttribute("ng-class"); |
26 | $element[0].removeAttribute("span"); | 26 | $element[0].removeAttribute("span"); |
27 | - if (esRow) { | ||
28 | - this.esRow = esRow.getContext(); | 27 | + if (antdRow) { |
28 | + this.antdRow = antdRow.getContext(); | ||
29 | } | 29 | } |
30 | if (this.props.span) { | 30 | if (this.props.span) { |
31 | this.state.className.push("ant-col-" + this.props.span); | 31 | this.state.className.push("ant-col-" + this.props.span); |
src/Form/Form.js
@@ -51,7 +51,7 @@ class Form { | @@ -51,7 +51,7 @@ class Form { | ||
51 | handleSubmit() { | 51 | handleSubmit() { |
52 | let values = {}; | 52 | let values = {}; |
53 | this.state.formItems.forEach(function (item) { | 53 | this.state.formItems.forEach(function (item) { |
54 | - let name = item.esFormItem && item.esFormItem.name; | 54 | + let name = item.antdFormItem && item.antdFormItem.name; |
55 | let value = item.value || item.state.value || null; | 55 | let value = item.value || item.state.value || null; |
56 | values[name] = value; | 56 | values[name] = value; |
57 | }); | 57 | }); |
src/FormItem/FormItem.html
1 | <div className="ant-row ant-form-item"> | 1 | <div className="ant-row ant-form-item"> |
2 | - <es-col span={state.labelCol} className="ant-form-item-label"> | 2 | + <antd-col span={state.labelCol} className="ant-form-item-label"> |
3 | {label && <label className={""+ required === "true" ? "ant-form-item-required" : ""}>{label}</label>} | 3 | {label && <label className={""+ required === "true" ? "ant-form-item-required" : ""}>{label}</label>} |
4 | - </es-col> | ||
5 | - <es-col span={state.wrapperCol} className="ant-form-item-control"> | 4 | + </antd-col> |
5 | + <antd-col span={state.wrapperCol} className="ant-form-item-control"> | ||
6 | <div className="ant-form-item-control-input"> | 6 | <div className="ant-form-item-control-input"> |
7 | <span className="ant-form-item-control-input-content">{children}</span> | 7 | <span className="ant-form-item-control-input-content">{children}</span> |
8 | </div> | 8 | </div> |
9 | - </es-col> | 9 | + </antd-col> |
10 | </div> | 10 | </div> |
11 | \ No newline at end of file | 11 | \ No newline at end of file |
src/FormItem/FormItem.js
@@ -25,25 +25,25 @@ class FormItem { | @@ -25,25 +25,25 @@ class FormItem { | ||
25 | 25 | ||
26 | template = template; | 26 | template = template; |
27 | 27 | ||
28 | - constructor(esForm) { | ||
29 | - this.esForm = esForm.getContext(); | 28 | + constructor(antdForm) { |
29 | + this.antdForm = antdForm.getContext(); | ||
30 | 30 | ||
31 | if (this.props.labelCol && this.props.labelCol.span) { | 31 | if (this.props.labelCol && this.props.labelCol.span) { |
32 | this.state.labelCol = this.props.labelCol.span; | 32 | this.state.labelCol = this.props.labelCol.span; |
33 | } else if ( | 33 | } else if ( |
34 | - this.esForm.labelCol && | ||
35 | - this.esForm.labelCol.span | 34 | + this.antdForm.labelCol && |
35 | + this.antdForm.labelCol.span | ||
36 | ) { | 36 | ) { |
37 | - this.state.labelCol = this.esForm.labelCol.span; | 37 | + this.state.labelCol = this.antdForm.labelCol.span; |
38 | } | 38 | } |
39 | 39 | ||
40 | if (this.props.wrapperCol && this.props.wrapperCol.span) { | 40 | if (this.props.wrapperCol && this.props.wrapperCol.span) { |
41 | this.state.wrapperCol = this.props.wrapperCol.span; | 41 | this.state.wrapperCol = this.props.wrapperCol.span; |
42 | } else if ( | 42 | } else if ( |
43 | - this.esForm.wrapperCol && | ||
44 | - this.esForm.wrapperCol.span | 43 | + this.antdForm.wrapperCol && |
44 | + this.antdForm.wrapperCol.span | ||
45 | ) { | 45 | ) { |
46 | - this.state.wrapperCol = this.esForm.wrapperCol.span; | 46 | + this.state.wrapperCol = this.antdForm.wrapperCol.span; |
47 | } | 47 | } |
48 | } | 48 | } |
49 | } | 49 | } |
src/Image/Image.js
@@ -10,7 +10,7 @@ class Image { | @@ -10,7 +10,7 @@ class Image { | ||
10 | preview: Boolean | 10 | preview: Boolean |
11 | }; | 11 | }; |
12 | state = { | 12 | state = { |
13 | - src: "data:image/png;base64,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", | 13 | + src: "data:image/png;base64,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", |
14 | // 可见性 | 14 | // 可见性 |
15 | visible: false, | 15 | visible: false, |
16 | // 有图片? | 16 | // 有图片? |
@@ -21,11 +21,11 @@ class Image { | @@ -21,11 +21,11 @@ class Image { | ||
21 | 21 | ||
22 | template = template; | 22 | template = template; |
23 | 23 | ||
24 | - require = ["esImagePreviewGroup"] | 24 | + require = ["antdImagePreviewGroup"] |
25 | 25 | ||
26 | useModules = ["$timeout", "esNgAntd", "$compile"]; | 26 | useModules = ["$timeout", "esNgAntd", "$compile"]; |
27 | 27 | ||
28 | - constructor(esImagePreviewGroup) { | 28 | + constructor(antdImagePreviewGroup) { |
29 | esNgAntd.createStyle("ant-image", style); | 29 | esNgAntd.createStyle("ant-image", style); |
30 | let src = this.state.src; | 30 | let src = this.state.src; |
31 | $element.children("img")[0].onerror = function () { | 31 | $element.children("img")[0].onerror = function () { |
@@ -44,17 +44,17 @@ class Image { | @@ -44,17 +44,17 @@ class Image { | ||
44 | this.state.src = this.props.dSrc; | 44 | this.state.src = this.props.dSrc; |
45 | } | 45 | } |
46 | 46 | ||
47 | - if (esImagePreviewGroup) { | ||
48 | - this.esImagePreviewGroup = esImagePreviewGroup.getContext(); | ||
49 | - this.state.index = this.esImagePreviewGroup.addChildren($scope); | 47 | + if (antdImagePreviewGroup) { |
48 | + this.antdImagePreviewGroup = antdImagePreviewGroup.getContext(); | ||
49 | + this.state.index = this.antdImagePreviewGroup.addChildren($scope); | ||
50 | } else { | 50 | } else { |
51 | this.handlePreview(); | 51 | this.handlePreview(); |
52 | } | 52 | } |
53 | } | 53 | } |
54 | 54 | ||
55 | handleOpen() { | 55 | handleOpen() { |
56 | - if (this.esImagePreviewGroup) { | ||
57 | - this.esImagePreviewGroup.handleOpen(this.state.index); | 56 | + if (this.antdImagePreviewGroup) { |
57 | + this.antdImagePreviewGroup.handleOpen(this.state.index); | ||
58 | return; | 58 | return; |
59 | } | 59 | } |
60 | this.state.visible = true; | 60 | this.state.visible = true; |
@@ -76,7 +76,7 @@ class Image { | @@ -76,7 +76,7 @@ class Image { | ||
76 | <ul class="ant-image-preview-operations"> | 76 | <ul class="ant-image-preview-operations"> |
77 | <li class="ant-image-preview-operations-operation"> | 77 | <li class="ant-image-preview-operations-operation"> |
78 | <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> | 78 | <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> |
79 | - <es-icon type="CloseOutlined"></es-icon> | 79 | + <antd-icon type="CloseOutlined"></antd-icon> |
80 | </span> | 80 | </span> |
81 | </li> | 81 | </li> |
82 | </ul> | 82 | </ul> |
src/ImagePreviewGroup/ImagePreviewGroup.js
@@ -85,7 +85,7 @@ class ImagePreviewGroup { | @@ -85,7 +85,7 @@ class ImagePreviewGroup { | ||
85 | <ul class="ant-image-preview-operations"> | 85 | <ul class="ant-image-preview-operations"> |
86 | <li class="ant-image-preview-operations-operation"> | 86 | <li class="ant-image-preview-operations-operation"> |
87 | <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> | 87 | <span class="anticon anticon-close ant-image-preview-operations-icon" ng-click="handleClose()"> |
88 | - <es-icon type="CloseOutlined"></es-icon> | 88 | + <antd-icon type="CloseOutlined"></antd-icon> |
89 | </span> | 89 | </span> |
90 | </li> | 90 | </li> |
91 | </ul> | 91 | </ul> |
@@ -93,10 +93,10 @@ class ImagePreviewGroup { | @@ -93,10 +93,10 @@ class ImagePreviewGroup { | ||
93 | <img class="ant-image-preview-img" ng-src="{{state.src}}"/> | 93 | <img class="ant-image-preview-img" ng-src="{{state.src}}"/> |
94 | </div> | 94 | </div> |
95 | <div ng-class="{'ant-image-preview-switch-left': true, 'ant-image-preview-switch-left-disabled': state.current===0}" ng-click="handlePrev()"> | 95 | <div ng-class="{'ant-image-preview-switch-left': true, 'ant-image-preview-switch-left-disabled': state.current===0}" ng-click="handlePrev()"> |
96 | - <es-icon type="LeftOutlined"></es-icon> | 96 | + <antd-icon type="LeftOutlined"></antd-icon> |
97 | </div> | 97 | </div> |
98 | <div ng-class="{'ant-image-preview-switch-right': true,'ant-image-preview-switch-right-disabled': (state.childrens.length-1)===state.current}" ng-click="handleNext()"> | 98 | <div ng-class="{'ant-image-preview-switch-right': true,'ant-image-preview-switch-right-disabled': (state.childrens.length-1)===state.current}" ng-click="handleNext()"> |
99 | - <es-icon type="RightOutlined"></es-icon> | 99 | + <antd-icon type="RightOutlined"></antd-icon> |
100 | </div> | 100 | </div> |
101 | </div> | 101 | </div> |
102 | </div> | 102 | </div> |
src/Input/Input.html
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | {(addonBefore || addonAfter) && <span className="ant-input-group-wrapper"> | 3 | {(addonBefore || addonAfter) && <span className="ant-input-group-wrapper"> |
4 | <span className="ant-input-wrapper ant-input-group"> | 4 | <span className="ant-input-wrapper ant-input-group"> |
5 | {addonBefore && <span className="ant-input-group-addon">{addonBefore}</span>} | 5 | {addonBefore && <span className="ant-input-group-addon">{addonBefore}</span>} |
6 | - <input type="text" className="ant-input" value={value} onChange={this.onChange} ng-model="default" id="{{esFormItem.name}}"/> | 6 | + <input type="text" className="ant-input" value={value} onChange={this.onChange} ng-model="default" id="{{antdFormItem.name}}"/> |
7 | {addonAfter && <span className="ant-input-group-addon">{addonAfter}</span>} | 7 | {addonAfter && <span className="ant-input-group-addon">{addonAfter}</span>} |
8 | </span> | 8 | </span> |
9 | </span>} | 9 | </span>} |
src/Input/Input.js
@@ -18,16 +18,16 @@ class Input { | @@ -18,16 +18,16 @@ class Input { | ||
18 | inputEventTarget: null, | 18 | inputEventTarget: null, |
19 | } | 19 | } |
20 | 20 | ||
21 | - constructor(esFormItem, esForm) { | 21 | + constructor(antdFormItem, antdForm) { |
22 | esNgAntd.createStyle("ant-input", style); | 22 | esNgAntd.createStyle("ant-input", style); |
23 | 23 | ||
24 | // 上下文 | 24 | // 上下文 |
25 | - if (esForm) { | ||
26 | - this.esForm = esForm.getContext(); | ||
27 | - this.esForm.state.formItems.push($scope); | 25 | + if (antdForm) { |
26 | + this.antdForm = antdForm.getContext(); | ||
27 | + this.antdForm.state.formItems.push($scope); | ||
28 | } | 28 | } |
29 | - if (esFormItem) { | ||
30 | - this.esFormItem = esFormItem.getContext(); | 29 | + if (antdFormItem) { |
30 | + this.antdFormItem = antdFormItem.getContext(); | ||
31 | } | 31 | } |
32 | this.props.style = $attrs.style; | 32 | this.props.style = $attrs.style; |
33 | $element.replaceWith($compile(this.getTemplate())($scope)); | 33 | $element.replaceWith($compile(this.getTemplate())($scope)); |
@@ -53,8 +53,8 @@ class Input { | @@ -53,8 +53,8 @@ class Input { | ||
53 | if (this.props.style) { | 53 | if (this.props.style) { |
54 | styleAttribute = `style="${this.props.style}"` | 54 | styleAttribute = `style="${this.props.style}"` |
55 | } | 55 | } |
56 | - if (this.esFormItem && this.esFormItem.name) { | ||
57 | - idAttribute = `id="${this.esFormItem.name}"`; | 56 | + if (this.antdFormItem && this.antdFormItem.name) { |
57 | + idAttribute = `id="${this.antdFormItem.name}"`; | ||
58 | } | 58 | } |
59 | let templates = [ | 59 | let templates = [ |
60 | `<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}/>`, | 60 | `<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}/>`, |
src/InputSearch/InputSearch.html
1 | <span className="ant-input-group-wrapper ant-input-search"> | 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 | + <antd-input placeholder="{{placeholder}}" on-change="handleChange(event)"></antd-input> |
4 | <span className="ant-input-group-addon" onClick={this.onSearch.bind(this, { value: state.value })}> | 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> | ||
7 | - </es-button> | 5 | + <antd-button html-type="button" className="ant-btn-icon-only ant-input-search-button"> |
6 | + <antd-icon type="SearchOutlined"></antd-icon> | ||
7 | + </antd-button> | ||
8 | </span> | 8 | </span> |
9 | </span> | 9 | </span> |
10 | </span> | 10 | </span> |
11 | \ No newline at end of file | 11 | \ No newline at end of file |
src/Message/Message.js
@@ -37,7 +37,7 @@ angular | @@ -37,7 +37,7 @@ angular | ||
37 | error: "CloseCircleFilled", | 37 | error: "CloseCircleFilled", |
38 | warning: "InfoCircleFilled", | 38 | warning: "InfoCircleFilled", |
39 | }; | 39 | }; |
40 | - return `<div class="ant-message-notice"><div class="ant-message-notice-content"><div class="ant-message-custom-content ant-message-${type}"><es-icon type="${icon[type]}"></es-icon><span>${content}</span></div></div></div>`; | 40 | + return `<div class="ant-message-notice"><div class="ant-message-notice-content"><div class="ant-message-custom-content ant-message-${type}"><antd-icon type="${icon[type]}"></antd-icon><span>${content}</span></div></div></div>`; |
41 | 41 | ||
42 | } | 42 | } |
43 | 43 |
src/Modal/Modal.html
@@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
6 | <div className="ant-modal-content"> | 6 | <div className="ant-modal-content"> |
7 | {title && <button type="button" className="ant-modal-close" onClick={this.handleClose}> | 7 | {title && <button type="button" className="ant-modal-close" onClick={this.handleClose}> |
8 | <span className="ant-modal-close-x"> | 8 | <span className="ant-modal-close-x"> |
9 | - <es-icon type="CloseOutlined"></es-icon> | 9 | + <antd-icon type="CloseOutlined"></antd-icon> |
10 | </span> | 10 | </span> |
11 | </button>} | 11 | </button>} |
12 | {title && <div className="ant-modal-header"> | 12 | {title && <div className="ant-modal-header"> |
@@ -15,12 +15,12 @@ | @@ -15,12 +15,12 @@ | ||
15 | <div className="ant-modal-body">{children}</div> | 15 | <div className="ant-modal-body">{children}</div> |
16 | {footer === undefined && <div className="ant-modal-footer"> | 16 | {footer === undefined && <div className="ant-modal-footer"> |
17 | <div> | 17 | <div> |
18 | - <es-button onClick={this.onCancel}>{state.cancelText}</es-button> | ||
19 | - <es-button type="primary" onClick={this.onOk}>{state.okText}</es-button> | 18 | + <antd-button onClick={this.onCancel}>{state.cancelText}</antd-button> |
19 | + <antd-button type="primary" onClick={this.onOk}>{state.okText}</antd-button> | ||
20 | </div> | 20 | </div> |
21 | </div>} | 21 | </div>} |
22 | {footer !== undefined && <div className="ant-modal-footer"> | 22 | {footer !== undefined && <div className="ant-modal-footer"> |
23 | - <es-slot content="{{footer}}" context="esModal.getContext().$parent"></es-slot> | 23 | + <antd-slot content="{{footer}}" context="antdModal.getContext().$parent"></antd-slot> |
24 | </div>} | 24 | </div>} |
25 | </div> | 25 | </div> |
26 | </div> | 26 | </div> |
src/Module.json
src/Pagination/Pagination.html
@@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
2 | {showTotal() && <li className="ant-pagination-total-text">{handleShowTotal()}</li>} | 2 | {showTotal() && <li className="ant-pagination-total-text">{handleShowTotal()}</li>} |
3 | <li className={"ant-pagination-prev" + (state.current === 1 ? " ant-pagination-disabled" : "")} onClick={this.handlePrev}> | 3 | <li className={"ant-pagination-prev" + (state.current === 1 ? " ant-pagination-disabled" : "")} onClick={this.handlePrev}> |
4 | <button type="button" class="ant-pagination-item-link"> | 4 | <button type="button" class="ant-pagination-item-link"> |
5 | - <es-icon type="LeftOutlined"></es-icon> | 5 | + <antd-icon type="LeftOutlined"></antd-icon> |
6 | </button> | 6 | </button> |
7 | </li> | 7 | </li> |
8 | {state.pageNumList.map(function (value, key) { | 8 | {state.pageNumList.map(function (value, key) { |
@@ -10,8 +10,8 @@ | @@ -10,8 +10,8 @@ | ||
10 | {(value!=='prev'&&value!=='next')&&<a>{value}</a>} | 10 | {(value!=='prev'&&value!=='next')&&<a>{value}</a>} |
11 | {(value==='prev'||value==='next')&&<a className="ant-pagination-item-link"> | 11 | {(value==='prev'||value==='next')&&<a className="ant-pagination-item-link"> |
12 | <div className="ant-pagination-item-container"> | 12 | <div className="ant-pagination-item-container"> |
13 | - {value==="prev"&&<es-icon type="DoubleLeftOutlined" className="ant-pagination-item-link-icon"></es-icon>} | ||
14 | - {value==="next"&&<es-icon type="DoubleRightOutlined" className="ant-pagination-item-link-icon"></es-icon>} | 13 | + {value==="prev"&&<antd-icon type="DoubleLeftOutlined" className="ant-pagination-item-link-icon"></antd-icon>} |
14 | + {value==="next"&&<antd-icon type="DoubleRightOutlined" className="ant-pagination-item-link-icon"></antd-icon>} | ||
15 | <span className="ant-pagination-item-ellipsis">•••</span> | 15 | <span className="ant-pagination-item-ellipsis">•••</span> |
16 | </div> | 16 | </div> |
17 | </a>} | 17 | </a>} |
@@ -19,16 +19,16 @@ | @@ -19,16 +19,16 @@ | ||
19 | })} | 19 | })} |
20 | <li className={"ant-pagination-next" + (state.current === state.pageNum ? " ant-pagination-disabled" : "")} onClick={this.handleNext}> | 20 | <li className={"ant-pagination-next" + (state.current === state.pageNum ? " ant-pagination-disabled" : "")} onClick={this.handleNext}> |
21 | <button type="button" class="ant-pagination-item-link"> | 21 | <button type="button" class="ant-pagination-item-link"> |
22 | - <es-icon type="RightOutlined"></es-icon> | 22 | + <antd-icon type="RightOutlined"></antd-icon> |
23 | </button> | 23 | </button> |
24 | </li> | 24 | </li> |
25 | <li className="ant-pagination-options"> | 25 | <li className="ant-pagination-options"> |
26 | - {showSizeChanger === 'true' && <es-select className="ant-pagination-options-size-changer" size="{{size}}" value={state.defaultPageSize} get-popup-container="getPopupContainer" on-change="handleSelectChange(value)"> | ||
27 | - <es-select-option value="10">10 条/页</es-select-option> | ||
28 | - <es-select-option value="20">20 条/页</es-select-option> | ||
29 | - <es-select-option value="50">50 条/页</es-select-option> | ||
30 | - <es-select-option value="100">100 条/页</es-select-option> | ||
31 | - </es-select>} | 26 | + {showSizeChanger === 'true' && <antd-select className="ant-pagination-options-size-changer" size="{{size}}" value={state.defaultPageSize} get-popup-container="getPopupContainer" on-change="handleSelectChange(value)"> |
27 | + <antd-select-option value="10">10 条/页</antd-select-option> | ||
28 | + <antd-select-option value="20">20 条/页</antd-select-option> | ||
29 | + <antd-select-option value="50">50 条/页</antd-select-option> | ||
30 | + <antd-select-option value="100">100 条/页</antd-select-option> | ||
31 | + </antd-select>} | ||
32 | {showQuickJumper === 'true' && <div className="ant-pagination-options-quick-jumper"> | 32 | {showQuickJumper === 'true' && <div className="ant-pagination-options-quick-jumper"> |
33 | 跳至<input type="text" onBlur={this.handleBlur.bind(this, $event)} onKeyPress={this.onKeyPress.bind(this, $event)}/>页 | 33 | 跳至<input type="text" onBlur={this.handleBlur.bind(this, $event)} onKeyPress={this.onKeyPress.bind(this, $event)}/>页 |
34 | </div>} | 34 | </div>} |
src/Popover/Popover.js
@@ -23,7 +23,7 @@ class Popover { | @@ -23,7 +23,7 @@ class Popover { | ||
23 | closing: false, | 23 | closing: false, |
24 | }; | 24 | }; |
25 | 25 | ||
26 | - constructor(esTable) { | 26 | + constructor(antdTable) { |
27 | esNgAntd.createStyle("ant-popover", style); | 27 | esNgAntd.createStyle("ant-popover", style); |
28 | this.state.target = $element[0]; | 28 | this.state.target = $element[0]; |
29 | let title = this.props.title | 29 | let title = this.props.title |
@@ -67,7 +67,7 @@ class Popover { | @@ -67,7 +67,7 @@ class Popover { | ||
67 | $compile(div)($scope); | 67 | $compile(div)($scope); |
68 | div.querySelector(".ant-popover-inner-content").innerHTML = | 68 | div.querySelector(".ant-popover-inner-content").innerHTML = |
69 | this.state.content; | 69 | this.state.content; |
70 | - if (!esTable) { | 70 | + if (!antdTable) { |
71 | $compile(div.querySelector(".ant-popover-inner-content"))( | 71 | $compile(div.querySelector(".ant-popover-inner-content"))( |
72 | $scope.$parent | 72 | $scope.$parent |
73 | ); | 73 | ); |
src/Radio/Radio.js
@@ -19,12 +19,12 @@ class Radio { | @@ -19,12 +19,12 @@ class Radio { | ||
19 | 19 | ||
20 | handleClick(event) { | 20 | handleClick(event) { |
21 | event.preventDefault(); | 21 | event.preventDefault(); |
22 | - this.esRadioGroup.setValue(event); | 22 | + this.antdRadioGroup.setValue(event); |
23 | } | 23 | } |
24 | 24 | ||
25 | - constructor(esRadioGroup) { | ||
26 | - this.esRadioGroup = esRadioGroup.getContext(); | ||
27 | - this.esRadioGroup.state.childrens.push($scope); | 25 | + constructor(antdRadioGroup) { |
26 | + this.antdRadioGroup = antdRadioGroup.getContext(); | ||
27 | + this.antdRadioGroup.state.childrens.push($scope); | ||
28 | esNgAntd.createStyle("ant-radio", style); | 28 | esNgAntd.createStyle("ant-radio", style); |
29 | } | 29 | } |
30 | } | 30 | } |
src/RadioButton/RadioButton.html
1 | -<label className={"ant-radio-button-wrapper" + (esRadioGroup.state.value === value ? " ant-radio-button-wrapper-checked" : "")}> | 1 | +<label className={"ant-radio-button-wrapper" + (antdRadioGroup.state.value === value ? " ant-radio-button-wrapper-checked" : "")}> |
2 | <span className="ant-radio-button"> | 2 | <span className="ant-radio-button"> |
3 | <input type="radio" className="ant-radio-button-input" value={value} onClick={this.handleClick.bind(this, $event)}/> | 3 | <input type="radio" className="ant-radio-button-input" value={value} onClick={this.handleClick.bind(this, $event)}/> |
4 | <span className="ant-radio-button-inner"></span> | 4 | <span className="ant-radio-button-inner"></span> |
src/RadioButton/RadioButton.js
@@ -9,12 +9,12 @@ class RadioButton { | @@ -9,12 +9,12 @@ class RadioButton { | ||
9 | checked: false, | 9 | checked: false, |
10 | }; | 10 | }; |
11 | 11 | ||
12 | - constructor(esRadioGroup) { | ||
13 | - this.esRadioGroup = esRadioGroup.getContext() | 12 | + constructor(antdRadioGroup) { |
13 | + this.antdRadioGroup = antdRadioGroup.getContext() | ||
14 | $element.removeAttr("value"); | 14 | $element.removeAttr("value"); |
15 | } | 15 | } |
16 | 16 | ||
17 | handleClick(event) { | 17 | handleClick(event) { |
18 | - this.esRadioGroup.setValue(event); | 18 | + this.antdRadioGroup.setValue(event); |
19 | } | 19 | } |
20 | } | 20 | } |
src/Select/Select.html
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | <span className="ant-select-selection-item">{state.label}</span> | 3 | <span className="ant-select-selection-item">{state.label}</span> |
4 | </div> | 4 | </div> |
5 | <span className="ant-select-arrow"> | 5 | <span className="ant-select-arrow"> |
6 | - <es-icon type="DownOutlined"></es-icon> | 6 | + <antd-icon type="DownOutlined"></antd-icon> |
7 | </span> | 7 | </span> |
8 | <span hidden>{children}</span> | 8 | <span hidden>{children}</span> |
9 | </div> | 9 | </div> |
src/Select/Select.js
@@ -24,14 +24,14 @@ class Select { | @@ -24,14 +24,14 @@ class Select { | ||
24 | 24 | ||
25 | template = template; | 25 | template = template; |
26 | 26 | ||
27 | - constructor(esForm, esFormItem) { | 27 | + constructor(antdForm, antdFormItem) { |
28 | esNgAntd.createStyle("ant-select", style); | 28 | esNgAntd.createStyle("ant-select", style); |
29 | - if (esForm) { | ||
30 | - this.esForm = esForm.getContext(); | ||
31 | - this.esForm.state.formItems.push($scope); | 29 | + if (antdForm) { |
30 | + this.antdForm = antdForm.getContext(); | ||
31 | + this.antdForm.state.formItems.push($scope); | ||
32 | } | 32 | } |
33 | - if (esFormItem) { | ||
34 | - this.esFormItem = esFormItem.getContext(); | 33 | + if (antdFormItem) { |
34 | + this.antdFormItem = antdFormItem.getContext(); | ||
35 | } | 35 | } |
36 | 36 | ||
37 | $timeout(function () { | 37 | $timeout(function () { |
src/SelectOption/SelectOption.js
@@ -12,9 +12,9 @@ class SelectOption { | @@ -12,9 +12,9 @@ class SelectOption { | ||
12 | label: null, | 12 | label: null, |
13 | }; | 13 | }; |
14 | 14 | ||
15 | - constructor(esSelect) { | ||
16 | - this.esSelect = esSelect.getContext(); | ||
17 | - this.esSelect.addOption({ | 15 | + constructor(antdSelect) { |
16 | + this.antdSelect = antdSelect.getContext(); | ||
17 | + this.antdSelect.addOption({ | ||
18 | value: this.props.value, | 18 | value: this.props.value, |
19 | label: null, | 19 | label: null, |
20 | element: $element, | 20 | element: $element, |
src/TabPane/TabPane.js
@@ -11,7 +11,7 @@ class TabPane { | @@ -11,7 +11,7 @@ class TabPane { | ||
11 | watch = { | 11 | watch = { |
12 | tab: function (newVal, oldVal) { | 12 | tab: function (newVal, oldVal) { |
13 | if (newVal !== oldVal) { | 13 | if (newVal !== oldVal) { |
14 | - let item = this.esTabs.state.labels.find(function (item) { | 14 | + let item = this.antdTabs.state.labels.find(function (item) { |
15 | return item.key === this.props.key; | 15 | return item.key === this.props.key; |
16 | }); | 16 | }); |
17 | if (item) { | 17 | if (item) { |
@@ -23,13 +23,13 @@ class TabPane { | @@ -23,13 +23,13 @@ class TabPane { | ||
23 | 23 | ||
24 | template = template; | 24 | template = template; |
25 | 25 | ||
26 | - constructor(esTabs) { | ||
27 | - this.esTabs = esTabs.getContext(); | ||
28 | - this.esTabs.state.labels.push({ | 26 | + constructor(antdTabs) { |
27 | + this.antdTabs = antdTabs.getContext(); | ||
28 | + this.antdTabs.state.labels.push({ | ||
29 | name: this.props.tab, | 29 | name: this.props.tab, |
30 | key: this.props.key, | 30 | key: this.props.key, |
31 | }); | 31 | }); |
32 | - this.esTabs.state.childrens.push($scope); | ||
33 | - this.state.activeKey = this.esTabs.state.activeKey; | 32 | + this.antdTabs.state.childrens.push($scope); |
33 | + this.state.activeKey = this.antdTabs.state.activeKey; | ||
34 | } | 34 | } |
35 | } | 35 | } |
src/Table/Table.html
1 | <div className="ant-table-wrapper"> | 1 | <div className="ant-table-wrapper"> |
2 | - <es-spin spinning="{{loading}}"> | ||
3 | - <div className={"ant-table ant-table-"+state.size}> | ||
4 | - <div className="ant-table-content"> | ||
5 | - <table> | ||
6 | - <thead className="ant-table-thead"> | ||
7 | - <tr> | ||
8 | - {rowSelection &&<th className="ant-table-selection-column"> | ||
9 | - <span className="ant-table-header-column"> | ||
10 | - <div> | ||
11 | - <span className="ant-table-column-title"> | ||
12 | - <div className="ant-table-selection"> | ||
13 | - <es-checkbox onChange={this.handleSelectAll.bind(this, event)} | ||
14 | - checked={state.isSelectAll} /> | ||
15 | - </div> | 2 | + <div className={"ant-table ant-table-"+state.size}> |
3 | + <div className="ant-table-content"> | ||
4 | + <table> | ||
5 | + <thead className="ant-table-thead"> | ||
6 | + <tr> | ||
7 | + {rowSelection &&<th className="ant-table-selection-column"> | ||
8 | + <span className="ant-table-header-column"> | ||
9 | + <div> | ||
10 | + <span className="ant-table-column-title"> | ||
11 | + <div className="ant-table-selection"> | ||
12 | + <antd-checkbox onChange={this.handleSelectAll.bind(this, event)} | ||
13 | + checked={state.isSelectAll} /> | ||
14 | + </div> | ||
15 | + </span> | ||
16 | + </div> | ||
17 | + </span> | ||
18 | + </th>} | ||
19 | + {columns.map(function (column, key) { | ||
20 | + return <th className="ant-table-cell ant-table-column-has-sorters" style={{ width: column.width }}> | ||
21 | + {!column.sorter && <span>{column.title}</span>} | ||
22 | + {column.sorter && <div className="ant-table-column-sorters" onClick={this.handleSorter.bind(this, column.key)}> | ||
23 | + <span className="ant-table-column-title">{column.title}</span> | ||
24 | + <span className="ant-table-column-sorter ant-table-column-sorter-full"> | ||
25 | + <span className="ant-table-column-sorter-inner"> | ||
26 | + <antd-icon type="CaretUpOutlined" className={"ant-table-column-sorter-up"+(state.sorter.field===column.key&&state.sorter.order==="ascend"?" active":"")}></antd-icon> | ||
27 | + <antd-icon type="CaretDownOutlined" className={"ant-table-column-sorter-down"+(state.sorter.field===column.key&&state.sorter.order==="descend"?" active":"")}></antd-icon> | ||
16 | </span> | 28 | </span> |
17 | - </div> | ||
18 | - </span> | ||
19 | - </th>} | 29 | + </span> |
30 | + </div>} | ||
31 | + </th> | ||
32 | + })} | ||
33 | + </tr> | ||
34 | + </thead> | ||
35 | + <tbody className="ant-table-tbody"> | ||
36 | + {state.dataSource.map(function (record, key) { | ||
37 | + return <tr className="ant-table-row" key="record[state.rowKey]"> | ||
38 | + {rowSelection && <td className="ant-table-selection-column"> | ||
39 | + <span> | ||
40 | + <antd-checkbox checked={record.checked} disabled={record.disabled} | ||
41 | + onChange={this.handleSelect.bind(this, event, $index)} /> | ||
42 | + </span> | ||
43 | + </td>} | ||
20 | {columns.map(function (column, key) { | 44 | {columns.map(function (column, key) { |
21 | - return <th className="ant-table-cell ant-table-column-has-sorters" key="key" style={{ width: column.width }}> | ||
22 | - {!column.sorter && <span>{column.title}</span>} | ||
23 | - {column.sorter && <div className="ant-table-column-sorters" onClick={this.handleSorter.bind(this, column.key)}> | ||
24 | - <span className="ant-table-column-title">{column.title}</span> | ||
25 | - <span className="ant-table-column-sorter ant-table-column-sorter-full"> | ||
26 | - <span className="ant-table-column-sorter-inner"> | ||
27 | - <es-icon type="CaretUpOutlined" className={"ant-table-column-sorter-up"+(state.sorter.field===column.key&&state.sorter.order==="ascend"?" active":"")}></es-icon> | ||
28 | - <es-icon type="CaretDownOutlined" className={"ant-table-column-sorter-down"+(state.sorter.field===column.key&&state.sorter.order==="descend"?" active":"")}></es-icon> | ||
29 | - </span> | ||
30 | - </span> | ||
31 | - </div>} | ||
32 | - </th> | 45 | + return <td data-key="{{column.key}}" key="key"> |
46 | + <antd-slot content="{{record[column.key]}}" context="antdTable.getContext().$parent" /> | ||
47 | + </td> | ||
33 | })} | 48 | })} |
34 | - </tr> | ||
35 | - </thead> | ||
36 | - <tbody className="ant-table-tbody"> | ||
37 | - {state.dataSource.map(function (record, key) { | ||
38 | - return <tr className="ant-table-row" key="record[state.rowKey]"> | ||
39 | - {rowSelection && <td className="ant-table-selection-column"> | ||
40 | - <span> | ||
41 | - <es-checkbox checked="record.checked" disabled="record.disabled" | ||
42 | - onChange={this.handleSelect.bind(this, event, $index)} /> | ||
43 | - </span> | ||
44 | - </td>} | ||
45 | - {columns.map(function (column, key) { | ||
46 | - return <td data-key="{{column.key}}" key="key"> | ||
47 | - <es-slot content="{{record[column.key]}}" context="esTable.getContext().$parent" /> | ||
48 | - </td> | ||
49 | - })} | ||
50 | - </tr> | ||
51 | - })} | ||
52 | - {state.dataSource.length === 0 && <tr className="ant-table-placeholder"> | ||
53 | - <td colspan={rowSelection?columns.length+1:columns.length}> | ||
54 | - <es-empty image="presented_image_simple"></es-empty> | ||
55 | - </td> | ||
56 | - </tr>} | ||
57 | - </tbody> | ||
58 | - </table> | ||
59 | - </div> | 49 | + </tr> |
50 | + })} | ||
51 | + {state.dataSource.length === 0 && <tr className="ant-table-placeholder"> | ||
52 | + <td colspan={rowSelection?columns.length+1:columns.length}> | ||
53 | + <antd-empty image="presented_image_simple"></antd-empty> | ||
54 | + </td> | ||
55 | + </tr>} | ||
56 | + </tbody> | ||
57 | + </table> | ||
60 | </div> | 58 | </div> |
61 | - </es-spin> | 59 | + </div> |
62 | </div> | 60 | </div> |
63 | \ No newline at end of file | 61 | \ No newline at end of file |
webpack.config.js
@@ -8,11 +8,11 @@ module.exports = { | @@ -8,11 +8,11 @@ module.exports = { | ||
8 | // bpms | 8 | // bpms |
9 | // path: "/Users/shann/Project/essa/bpms/bpms-webapp/src/main/webapp/lib/ng-antd", | 9 | // path: "/Users/shann/Project/essa/bpms/bpms-webapp/src/main/webapp/lib/ng-antd", |
10 | // boss | 10 | // boss |
11 | - // path: "/Users/shann/Project/essa/boss/trunk/vendor-lib/ng-antd", | 11 | + path: "/Users/shann/Project/essa/boss/trunk/vendor-lib/ng-antd", |
12 | // mvo | 12 | // mvo |
13 | // path: "/Users/shann/Project/essa/mvo/mvo-webapp/public/browser-vendor/ng-antd", | 13 | // path: "/Users/shann/Project/essa/mvo/mvo-webapp/public/browser-vendor/ng-antd", |
14 | // local | 14 | // local |
15 | - path: path.resolve(__dirname, "dist"), | 15 | + // path: path.resolve(__dirname, "dist"), |
16 | filename: "ng-antd.js", | 16 | filename: "ng-antd.js", |
17 | }, | 17 | }, |
18 | module: { | 18 | module: { |