com.button/buttonGroup.js

buttongroup

!function(n,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("jquery"),require("hdbr")):"function"==typeof define&&define.amd?define(["jquery","hdbr"],r):"object"==typeof exports?exports.buttonGroup=r(require("jquery"),require("hdbr")):n.buttonGroup=r(n.jquery,n.hdbr)}(this,function(n,r){return function(n){function r(e){if(t[e])return t[e].exports;var o=t[e]={exports:{},id:e,loaded:!1};return n[e].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}Function.prototype.bind||(Function.prototype.bind=function(){var n=this,r=[].slice.call(arguments),t=r.shift();return function(){return n.apply(t,r.concat([].slice.call(arguments)))}}),Array.prototype.filter||(Array.prototype.filter=function(n){var r=this.length;if("function"!=typeof n)throw new TypeError;for(var t=new Array,e=arguments[1],o=0;o<r;o++)if(o in this){var i=this[o];n.call(e,i,o,this)&&t.push(i)}return t});var t={};return r.m=n,r.c=t,r.p="/",r(0)}([function(n,r,t){var e,o;e=[t(1),t(2),t(3),t(4),t(5)],o=function(n,r,t,e){var o="${{version}}",i=function(n){return Boolean(n.tagName)},s=function(){t.registerHelper("ifDirection",function(n){return n&&"vertical"==n?"t-btnGroup-v":"horizontal"!=n&&n?void 0:"t-btnGroup-h"}),t.registerHelper("configClass",function(n,r,t,e,o){var i="";n&&"md"!=n?"lg"==n?i+="t-btnGroup-lg":"sm"==n?i+="t-btnGroup-sm":"xs"==n&&(i+="t-btnGroup-xs"):i+="t-btnGroup-md";var s=parseFloat(r);return s&&"0"!=s?"1"==s?i+=" t-btnGroup-blue":"2"==s&&(i+=" t-btnGroup-green"):i+=" t-btnGroup-white",t!==!0&&0!=parseFloat(t)||(i+=" t-btnGroup-disabled"),e&&(i+=" t-btnGroup-cfgId"+e),i+=" t-btnGroup-indexId"+o}),t.registerHelper("ifDisabledtrue",function(n){if(n===!0||0==parseFloat(n))return"disabled"}),this.$el.html(e(this.options))},l=function(t){t.el?t.el instanceof jQuery&&t.el.length>0?this.$el=t.el:i(t.el)?this.$el=n(t.el):"string"==typeof t.el&&n(t.el).length>0&&(this.$el=n(t.el)):this.$el=n("<div></div>"),this.options=t,r.call(this),s.call(this);for(var e=0;e<this.options.items.length;e++)"function"==typeof this.options.items[e].click&&this.$el.find(".t-btnGroup").eq(e).on("click",this.options.items[e].click)};return n.extend(l.prototype,r.prototype,{version:o,getBtn:function(n){return"number"==typeof n?this.$el.find(".t-btnGroup-indexId"+n):this.$el.find(".t-btnGroup-cfgId"+n)},disable:function(){if(0==arguments.length)return void this.$el.find(".t-btnGroup").attr({disabled:!0}).addClass("t-btnGroup-disabled");for(var n=0;n<arguments.length;n++)this.getBtn(arguments[n]).attr({disabled:!0}).addClass("t-btnGroup-disabled")},restore:function(){if(0==arguments.length)return void this.$el.find(".t-btnGroup").attr({disabled:!1}).removeClass("t-btnGroup-disabled");for(var n=0;n<arguments.length;n++)this.getBtn(arguments[n]).attr({disabled:!1}).removeClass("t-btnGroup-disabled")}}),window.console=window.console||function(){var n={};return n.log=n.warn=n.debug=n.info=n.error=n.time=n.dir=n.profile=n.clear=n.exception=n.trace=n.assert=function(){},n}(),l}.apply(r,e),!(void 0!==o&&(n.exports=o))},function(r,t){r.exports=n},function(n,r,t){var e;e=function(){var n=function(){this._listeners={}};return n.prototype={on:function(n,r){"undefined"==typeof this._listeners[n]&&(this._listeners[n]=[]),this._listeners[n].push(r)},trigger:function(n,r,t){if("string"==typeof n&&(n={type:n}),n.target||(n.target=this),!n.type)throw new Error("Event object missing 'type' property.");if(this._listeners[n.type]instanceof Array)for(var e=this._listeners[n.type],o=0,i=e.length;o<i;o++)e[o].apply(this,[].slice.call(arguments,1))},removeListener:function(n,r){if(this._listeners[n]instanceof Array)for(var t=this._listeners[n],e=0,o=t.length;e<o;e++)if(t[e]===r){t.splice(e,1);break}}},n}.call(r,t,r,n),!(void 0!==e&&(n.exports=e))},function(n,t){n.exports=r},function(n,r,t){var e,o;e=[t(3)],o=function(n){return n.template({1:function(n,r,t,e,o,i,s){var l,u,a=null!=r?r:n.nullContext||{},c=t.helperMissing,p="function",f=n.escapeExpression;return'\t\t<li class="'+f((u=null!=(u=t.className||(null!=r?r.className:r))?u:c,typeof u===p?u.call(a,{name:"className",hash:{},data:o}):u))+" "+f((t.ifDirection||r&&r.ifDirection||c).call(a,null!=s[1]?s[1].direction:s[1],{name:"ifDirection",hash:{},data:o}))+'">\r\n\t\t\t<button '+f((t.ifDisabledtrue||r&&r.ifDisabledtrue||c).call(a,null!=r?r.disabled:r,{name:"ifDisabledtrue",hash:{},data:o}))+' class="t-btnGroup '+f((t.configClass||r&&r.configClass||c).call(a,null!=r?r.size:r,null!=r?r.type:r,null!=r?r.disabled:r,null!=r?r.id:r,o&&o.index,{name:"configClass",hash:{},data:o}))+'">'+(null!=(u=null!=(u=t.text||(null!=r?r.text:r))?u:c,l=typeof u===p?u.call(a,{name:"text",hash:{},data:o}):u)?l:"")+"</button>\r\n\t\t</li>\r\n"},compiler:[7,">= 4.0.0"],main:function(n,r,t,e,o,i,s){var l,u,a=null!=r?r:n.nullContext||{};return'<div class="'+n.escapeExpression((u=null!=(u=t.className||(null!=r?r.className:r))?u:t.helperMissing,"function"==typeof u?u.call(a,{name:"className",hash:{},data:o}):u))+'" >\r\n\t<ul class="sn-buttonGroup-list">\r\n'+(null!=(l=t.each.call(a,null!=r?r.items:r,{name:"each",hash:{},fn:n.program(1,o,0,i,s),inverse:n.noop,data:o}))?l:"")+"\t</ul>\r\n</div>\r\n"},useData:!0,useDepths:!0})}.apply(r,e),!(void 0!==o&&(n.exports=o))},function(n,r,t){var e=t(6);"string"==typeof e&&(e=[[n.id,e,""]]);t(8)(e,{});e.locals&&(n.exports=e.locals)},function(n,r,t){r=n.exports=t(7)(),r.push([n.id,".sn-buttonGroup-list,\r\n.sn-buttonGroup-list > li,\r\n.sn-buttonGroup-list button{\r\n\tlist-style:none;\r\n\tpadding:0;\r\n\tmargin:0;\r\n}\r\n\r\n  /* // 按钮 */\r\n.sn-buttonGroup-list .t-btnGroup {\r\n   margin-right: 12px;\r\n   font-size: 13px;\r\n   border-radius: 3px;\r\n   border-width: 1px;\r\n   border-style: solid;\r\n   text-decoration: none;\r\n   cursor: pointer;\r\n   position: relative;\r\n   white-space: nowrap;\r\n   outline: none;\r\n}\r\n/* // 白色按钮 */\r\n.sn-buttonGroup-list .t-btnGroup-white{\r\n  background-color: #fff;\r\n  border-color: #cfd6d9;\r\n  color: #0088d0;\r\n}\r\n.sn-buttonGroup-list .t-btnGroup-white:hover {\r\n   background-color: #e5f3fa;\r\n   color: #0088d0;\r\n}\r\n\r\n.sn-buttonGroup-list .t-btnGroup-white:active {\r\n   background-color: #eaeef1;\r\n   color: #0088d0;\r\n   box-shadow: none;\r\n}\r\n\r\n\r\n/* // 蓝色按钮 */\r\n.sn-buttonGroup-list .t-btnGroup-blue {\r\n   background-color: #0088d0;\r\n   border-color: #0088d0;\r\n   color: #fff;\r\n}\r\n\r\n.sn-buttonGroup-list .t-btnGroup-blue:hover {\r\n   background-color: #0094d5;\r\n   border-color: #0094d5;\r\n   color: #fff;\r\n}\r\n\r\n.sn-buttonGroup-list .t-btnGroup-blue:active {\r\n   background-color: #007abb;\r\n   border-color: #007abb;\r\n   color: #fff;\r\n   box-shadow: none;\r\n}\r\n\r\n\r\n/* // 绿色按钮 */\r\n.sn-buttonGroup-list .t-btnGroup-green {\r\n   background-color: #90c31f;\r\n   border-color: #90c31f;\r\n   color: #fff;\r\n}\r\n\r\n.sn-buttonGroup-list .t-btnGroup-green:hover {\r\n   background-color: #9ac734;\r\n   border-color: #9ac734;\r\n   color: #fff;\r\n}\r\n\r\n.sn-buttonGroup-list .t-btnGroup-green:active {\r\n   background-color: #80ad19;\r\n   border-color: #80ad19;\r\n   color: #fff;\r\n   box-shadow: none;\r\n}\r\n\r\n/* 横向按钮 */\r\n.sn-buttonGroup-list > .t-btnGroup-h {\r\n\tdisplay: inline-block;\r\n}\r\n/* 纵向按钮 */\r\n.sn-buttonGroup-list .t-btnGroup-v {\r\n\tpadding: 8px 0;\r\n}\r\n\r\n/* // 尺寸 */\r\n.sn-buttonGroup-list  .t-btnGroup-xs {\r\n   padding: 0 10px;\r\n   line-height: 22px;\r\n   border-color: #0088d0;\r\n   font-size: 12px;\r\n}\r\n.sn-buttonGroup-list  .t-btnGroup-xs:hover,\r\n.sn-buttonGroup-list  .t-btnGroup-sm:hover{\r\n  border-color: #0088d0;\r\n}\r\n.sn-buttonGroup-list  .t-btnGroup-xs:active,\r\n.sn-buttonGroup-list  .t-btnGroup-sm:active{\r\n  border-color: #0088d0;\r\n}\r\n.sn-buttonGroup-list  .t-btnGroup-sm {\r\n   font-size: 12px;\r\n   padding: 0 23px;\r\n   line-height: 28px;\r\n   border-color: #0088d0;\r\n}\r\n.sn-buttonGroup-list  .t-btnGroup-md {\r\n  padding: 0 23px;\r\n  line-height: 34px;\r\n  font-size: 12px;\r\n}\r\n.sn-buttonGroup-list  .t-btnGroup-lg {\r\n  padding: 0 50px;\r\n  line-height: 38px;\r\n  font-size: 14px;\r\n}\r\n\r\n/* //禁用按钮 */\r\n.sn-buttonGroup-list .t-btnGroup-disabled {\r\n  background-color: #fafafa;\r\n  border-color: #eeeeee;\r\n  color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.sn-buttonGroup-list  .t-btnGroup-disabled:hover {\r\n background-color: #fafafa;\r\n border-color: #eeeeee;\r\n color: #ccc;\r\n cursor: not-allowed;\r\n}\r\n\r\n.sn-buttonGroup-list .t-btnGroup-disabled:active {\r\n background-color: #fafafa;\r\n border-color: #eeeeee;\r\n color: #ccc;\r\n cursor: not-allowed;\r\n}",""])},function(n,r){n.exports=function(){var n=[];return n.toString=function(){for(var n=[],r=0;r<this.length;r++){var t=this[r];t[2]?n.push("@media "+t[2]+"{"+t[1]+"}"):n.push(t[1])}return n.join("")},n.i=function(r,t){"string"==typeof r&&(r=[[null,r,""]]);for(var e={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(e[i]=!0)}for(o=0;o<r.length;o++){var s=r[o];"number"==typeof s[0]&&e[s[0]]||(t&&!s[2]?s[2]=t:t&&(s[2]="("+s[2]+") and ("+t+")"),n.push(s))}},n}},function(n,r,t){function e(n,r){for(var t=0;t<n.length;t++){var e=n[t],o=d[e.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](e.parts[i]);for(;i<e.parts.length;i++)o.parts.push(a(e.parts[i],r))}else{for(var s=[],i=0;i<e.parts.length;i++)s.push(a(e.parts[i],r));d[e.id]={id:e.id,refs:1,parts:s}}}}function o(n){for(var r=[],t={},e=0;e<n.length;e++){var o=n[e],i=o[0],s=o[1],l=o[2],u=o[3],a={css:s,media:l,sourceMap:u};t[i]?t[i].parts.push(a):r.push(t[i]={id:i,parts:[a]})}return r}function i(n,r){var t=v(),e=m[m.length-1];if("top"===n.insertAt)e?e.nextSibling?t.insertBefore(r,e.nextSibling):t.appendChild(r):t.insertBefore(r,t.firstChild),m.push(r);else{if("bottom"!==n.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");t.appendChild(r)}}function s(n){n.parentNode.removeChild(n);var r=m.indexOf(n);r>=0&&m.splice(r,1)}function l(n){var r=document.createElement("style");return r.type="text/css",i(n,r),r}function u(n){var r=document.createElement("link");return r.rel="stylesheet",i(n,r),r}function a(n,r){var t,e,o;if(r.singleton){var i=G++;t=g||(g=l(r)),e=c.bind(null,t,i,!1),o=c.bind(null,t,i,!0)}else n.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=u(r),e=f.bind(null,t),o=function(){s(t),t.href&&URL.revokeObjectURL(t.href)}):(t=l(r),e=p.bind(null,t),o=function(){s(t)});return e(n),function(r){if(r){if(r.css===n.css&&r.media===n.media&&r.sourceMap===n.sourceMap)return;e(n=r)}else o()}}function c(n,r,t,e){var o=t?"":e.css;if(n.styleSheet)n.styleSheet.cssText=y(r,o);else{var i=document.createTextNode(o),s=n.childNodes;s[r]&&n.removeChild(s[r]),s.length?n.insertBefore(i,s[r]):n.appendChild(i)}}function p(n,r){var t=r.css,e=r.media;if(e&&n.setAttribute("media",e),n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}function f(n,r){var t=r.css,e=r.sourceMap;e&&(t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */");var o=new Blob([t],{type:"text/css"}),i=n.href;n.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var d={},b=function(n){var r;return function(){return"undefined"==typeof r&&(r=n.apply(this,arguments)),r}},h=b(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),v=b(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,G=0,m=[];n.exports=function(n,r){r=r||{},"undefined"==typeof r.singleton&&(r.singleton=h()),"undefined"==typeof r.insertAt&&(r.insertAt="bottom");var t=o(n);return e(t,r),function(n){for(var i=[],s=0;s<t.length;s++){var l=t[s],u=d[l.id];u.refs--,i.push(u)}if(n){var a=o(n);e(a,r)}for(var s=0;s<i.length;s++){var u=i[s];if(0===u.refs){for(var c=0;c<u.parts.length;c++)u.parts[c]();delete d[u.id]}}}};var y=function(){var n=[];return function(r,t){return n[r]=t,n.filter(Boolean).join("\n")}}()}])});