button.min.js

webpackJsonp([19],{1050:function(t,exports,n){var e=n(680);"string"==typeof e&&(e=[[t.i,e,""]]);n(2)(e,{});e.locals&&(t.exports=e.locals)},285:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(825),r=e(o),i=n(593),a=e(i);exports["default"]=angular.module("buttonDemo",[a["default"].name]).component("buttonDemo",r["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,o){var r=angular.copy(t);try{var i;!function(){var t=r.controller,a=angular.injector.$$annotate(r.controller,!0);i=angular.element(document.body).injector();var l=function(){n(e,o);for(var r=[],l=0,u=a.length;l<u;l++)r.push(i.get(a[l]));var s=Object.create(t.prototype||null);return angular.merge(s,this),t.apply(s,r),s};r.controller=l}()}catch(a){}return r}},419:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}function o(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function r(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var i=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),a=n(424),l=e(a),u=function(){function t(){r(this,t),this._state={},this._init=!1}return i(t,[{key:"$onInit",value:function(){this._initDefaultValue(),this._initDefaultState(),this._render(),this._launch(),this._init=!0}},{key:"_initDefaultValue",value:function(){throw new Error("IllegalOperationError for _initDefaultValue method, you need override the method")}},{key:"_initDefaultState",value:function(){this._state=o({},""+l["default"].DISABLED,!1)}},{key:"_createClassName",value:function(){throw new Error("IllegalOperationError for _createClassName method, you need override the method")}},{key:"_launch",value:function(){throw new Error("IllegalOperationError for _launch method, you need override the method")}},{key:"_render",value:function(){this._createClassName()}},{key:"state",get:function(){return this._state},set:function(t){"[object Object]"===Object.prototype.toString.call(t)&&(this._state=angular.merge(this._state,t),this._render())}}]),t}();exports["default"]=u},420:function(t,exports,n){var e,o;/*!
  Copyright (c) 2016 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/
!function(){"use strict";function n(){for(var t=[],e=0;e<arguments.length;e++){var o=arguments[e];if(o){var i=typeof o;if("string"===i||"number"===i)t.push(o);else if(Array.isArray(o))t.push(n.apply(null,o));else if("object"===i)for(var a in o)r.call(o,a)&&o[a]&&t.push(a)}}return t.join(" ")}var r={}.hasOwnProperty;"undefined"!=typeof t&&t.exports?t.exports=n:(e=[],o=function(){return n}.apply(exports,e),!(void 0!==o&&(t.exports=o)))}()},424:function(t,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]={DISABLED:"disabled"}},569:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(570),r=e(o),i=n(572),a=e(i),l={template:a["default"],controller:r["default"],controllerAs:"controller",bindings:{type:"<",icon:"@"}};exports["default"]=l},570:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}function o(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function r(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function i(t,n){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?t:n}function a(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(t,n):t.__proto__=n)}Object.defineProperty(exports,"__esModule",{value:!0});var l=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),u=n(419),s=e(u),c=n(420),f=e(c),d=function(t){function n(){return r(this,n),i(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return a(n,t),l(n,[{key:"_initDefaultValue",value:function(){}},{key:"_createClassName",value:function(){var t=this.icon||this.type;t="loading"===t?"repeat":t,this.className=(0,f["default"])(o({"bp-icon":!0,glyphicon:!0},"glyphicon-"+t,!!t))}},{key:"_launch",value:function(){}},{key:"$onChanges",value:function(t){t.hasOwnProperty("type")&&this._createClassName()}}]),n}(s["default"]);exports["default"]=d},571:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(569),r=e(o),i=n(413),a=e(i),l=angular.module("Icon",[]).component("fIcon",r["default"]).component("bpIcon",(0,a["default"])(r["default"],"bp-icon","f-icon"));exports["default"]=l},572:function(t,exports){t.exports='<i class="{{controller.className}}"></i>'},577:function(t,exports,n){exports=t.exports=n(1)(),exports.push([t.i,".bp-btn {\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.bp-btn.loading-btn {\n  padding-left: 20px;\n}\n.bp-btn.loading-btn .bp-icon {\n  animation: loadingCircle 1s linear infinite;\n}\n.bp-btn .bp-icon {\n  margin-right: 2px;\n}\n@-webkit-keyframes loadingCircle {\n  0% {\n    -webkit-transform-origin: 50% 50%;\n    transform-origin: 50% 50%;\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform-origin: 50% 50%;\n    transform-origin: 50% 50%;\n    -webkit-transform: rotate(1turn);\n    transform: rotate(1turn);\n  }\n}\n",""])},591:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(592),r=e(o),i=n(600),a=e(i);n(601);var l={template:a["default"],controller:r["default"],controllerAs:"controller",transclude:!0,bindings:{type:"@",size:"@",htmlType:"@",disabled:"<",icon:"@",click:"&"}};exports["default"]=l},592:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}function o(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function r(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function i(t,n){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?t:n}function a(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(t,n):t.__proto__=n)}Object.defineProperty(exports,"__esModule",{value:!0});var l=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),u=function h(t,n,e){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,n);if(void 0===o){var r=Object.getPrototypeOf(t);return null===r?void 0:h(r,n,e)}if("value"in o)return o.value;var i=o.get;if(void 0!==i)return i.call(e)},s=n(419),c=e(s),f=n(420),d=e(f),b=n(599),p=e(b),y=function(t){function n(){return r(this,n),i(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return a(n,t),l(n,[{key:"_initDefaultState",value:function(){this._state=o({},""+p["default"].DISABLED,this.disabled)}},{key:"_initDefaultValue",value:function(){this.className="",this.type=this.type||"primary",this.htmlType=this.htmlType||"button",this.iconType=this.icon||""}},{key:"_createClassName",value:function(){var t;this.className=(0,d["default"])((t={btn:!0,"bp-btn":!0},o(t,"btn-"+this.size,!!this.size),o(t,"bp-btn-"+this.type,!0),o(t,"loading-btn",this._state[p["default"].LOADING]),t))}},{key:"_launch",value:function(){}},{key:"_render",value:function(){this._state[p["default"].LOADING]&&(this.iconType="loading",this._state[p["default"].DISABLED]=!0),u(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"_render",this).call(this)}},{key:"innerClick",value:function(){this.click&&"function"==typeof this.click&&this.click({button:this})}},{key:"$onChanges",value:function(t){this._init&&t.hasOwnProperty(p["default"].DISABLED)&&(this._state[p["default"].DISABLED]=t[p["default"].DISABLED].currentValue,this._render())}}]),n}(c["default"]);exports["default"]=y},593:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(591),r=e(o),i=n(571),a=e(i),l=n(413),u=e(l),s=angular.module("Button",[a["default"].name]).component("fButton",r["default"]).component("bpButton",(0,u["default"])(r["default"],"bp-button","f-button"));exports["default"]=s},599:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(424),r=e(o);exports["default"]=angular.extend({LOADING:"loading"},r["default"])},600:function(t,exports){t.exports='<button \n  type="{{controller.htmlType}}" \n  ng-class="controller.className"\n  ng-click="controller.innerClick()"\n  ng-disabled="controller.state.disabled">\n    <f-icon ng-if="controller.iconType" type="controller.iconType"></f-icon>\n    <span ng-transclude></span>\n  </button>'},601:function(t,exports,n){var e=n(577);"string"==typeof e&&(e=[[t.i,e,""]]);n(2)(e,{});e.locals&&(t.exports=e.locals)},680:function(t,exports,n){exports=t.exports=n(1)(),exports.push([t.i,"",""])},825:function(t,exports,n){"use strict";function e(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(982),r=e(o),i=n(826),a=e(i);n(1050),exports["default"]={restrict:"E",bindings:{},template:r["default"],controller:a["default"],controllerAs:"vm"}},826: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 o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),o=function(){function t(e,o,r){"ngInject";n(this,t),this.$state=e,this.disabled=!1,this.$timeout=o,this.tiggleDisabled=!0,this.$translate=r}return t.$inject=["$state","$timeout","$translate"],e(t,[{key:"sayHello",value:function(t){t.state={loading:!0},this.tiggleDisabled=!1,this.$timeout(function(){t.state={disabled:!1,loading:!1}},3e3)}},{key:"$onInit",value:function(){this.currentLang=this.$translate.use()}}]),t}();exports["default"]=o},982:function(t,exports){t.exports='<section class="intro-content">\n\t<h1 translate=\'{{vm.$state.current.name}}\'></h1>\n\t<p>{{\'ButtonDes\'|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 buttonComponent from \'./button.component\';\nimport {Button} from \'fancyui\';\n\nexport default angular.module(\'buttonDemo\', [\n  Button.name\n])\n.component(\'buttonDemo\', buttonComponent);</div>\n</div>\n\n\n<h2>{{\'Styles\'|translate}}</h2>\n\n<div class="example-block">\n\t<div class="bs-example">\n\t\t<f-button type="default">Default</f-button>\n\t\t<f-button type="primary">Primary</f-button>\n\t\t<f-button type="success">Success</f-button>\n\t\t<f-button type="info">Info</f-button>\n\t\t<f-button type="warning">Warning</f-button>\n\t\t<f-button type="danger">Danger</f-button>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-button type="default">Default</f-button>\n<f-button type="primary">Primary</f-button>\n<f-button type="success">Success</f-button>\n<f-button type="info">Info</f-button>\n<f-button type="warning">Warning</f-button>\n<f-button type="danger">Danger</f-button>\n</div>\n</div>\n\n<section class="intro-content">\n\t<h2>{{\'Icon\'|translate}}</h2>\n\t<p>{{\'IconDes\'|translate}}</p>\n</section>\n\n<div class="example-block">\n\t<div class="bs-example">\n\t\t<f-button type="primary" icon="ok">OK</f-button>\n\t\t<f-button type="primary" icon="remove">Remove</f-button>\n\t\t<f-button type="primary" icon="plus">Plus</f-button>\n\t\t<f-button type="primary" icon="minus">Minus</f-button>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-button type="primary" icon="ok">OK</f-button>\n<f-button type="primary" icon="remove">Remove</f-button>\n<f-button type="primary" icon="plus">Plus</f-button>\n<f-button type="primary" icon="minus">Minus</f-button>\n</div>\n</div>\n\n<section class="intro-content">\n\t<h2>{{\'Size\'|translate}}</h2>\n</section>\n<div class="example-block">\n\t<div class="bs-example">\n\t\t<p>\n\t\t\t<f-button type="primary" size="xs">size xs button</f-button>\n\t\t\t<f-button type="primary" size="sm">size sm button</f-button>\n\t\t\t<f-button type="primary">size default button</f-button>\n\t\t\t<f-button type="primary" size="lg">size lg button</f-button>\n\t\t</p>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-button type="primary" size="xs">size xs button</f-button>\n<f-button type="primary" size="sm">size sm button</f-button>\n<f-button type="primary">size default button</f-button>\n<f-button type="primary" size="lg">size lg button</f-button>\n</div>\n</div>\n\n<section class="intro-content">\n\t<h2>{{\'Disbale\'|translate}}</h2>\n</section>\n\n<div class="example-block">\n\t<div class="bs-example">\n\t\t<f-button type="default" disabled="true">Default</f-button>\n\t\t<f-button type="primary" disabled="true">Primary</f-button>\n\t\t<f-button type="success" disabled="true">Success</f-button>\n\t\t<f-button type="info" disabled="true">Info</f-button>\n\t\t<f-button type="warning" disabled="true">Warning</f-button>\n\t\t<f-button type="danger" disabled="true">Danger</f-button>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-button type="default" disabled="true">Default</f-button>\n<f-button type="primary" disabled="true">Primary</f-button>\n<f-button type="success" disabled="true">Success</f-button>\n<f-button type="info" disabled="true">Info</f-button>\n<f-button type="warning" disabled="true">Warning</f-button>\n<f-button type="danger" disabled="true">Danger</f-button>\n</div>\n</div>\n\n<section class="intro-content">\n\t<h2>Loading</h2>\n</section>\n\n<div class="example-block">\n\t<div class="bs-example">\n\t\t<f-button click="vm.sayHello(button)" type="primary" loading="true">loading</f-button>\n\t\t<f-button click="vm.sayHello(button)" type="primary" icon="ok" loading="true">loading</f-button>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-button click="vm.sayHello(button)" type="primary" loading="true">loading</f-button>\n<f-button click="vm.sayHello(button)" type="primary" icon="ok" loading="true">loading</f-button>\n</div>\n\n<div class="highlight" hljs hljs-language="javascript">\nexport default class ButtonController {\n  constructor($timeout) {\n    \'ngInject\';\n    this.disabled = false;\n    this.$timeout = $timeout;\n    this.tiggleDisabled = true;\n  }\n\n  sayHello(btn) {\n    btn.state = {loading: true};\n    this.tiggleDisabled = false;\n    this.$timeout(() => {\n      btn.state = {disabled: false, loading: false};\n    }, 3000);\n  }\n}\n</div>\n</div>\n\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>{{\'Type\'|translate}}</th>\n\t\t\t<th>{{\'Description\'|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>type</td>\n\t\t\t<td>string</td>\n\t\t\t<td>{{\'Type\'|translate}}</td>\n\t\t\t<td>- / lg / sm / xs</td>\n\t\t\t<td>-</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>size</td>\n\t\t\t<td>string</td>\n\t\t\t<td>{{\'Size\'|translate}}</td>\n\t\t\t<td>- / lg / sm / xs</td>\n\t\t\t<td>-</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>htmlType</td>\n\t\t\t<td>string</td>\n\t\t\t<td>html type</td>\n\t\t\t<td>button / submit etc.</td>\n\t\t\t<td>button</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>icon</td>\n\t\t\t<td>string</td>\n\t\t\t<td>icon</td>\n\t\t\t<td>See details <a ui-sref="icons({\'lang\':vm.currentLang})"><strong>icon</strong></a></td>\n\t\t\t<td>-</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>loading</td>\n\t\t\t<td>boolean</td>\n\t\t\t<td>is support loading</td>\n\t\t\t<td>true / false</td>\n\t\t\t<td>false</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>disabled</td>\n\t\t\t<td>boolean</td>\n\t\t\t<td>is disbale</td>\n\t\t\t<td>true / false</td>\n\t\t\t<td>false</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>click</td>\n\t\t\t<td>function</td>\n\t\t\t<td>\bclick handle</td>\n\t\t\t<td>function</td>\n\t\t\t<td>-</td>\n\t\t</tr>\n\t\t</tbody>\n\t</table>\n</section>'}});
//# sourceMappingURL=button.min.js.map