badgeDemo.min.js

webpackJsonp([26],{1022:function(t,exports){t.exports="<div class='f-badge'>\n  <span ng-transclude>\n  </span>\n  <span class=\"badge ffan-badge\" \n      ng-class=\"{'ffan-badge-dot': vm.dot}\" >\n      {{vm.countValue}}\n    </span>\n  </div>"},1048:function(t,exports,n){var e=n(678);"string"==typeof e&&(e=[[t.i,e,""]]);n(2)(e,{});e.locals&&(t.exports=e.locals)},1090:function(t,exports,n){var e=n(720);"string"==typeof e&&(e=[[t.i,e,""]]);n(2)(e,{});e.locals&&(t.exports=e.locals)},283:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var a=n(821),l=e(a),r=n(908),s=e(r);exports["default"]=angular.module("badgeDemo",[s["default"].name]).component("badgeDemo",l["default"])},413:function(t,exports){"use strict";function n(t,n){t?console.warn(t+" will be obsoleted in next major release, please use "+n+" instead"):console.warn("This version will be obsoleted in next major release, please follow http://www.fancyui.org/ for detail")}Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=function(t,e,a){var l=angular.copy(t);try{var r;!function(){var t=l.controller,s=angular.injector.$$annotate(l.controller,!0);r=angular.element(document.body).injector();var o=function(){n(e,a);for(var l=[],o=0,i=s.length;o<i;o++)l.push(r.get(s[o]));var d=Object.create(t.prototype||null);return angular.merge(d,this),t.apply(d,l),d};l.controller=o}()}catch(s){}return l}},678:function(t,exports,n){exports=t.exports=n(1)(),exports.push([t.i,".badge-example {\n  display: inline-block;\n  position: relative;\n  margin-right: 30px;\n}\n.badge-example a {\n  width: 42px;\n  height: 42px;\n  border-radius: 6px;\n  background: #eee;\n  display: inline-block;\n}\n",""])},720:function(t,exports,n){exports=t.exports=n(1)(),exports.push([t.i,".f-badge {\n  position: relative;\n}\n.f-badge .ffan-badge {\n  position: absolute;\n  top: -9px;\n  left: 100%;\n  background-color: #f50;\n  -webkit-transform: translateX(-50%);\n  -ms-transform: translateX(-50%);\n  transform: translateX(-50%);\n  -webkit-transform-origin: 0px center;\n  -ms-transform-origin: 0px center;\n  transform-origin: 0px center;\n  z-index: 10;\n}\n.f-badge .ffan-badge.ffan-badge-dot {\n  position: absolute;\n  -webkit-transform: translateX(-50%);\n  -ms-transform: translateX(-50%);\n  transform: translateX(-50%);\n  -webkit-transform-origin: 0px center;\n  -ms-transform-origin: 0px center;\n  transform-origin: 0px center;\n  top: -4px;\n  height: 8px;\n  width: 8px;\n  min-width: 8px;\n  border-radius: 100%;\n  background: #f50;\n  z-index: 10;\n  padding: 0;\n  display: block;\n}\n",""])},821:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var a=n(980),l=e(a),r=n(822),s=e(r);n(1048),exports["default"]={restrict:"E",bindings:{},template:l["default"],controller:s["default"],controllerAs:"vm"}},822:function(t,exports){"use strict";function n(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var e=function a(t){"ngInject";n(this,a),this.$state=t};e.$inject=["$state"],exports["default"]=e},906:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var a=n(1022),l=e(a),r=n(907),s=e(r);n(1090),exports["default"]={restrict:"E",bindings:{count:"=",max:"=",dot:"="},transclude:!0,template:l["default"],controller:s["default"],controllerAs:"vm"}},907:function(t,exports){"use strict";function n(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var e=function(){function t(t,n){for(var e=0;e<n.length;e++){var a=n[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(n,e,a){return e&&t(n.prototype,e),a&&t(n,a),n}}(),a=function(){function t(){"ngInject";n(this,t)}return e(t,[{key:"$onInit",value:function(){this.data=this.buildData(),this.init()}},{key:"buildData",value:function(){return[[1,2,3,4,5,6,7,8,9],[1,2,3,4,5,6,7,8,9],[1,2,3,4,5,6,7,8,9]]}},{key:"init",value:function(){this.dot||0==this.count?this.countValue="":this.count>this.max?this.countValue=this.max+"+":this.countValue=this.count}}]),t}();exports["default"]=a},908:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var a=n(906),l=e(a),r=n(413),s=e(r),o=angular.module("bp.badge",[]).component("fBadge",l["default"]).component("bpBadge",(0,s["default"])(l["default"],"bp-badge","f-badge"));exports["default"]=o},980:function(t,exports){t.exports='<section class="intro-content">\n\t<h1 translate=\'{{vm.$state.current.name}}\'></h1>\n\t<p>{{\'Badage_Description\'|translate}}</p>\n\t<p>{{\'Badage_Description1\'|translate}}</p>\n</section>\n\n<section class="intro-content">\n\t<h2>{{\'Install\' | translate}}</h2>\n\t<p>{{\'Install_FancyUI\'|translate}}</p>\n</section>\n\n<div class="example-block">\n<div class="highlight" hljs hljs-language="bash">\nnpm install fancyui --save</div>\n</div>\n\n<section class="intro-content">\n\t<h2>{{\'Inject_Module\'|translate}}</h2>\n</section>\n\n<div class="example-block">\n\t<div class="highlight no-border" hljs hljs-language="javascript">\nimport {Badge} from \'fancyui\';\nexport default angular.module(\'badgeDemo\', [\n  Badge.name\n])</div>\n</div>\n\n<h2>{{\'Example\'|translate}}</h2>\n<h3>{{\'Basic_Usage\'|translate}}</h3>\n<div class="example-block">\n\t<div class="bs-example pop-confirm-example">\n\t\t<span class="badge-example">\n\t\t\t<f-badge count="6">\n\t\t\t\t<a href="javascript:alert(\'badge click\')"></a>\n\t\t\t</f-badge>\n\t\t</span>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-badge count="6">\n  <a href="javascript:alert(\'badge click\')"></a>\n</f-badge>\n</div>\n</div>\n\n<h3>{{\'MaxValue\'|translate}}</h3>\n<div class="example-block">\n\t<div class="bs-example pop-confirm-example">\n\t\t<span class="badge-example">\n\t\t\t<f-badge count="100" max="99">\n\t\t\t\t<a href="javascript:alert(\'badge click\')"></a>\n\t\t\t</f-badge>\n\t\t</span>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-badge count="100" max="99">\n  <a href="javascript:alert(\'badge click\')"></a>\n</f-badge>\n</div>\n</div>\n\n<h3>{{\'Message\'|translate}}</h3>\n<div class="example-block">\n\t<div class="bs-example pop-confirm-example">\n\t\t<span class="badge-example">\n\t\t\t<f-badge dot="true">\n\t\t\t\t<a href="javascript:alert(\'badge click\')"></a>\n\t\t\t</f-badge>\n\t\t</span>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-badge dot="true">\n  <a href="javascript:alert(\'badge click\')"></a>\n</f-badge>\n</div>\n</div>\n\n<section class="intro-content">\n\t<h2>{{\'Options\'|translate}}</h2>\n\t<table class="demo-table">\n\t\t<thead>\n\t\t<tr>\n\t\t\t<th>{{\'Param\'|translate}}</th>\n\t\t\t<th>{{\'Description\'|translate}}</th>\n\t\t\t<th>{{\'Type\'|translate}}</th>\n\t\t\t<th>{{\'Optional\'|translate}}</th>\n\t\t\t<th>{{\'DefaultValue\'|translate}}</th>\n\t\t</tr>\n\t\t</thead>\n\t\t<tbody>\n\t\t<tr>\n\t\t\t<td>count</td>\n\t\t\t<td>{{\'Count_Description\'|translate}}</td>\n\t\t\t<td>number</td>\n\t\t\t<td>-</td>\n\t\t\t<td>-</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>max</td>\n\t\t\t<td>{{\'Max_Description\'|translate}}</td>\n\t\t\t<td>number</td>\n\t\t\t<td>-</td>\n\t\t\t<td>-</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>dot</td>\n\t\t\t<td>{{\'Dot_Description\'|translate}}</td>\n\t\t\t<td>boolean</td>\n\t\t\t<td>-</td>\n\t\t\t<td>false</td>\n\t\t</tr>\n\t\t</tbody>\n\t</table>\n</section>'}});
//# sourceMappingURL=badgeDemo.min.js.map