radio.min.js

webpackJsonp([17],{1010:function(e,exports){e.exports='<section class="intro-content">\n\t<h1>单选框</h1>\n</section>\n\n<section class="intro-content">\n\t<h2>安装</h2>\n\t<p>安装fancyui</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>注入模块</h2>\n</section>\n\n<div class="example-block no-border">\n<div class="highlight" hljs hljs-language="javascript">\nimport radioComponent from \'./radio.component\';\nimport {Radiobox} from \'fancyui\';\nimport {RadioboxGroup} from \'fancyui\';\n\nexport default angular.module(\'radio\', [\n  Radiobox.name,\n  RadioboxGroup.name\n])\n.component(\'radio\', radioComponent);\n</div>\n</div>\n\n\n<section class="intro-content">\n\t<h2>示例</h2>\n\t<p>基础用法</p>\n</section>\n<div class="example-block">\n\t<div class="bs-example radio-example">\n\t\t<f-radiobox model="vm.option" value="A">A</f-radiobox>\n\t\t<f-radiobox model="vm.option" value="B">B</f-radiobox>\n\t\t<f-radiobox model="vm.option" value="C">C</f-radiobox>\n\t\t<f-radiobox model="vm.option" value="D" >D</f-radiobox>\n\t\t<p>选中的值: {{vm.option}}</p>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-radiobox model="vm.option" value="A">A</f-radiobox>\n<f-radiobox model="vm.option" value="B">B</f-radiobox>\n<f-radiobox model="vm.option" value="C">C</f-radiobox>\n<f-radiobox model="vm.option" value="D" >D</f-radiobox>\n<p>选中的值: {{vm.option}}</p>\n</div>\n<div class="highlight" hljs hljs-language="html">\nexport default class RadioController {\n  constructor() {\n    \'ngInject\';\n    this.option = "A";\n}\n</div>\n</div>\n\n<section class="intro-content">\n\t<p>复杂数据结构支持如Object, Array, Boolean</p>\n</section>\n\n<div class="example-block">\n\t<div class="bs-example radio-example">\n\t\t<f-radiobox model="vm.option1" value="A">A</f-radiobox>\n\t\t<f-radiobox model="vm.option1" value="B">B</f-radiobox>\n\t\t<f-radiobox model="vm.option1" value="C">C</f-radiobox>\n\t\t<f-radiobox model="vm.option1" value="D" complex="vm.specialInfo">D</f-radiobox>\n\t\t<p>选中的值: {{vm.option1}}</p>\n\t</div>\n\n<div class="highlight" hljs hljs-language="html">\n<f-radiobox model="vm.option1" value="A">A</f-radiobox>\n<f-radiobox model="vm.option1" value="B">B</f-radiobox>\n<f-radiobox model="vm.option1" value="C">C</f-radiobox>\n<f-radiobox model="vm.option1" value="D" complex="vm.specialInfo">D</f-radiobox>\n<p>选中的值: {{vm.option1}}</p>\n</div>\n\n<div class="highlight" hljs hljs-language="html">\nexport default class RadioController {\n  constructor() {\n    \'ngInject\';\n    this.option1 = "A";\n    this.specialInfo = [1, 2, 3, 4, 5];\n  }\n</div>\n</div>\n\n<section class="intro-content">\n\t<p>Radio组</p>\n</section>\n\n<div class="example-block">\n\t<div class="bs-example radio-example">\n\t\t<f-radiobox-group list="vm.groupDataList" model="vm.model"></f-radiobox-group>\n\t\t<p>选中的值: {{vm.model}}</p>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<f-radiobox-group list="vm.groupDataList" model="vm.model"></f-radiobox-group>\n<p>选中的值: {{vm.model}}</p>\n</div>\n<div class="highlight" hljs hljs-language="javascript">\nexport default class RadioController {\n  constructor() {\n    \'ngInject\';\n    this.model = "Option A";\n    this.groupDataList = [\n      {label: \'Option A\', value: \'Option A\'},\n      {label: \'Option B\', value: \'Option B\'},\n      {label: \'Option C\', value: \'Option C\', complex: [1, 2, 3, 4, 5]},\n      {label: \'Option D\', value: "Option D"},\n      {label: \'Option E\', value: "Option E", disabled: true},\n      {label: \'Option F\', value: "Option F"}\n    ];\n  }\n}\n</div>\n</div>'},1035:function(e,exports){e.exports='<label for="{{controller.htmlID}}" class="radio-container"\n       ng-class="[controller.className, {checked: controller.isChecked()}]">\n      <span class="radio-inner"></span>\n      <input type="radio" id="{{controller.htmlID}}"\n              ng-value="controller.complex || controller.value"\n              ng-disabled="controller.disabled"\n              ng-model="controller.model"\n      />\n      <span ng-transclude></span>\n</label>\n'},1036:function(e,exports){e.exports='<ul class="list-unstyled"\n    ng-disabled="controller.disabled"\n    ng-class="{\'list-inline\': controller.inline}">\n      <li ng-repeat="item in controller.list track by $index">\n            <f-radiobox\n                disabled="item.disabled || controller.disabled"\n                model="controller.model"\n                value="{{item.value}}"\n                complex="item.complex"\n            >{{item.label}}</f-radiobox>\n      </li>\n</ul>'},1078:function(e,exports,n){var t=n(708);"string"==typeof t&&(t=[[e.i,t,""]]);n(2)(t,{});t.locals&&(e.exports=t.locals)},1101:function(e,exports,n){var t=n(731);"string"==typeof t&&(t=[[e.i,t,""]]);n(2)(t,{});t.locals&&(e.exports=t.locals)},1102:function(e,exports,n){var t=n(732);"string"==typeof t&&(t=[[e.i,t,""]]);n(2)(t,{});t.locals&&(e.exports=t.locals)},313:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(882),i=t(o),r=n(943),a=t(r),l=n(946),u=t(l);exports["default"]=angular.module("radio",[a["default"].name,u["default"].name]).component("radio",i["default"])},413:function(e,exports){"use strict";function n(e,n){e?console.warn(e+" 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(e,t,o){var i=angular.copy(e);try{var r;!function(){var e=i.controller,a=angular.injector.$$annotate(i.controller,!0);r=angular.element(document.body).injector();var l=function(){n(t,o);for(var i=[],l=0,u=a.length;l<u;l++)i.push(r.get(a[l]));var s=Object.create(e.prototype||null);return angular.merge(s,this),e.apply(s,i),s};i.controller=l}()}catch(a){}return i}},419:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function i(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var r=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),a=n(424),l=t(a),u=function(){function e(){i(this,e),this._state={},this._init=!1}return r(e,[{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(e){"[object Object]"===Object.prototype.toString.call(e)&&(this._state=angular.merge(this._state,e),this._render())}}]),e}();exports["default"]=u},420:function(e,exports,n){var t,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 e=[],t=0;t<arguments.length;t++){var o=arguments[t];if(o){var r=typeof o;if("string"===r||"number"===r)e.push(o);else if(Array.isArray(o))e.push(n.apply(null,o));else if("object"===r)for(var a in o)i.call(o,a)&&o[a]&&e.push(a)}}return e.join(" ")}var i={}.hasOwnProperty;"undefined"!=typeof e&&e.exports?e.exports=n:(t=[],o=function(){return n}.apply(exports,t),!(void 0!==o&&(e.exports=o)))}()},424:function(e,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]={DISABLED:"disabled"}},708:function(e,exports,n){exports=e.exports=n(1)(),exports.push([e.i,".example-block .radio-example .radio-container {\n  margin-right: 20px;\n  margin-bottom: 15px;\n  font-size: 14px;\n}\n.example-block .radio-example p {\n  margin: 10px 0;\n}\n",""])},731:function(e,exports,n){exports=e.exports=n(1)(),exports.push([e.i,".radio-container {\n  font-size: 12px;\n  white-space: nowrap;\n  outline: none;\n  display: inline-block;\n  position: relative;\n  line-height: 1;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.radio-container input[type=radio] {\n  position: absolute;\n  left: 0;\n  z-index: 1;\n  cursor: pointer;\n  opacity: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n}\n.radio-container .radio-inner {\n  position: relative;\n  top: 3px;\n  left: 0;\n  display: inline-block;\n  width: 14px;\n  height: 14px;\n  border-radius: 14px;\n  border: 1px solid #d9d9d9;\n  background-color: #fff;\n}\n.radio-container .radio-inner .radio-inner,\n.radio-container .radio-inner .radio-inner:after {\n  -webkit-transition: all 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n  transition: all 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.radio-container .radio-inner:after {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  left: 3px;\n  top: 3px;\n  border-radius: 6px;\n  display: table;\n  border-top: 0;\n  border-left: 0;\n  content: ' ';\n  background-color: #58b4e9;\n  opacity: 0;\n  -webkit-transform: scale(0);\n  transform: scale(0);\n}\n.radio-container.checked .radio-inner {\n  border-color: #d9d9d9;\n}\n.radio-container.checked .radio-inner:after {\n  -webkit-transform: scale(1);\n  transform: scale(1);\n  opacity: 1;\n  -webkit-transition: all 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n  transition: all 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.radio-container.disabled .radio-inner {\n  border-color: #d9d9d9;\n  background-color: #f3f3f3;\n}\n.radio-container.disabled .radio-inner:hover {\n  border-color: #d9d9d9;\n}\n.radio-container.disabled .radio-inner:after {\n  background-color: #ccc;\n}\n",""])},732:function(e,exports,n){exports=e.exports=n(1)(),exports.push([e.i,"",""])},882:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(1010),i=t(o),r=n(883),a=t(r);n(1078),exports["default"]={restrict:"E",bindings:{},template:i["default"],controller:a["default"],controllerAs:"vm"}},883:function(e,exports){"use strict";function n(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var t=function o(){"ngInject";n(this,o),this.option="A",this.option1="A",this.specialInfo=[1,2,3,4,5],this.model="Option A",this.groupDataList=[{label:"Option A",value:"Option A"},{label:"Option B",value:"Option B"},{label:"Option C",value:"Option C",complex:[1,2,3,4,5]},{label:"Option D",value:"Option D"},{label:"Option E",value:"Option E",disabled:!0},{label:"Option F",value:"Option F"}]};exports["default"]=t},943:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(0),i=t(o),r=n(944),a=t(r),l=n(413),u=t(l),s=i["default"].module("Radiobox",[]).component("fRadiobox",a["default"]).component("bpRadiobox",(0,u["default"])(a["default"],"bp-radiobox","f-radiobox"));exports["default"]=s},944:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(945),i=t(o),r=n(1035),a=t(r);n(1101);var l={template:a["default"],controller:i["default"],controllerAs:"controller",transclude:!0,bindings:{disabled:"<",value:"@",model:"=?model",complex:"=?complex"}};exports["default"]=l},945:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function i(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function r(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}function a(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}Object.defineProperty(exports,"__esModule",{value:!0});var l=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),u=n(419),s=t(u),c=n(420),d=t(c),f=n(966),p=t(f),b=function(e){function n(){return i(this,n),r(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return a(n,e),l(n,[{key:"_initDefaultState",value:function(){this._state=o({},""+p["default"].DISABLED,this.disabled)}},{key:"_initDefaultValue",value:function(){this.htmlID=this.htmlID||"radio_"+Math.random().toString(36).substr(2,9)}},{key:"_createClassName",value:function(){this.className=(0,d["default"])({disabled:this._state[p["default"].DISABLED]})}},{key:"_launch",value:function(){}},{key:"isChecked",value:function(){return!(!this.model||!this.value&&!this.complex||this.model!==this.value&&this.model!==this.complex)}}]),n}(s["default"]);exports["default"]=b},946:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(0),i=t(o),r=n(947),a=t(r),l=n(413),u=t(l),s=i["default"].module("RadioboxGroup",[]).component("fRadioboxGroup",a["default"]).component("bpRadioboxGroup",(0,u["default"])(a["default"],"bp-radiobox-group","f-radiobox-group"));exports["default"]=s},947:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(948),i=t(o),r=n(1036),a=t(r);n(1102);var l={template:a["default"],controller:i["default"],controllerAs:"controller",transclude:!0,bindings:{disabled:"<",model:"=?model",list:"=?list",inline:"=?inline"}};exports["default"]=l},948:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}function o(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function i(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}function r(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}Object.defineProperty(exports,"__esModule",{value:!0});var a=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),l=n(419),u=t(l),s=n(420),c=(t(s),function(e){function n(){return o(this,n),i(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return r(n,e),a(n,[{key:"_initDefaultValue",value:function(){this.list=this.list&&angular.isArray(this.list)?this.list:[]}},{key:"_createClassName",value:function(){}},{key:"_launch",value:function(){}}]),n}(u["default"]));exports["default"]=c},966:function(e,exports,n){"use strict";function t(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=n(424),i=t(o);exports["default"]=angular.extend({},i["default"])}});
//# sourceMappingURL=radio.min.js.map