UNPKG

rat-button

Version:

button component for Rax.

2 lines 9.45 kB
// {"framework" : "Rax"} define("rat-button",["rat-frame","rat-provider","rat-view"],function(require,exports,module){module.exports=function(r){var e={};function o(t){if(e[t])return e[t].exports;var module=e[t]={i:t,l:!1,exports:{}};return r[t].call(module.exports,module,module.exports,o),module.l=!0,module.exports}return o.m=r,o.c=e,o.d=function(exports,r,e){o.o(exports,r)||Object.defineProperty(exports,r,{enumerable:!0,get:e})},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(r,e){if(1&e&&(r=o(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)o.d(t,n,function(e){return r[e]}.bind(null,n));return t},o.n=function(module){var r=module&&module.__esModule?function(){return module.default}:function(){return module};return o.d(r,"a",r),r},o.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},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,r){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t])}return r},o=(r(0),r(1)),t=(n(r(3)),n(r(4)));function n(r){return r&&r.__esModule?r:{default:r}}exports.default=o.ConfigProvider.config(t.default,{transform:function(r,o){if("shape"in r){o("shape","text | warning | ghost","Button");var n=r,l=n.shape,a=n.type,i=function(r,e){var o={};for(var t in r)e.indexOf(t)>=0||Object.prototype.hasOwnProperty.call(r,t)&&(o[t]=r[t]);return o}(n,["shape","type"]),c=a;("light"===a||"dark"===a||"secondary"===a&&"warning"===l)&&(c="normal");var u=void 0;"ghost"===l&&(u={primary:"dark",secondary:"dark",normal:"light",dark:"dark",light:"light"}[a||t.default.defaultProps.type]),r=e({type:c,ghost:u,text:"text"===l,warning:"warning"===l},i)}return r}}),module.exports=exports.default},function(module,exports){module.exports=require("rat-view")},function(module,exports,r){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,o,t,n=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t])}return r},l=function(){function r(r,e){for(var o=0;o<e.length;o++){var t=e[o];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(r,t.key,t)}}return function(e,o,t){return o&&r(e.prototype,o),t&&r(e,t),e}}(),a=r(0),i=r(1),c=r(5),u=(t=c)&&t.__esModule?t:{default:t};var p=(o=e=function(r){function e(r){!function(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?r:e}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,r));return o.onMouseUp=function(r){o.button.blur(),o.props.onMouseUp&&o.props.onMouseUp(r)},o.buttonRefHandler=function(r){o.button=r},o.onMouseOver=function(r){o.setState({hover:!0})},o.onMouseLeave=function(r){o.setState({hover:!1})},o.state={hover:!1},o}return function(r,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}(e,a.Component),l(e,[{key:"render",value:function(){var r,e=this.props,o=e.type,t=e.size,l=e.htmlType,i=(e.loading,e.text),c=(e.warning,e.component),u=e.iconSize,p=e.children,s=e.disabled,d=e.style,b=e.themeStyle,f=function(r,e){var o={};for(var t in r)e.indexOf(t)>=0||Object.prototype.hasOwnProperty.call(r,t)&&(o[t]=r[t]);return o}(e,["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]);i&&(m=Object.assign({},b["text-size"],b["text"+o])),s&&(m=b.disabled),y&&(m=Object.assign({},m,b[o+"-hover"])),r=Object.assign({},h,m,d);a.Children.count(p);var g=a.Children.map(p,function(r,e){return r&&"function"==typeof r.type&&"icon"===r.type._typeMark?React.cloneElement(r,{size:u||function(r){return{large:"small",medium:"xs",small:"xs"}[r]}(t)}):r}),v=c,x=n({},f,{type:l,style:r});return"a"===v&&(delete x.type,s&&(delete x.onClick,x.href&&delete x.href)),(0,a.createElement)(v,n({},x,{type:l,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseUp:this.onMouseUp,ref:this.buttonRefHandler,role:"button"}),g)}}]),e}(),e.propTypes={type:a.PropTypes.oneOf(["primary","secondary","normal"]),size:a.PropTypes.oneOf(["small","medium","large"]),iconSize:a.PropTypes.oneOf(["xxs","xs","small","medium","large","xl","xxl","xxxl"]),htmlType:a.PropTypes.oneOf(["submit","reset","button"]),component:a.PropTypes.oneOf(["button","a"]),loading:a.PropTypes.bool,text:a.PropTypes.bool,warning:a.PropTypes.bool,disabled:a.PropTypes.bool,onClick:a.PropTypes.func,onMouseUp:a.PropTypes.func,children:a.PropTypes.node},e.state={hover:!1},e.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,i.ConnectStyle)(u.default)(p);exports.default=s,module.exports=exports.default},function(module,exports,r){"use strict";var e,o=r(6),t=(e=o)&&e.__esModule?e:{default:e};module.exports=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=(0,t.default)(r);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":e["$btn-pure-normal-bg"],"border-color":e["$btn-pure-normal-border-color"],color:e["$btn-pure-normal-color"],cursor:"pointer","border-radius":"3px",outline:"none"},"normal-hover":{"background-color":e["$btn-pure-normal-bg-hover"],"border-color":e["$btn-pure-normal-border-color-hover"],color:e["$btn-pure-normal-color-hover"]},primary:{"border-style":"solid","background-color":e["$btn-pure-primary-bg"],color:e["$btn-pure-primary-color"],"border-color":e["$btn-pure-primary-border-color"],cursor:"pointer","border-radius":"3px",outline:"none"},"primary-hover":{"background-color":e["$btn-pure-primary-bg-hover"],"border-color":e["$btn-pure-primary-border-color-hover"],color:e["$btn-pure-primary-color-hover"]},secondary:{"border-style":"solid","background-color":e["$btn-pure-secondary-bg"],"border-color":e["$btn-pure-secondary-border-color"],color:e["$btn-pure-secondary-color"],cursor:"pointer","border-radius":"3px",outline:"none"},"secondary-hover":{"background-color":e["$btn-pure-secondary-bg-hover"],"border-color":e["$btn-pure-secondary-border-color-hover"],color:e["$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,r){"use strict";module.exports=function(r){var e=r.Core,o=r.Message,t={"$btn-pure-normal-color":e["$color-text1-4"],"$btn-pure-normal-color-hover":e["$color-text1-4"],"$btn-pure-normal-bg":e["$color-white"],"$btn-pure-normal-bg-hover":e["$color-fill1-2"],"$btn-pure-normal-border-color":e["$color-line1-3"],"$btn-pure-normal-border-color-hover":e["$color-line1-4"],"$btn-pure-primary-color":e["$color-white"],"$btn-pure-primary-color-hover":e["$color-white"],"$btn-pure-primary-bg":e["$color-brand1-6"],"$btn-pure-primary-bg-hover":e["$color-brand1-9"],"$btn-pure-primary-border-color":e["$color-transparent"],"$btn-pure-primary-border-color-hover":e["$color-transparent"],"$btn-pure-secondary-color":e["$color-brand1-6"],"$btn-pure-secondary-color-hover":e["$color-white"],"$btn-pure-secondary-bg":e["$color-white"],"$btn-pure-secondary-bg-hover":e["$color-brand1-9"],"$btn-pure-secondary-border-color":e["$color-brand1-6"],"$btn-pure-secondary-border-color-hover":e["$color-brand1-9"],"$color-notice-3":e["$color-notice-3"],"$color-notice-1":e["$color-notice-1"]};return Object.assign(t,o)}}])});