UNPKG

rat-button

Version:

button component for Rax.

2 lines 9.69 kB
// {"framework" : "Rax"} !function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define)define("rat-button",["rat-frame","rat-provider","rat-view"],function(require,exports,module){module.exports=e()});else{("undefined"!=typeof window?window:"undefined"!=typeof self?self:"undefined"!=typeof global?global:this).RatButton=e()}}(function(){return function(e){var r={};function o(t){if(r[t])return r[t].exports;var module=r[t]={i:t,l:!1,exports:{}};return e[t].call(module.exports,module,module.exports,o),module.l=!0,module.exports}return o.m=e,o.c=r,o.d=function(exports,e,r){o.o(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:r})},o.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},o.t=function(e,r){if(1&r&&(e=o(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)o.d(t,n,function(r){return e[r]}.bind(null,n));return t},o.n=function(module){var e=module&&module.__esModule?function(){return module.default}:function(){return module};return o.d(e,"a",e),e},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.p="",o(o.s=2)}([function(module,exports){module.exports=require("rat-frame")},function(module,exports){module.exports=require("rat-provider")},function(module,exports,e){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=Object.assign||function(e){for(var r,o=1;o<arguments.length;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},o=(e(0),e(1)),t=(n(e(3)),n(e(4)));function n(e){return e&&e.__esModule?e:{default:e}}exports.default=o.ConfigProvider.config(t.default,{transform:function(e,o){if("shape"in e){o("shape","text | warning | ghost","Button");var n,l=e,i=l.shape,a=l.type,c=function(e,r){var o={};for(var t in e)r.indexOf(t)>=0||Object.prototype.hasOwnProperty.call(e,t)&&(o[t]=e[t]);return o}(l,["shape","type"]),u=a;("light"===a||"dark"===a||"secondary"===a&&"warning"===i)&&(u="normal"),"ghost"===i&&(n={primary:"dark",secondary:"dark",normal:"light",dark:"dark",light:"light"}[a||t.default.defaultProps.type]),e=r({type:u,ghost:n,text:"text"===i,warning:"warning"===i},c)}return e}}),module.exports=exports.default},function(module,exports){module.exports=require("rat-view")},function(module,exports,e){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r,o,t,n=Object.assign||function(e){for(var r,o=1;o<arguments.length;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},l=function(){function e(e,r){for(var o,t=0;t<r.length;t++)(o=r[t]).enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(r,o,t){return o&&e(r.prototype,o),t&&e(r,t),r}}(),i=e(0),a=e(1),c=e(5),u=(t=c)&&t.__esModule?t:{default:t};var p=(o=r=function(e){function r(e){!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,r);var o=function(e,r){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!r||"object"!=typeof r&&"function"!=typeof r?e:r}(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e));return o.onMouseUp=function(e){o.button.blur(),o.props.onMouseUp&&o.props.onMouseUp(e)},o.buttonRefHandler=function(e){o.button=e},o.onMouseOver=function(){o.setState({hover:!0})},o.onMouseLeave=function(){o.setState({hover:!1})},o.state={hover:!1},o}return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function, not "+typeof r);e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(e,r):e.__proto__=r)}(r,i.Component),l(r,[{key:"render",value:function(){var e,r=this.props,o=r.type,t=r.size,l=r.htmlType,a=(r.loading,r.text),c=(r.warning,r.component),u=r.iconSize,p=r.children,s=r.disabled,d=r.style,b=r.themeStyle,f=function(e,r){var o={};for(var t in e)r.indexOf(t)>=0||Object.prototype.hasOwnProperty.call(e,t)&&(o[t]=e[t]);return o}(r,["type","size","htmlType","loading","text","warning","component","iconSize","children","disabled","style","themeStyle"]),y=this.state.hover,h=b[t],m=Object.assign({},b.btn,b[o]);a&&(m=Object.assign({},b["text-size"],b["text"+o])),s&&(m=b.disabled),y&&(m=Object.assign({},m,b[o+"-hover"])),e=Object.assign({},h,m,d);i.Children.count(p);var g=i.Children.map(p,function(e){return e&&"function"==typeof e.type&&"icon"===e.type._typeMark?React.cloneElement(e,{size:u||function(e){return{large:"small",medium:"xs",small:"xs"}[e]}(t)}):e}),v=c,x=n({},f,{type:l,style:e});return"a"===v&&(delete x.type,s&&(delete x.onClick,x.href&&delete x.href)),(0,i.createElement)(v,n({},x,{type:l,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseUp:this.onMouseUp,ref:this.buttonRefHandler,role:"button"}),g)}}]),r}(),r.propTypes={type:i.PropTypes.oneOf(["primary","secondary","normal"]),size:i.PropTypes.oneOf(["small","medium","large"]),iconSize:i.PropTypes.oneOf(["xxs","xs","small","medium","large","xl","xxl","xxxl"]),htmlType:i.PropTypes.oneOf(["submit","reset","button"]),component:i.PropTypes.oneOf(["button","a"]),loading:i.PropTypes.bool,text:i.PropTypes.bool,warning:i.PropTypes.bool,disabled:i.PropTypes.bool,onClick:i.PropTypes.func,onMouseUp:i.PropTypes.func,children:i.PropTypes.node},r.state={hover:!1},r.defaultProps={type:"normal",size:"medium",htmlType:"button",component:"button",loading:!1,text:!1,warning:!1,disabled:!1,onClick:function(){}},o);p.displayName="Button";var s=(0,a.ConnectStyle)(u.default)(p);exports.default=s,module.exports=exports.default},function(module,exports,e){"use strict";var r,o=e(6),t=(r=o)&&r.__esModule?r:{default:r};module.exports=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=(0,t.default)(e);return{Button:{btn:{position:"relative",display:"inline-block","-webkit-box-shadow":"none","box-shadow":"none","text-decoration":"none","text-align":"center","text-transform":"none","white-space":"nowrap","vertical-align":"middle","-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","-webkit-transition":"all .3s ease-out",transition:"all .3s ease-out",cursor:"pointer"},normal:{"border-style":"solid","background-color":r["$btn-pure-normal-bg"],"border-color":r["$btn-pure-normal-border-color"],color:r["$btn-pure-normal-color"],cursor:"pointer","border-radius":"3px",outline:"none"},"normal-hover":{"background-color":r["$btn-pure-normal-bg-hover"],"border-color":r["$btn-pure-normal-border-color-hover"],color:r["$btn-pure-normal-color-hover"]},primary:{"border-style":"solid","background-color":r["$btn-pure-primary-bg"],color:r["$btn-pure-primary-color"],"border-color":r["$btn-pure-primary-border-color"],cursor:"pointer","border-radius":"3px",outline:"none"},"primary-hover":{"background-color":r["$btn-pure-primary-bg-hover"],"border-color":r["$btn-pure-primary-border-color-hover"],color:r["$btn-pure-primary-color-hover"]},secondary:{"border-style":"solid","background-color":r["$btn-pure-secondary-bg"],"border-color":r["$btn-pure-secondary-border-color"],color:r["$btn-pure-secondary-color"],cursor:"pointer","border-radius":"3px",outline:"none"},"secondary-hover":{"background-color":r["$btn-pure-secondary-bg-hover"],"border-color":r["$btn-pure-secondary-border-color-hover"],color:r["$btn-pure-secondary-color-hover"]},large:{"border-radius":"3px",padding:"0 16px",height:"40px","line-height":"38px","font-size":"16px","border-width":"1px"},medium:{"border-radius":"3px",padding:"0 12px",height:"28px","line-height":"26px","font-size":"12px","border-width":"1px"},small:{"border-radius":"3px",padding:"0 8px",height:"20px","line-height":"18px","font-size":"12px","border-width":"1px"},"text-size":{"border-radius":"0",padding:"0","border-width":"0",cursor:"normal"},"text-normal":{color:"#5584ff"},"text-primary":{color:"#5584ff"},"text-secondary":{color:"#666"},"warning-normal":{"background-color":"#fff","border-color":"#ff3000",color:"#ff3000"},"warning-primary":{"background-color":"#ff3000","border-color":"#ff3000",color:"#fff"},disabled:{cursor:"not-allowed","background-color":"#f7f8fa","border-color":"#e6e7eb",color:"#ccc"}}}}},function(module,exports,e){"use strict";module.exports=function(e){var r=e.Core,o=e.Message,t={"$btn-pure-normal-color":r["$color-text1-4"],"$btn-pure-normal-color-hover":r["$color-text1-4"],"$btn-pure-normal-bg":r["$color-white"],"$btn-pure-normal-bg-hover":r["$color-fill1-2"],"$btn-pure-normal-border-color":r["$color-line1-3"],"$btn-pure-normal-border-color-hover":r["$color-line1-4"],"$btn-pure-primary-color":r["$color-white"],"$btn-pure-primary-color-hover":r["$color-white"],"$btn-pure-primary-bg":r["$color-brand1-6"],"$btn-pure-primary-bg-hover":r["$color-brand1-9"],"$btn-pure-primary-border-color":r["$color-transparent"],"$btn-pure-primary-border-color-hover":r["$color-transparent"],"$btn-pure-secondary-color":r["$color-brand1-6"],"$btn-pure-secondary-color-hover":r["$color-white"],"$btn-pure-secondary-bg":r["$color-white"],"$btn-pure-secondary-bg-hover":r["$color-brand1-9"],"$btn-pure-secondary-border-color":r["$color-brand1-6"],"$btn-pure-secondary-border-color-hover":r["$color-brand1-9"],"$color-notice-3":r["$color-notice-3"],"$color-notice-1":r["$color-notice-1"]};return Object.assign(t,o)}}])});