r-dropdown-button - npm Package Compare versions

Comparing version 1.0.8 to 1.0.9

index.js

@@ -323,9 +323,21 @@ "use strict";
   }, {
+    key: "getStyle",
+    value: function getStyle() {
+      var _this$context3 = this.context,
+          _this$context3$itemSt = _this$context3.itemStyle,
+          itemStyle = _this$context3$itemSt === void 0 ? {} : _this$context3$itemSt,
+          rtl = _this$context3.rtl;
+      var ItemStyle = { ...itemStyle
+      };
+      ItemStyle.textAlign = rtl ? 'right' : 'left';
+      return ItemStyle;
+    }
+  }, {
     key: "render",
     value: function render() {
       var item = this.props.item;
-      var _this$context3 = this.context,
-          checkable = _this$context3.checkable,
-          rtl = _this$context3.rtl,
-          getValue = _this$context3.getValue;
+      var _this$context4 = this.context,
+          checkable = _this$context4.checkable,
+          rtl = _this$context4.rtl,
+          getValue = _this$context4.getValue;
       var disabled = getValue(item.disabled);
@@ -341,5 +353,3 @@ var iconClass = getValue(item.iconClass);
         href: href,
-        style: {
-          textAlign: rtl ? 'right' : 'left'
-        }
+        style: this.getStyle()
       }, iconClass && /*#__PURE__*/_react.default.createElement("div", {
@@ -354,5 +364,3 @@ className: 'popup-icon ' + iconClass,
         onClick: this.click.bind(this),
-        style: {
-          textAlign: rtl ? 'right' : 'left'
-        }
+        style: this.getStyle()
       }, checked !== undefined && /*#__PURE__*/_react.default.createElement("div", {
@@ -359,0 +367,0 @@ className: "check-icon",

package.json

 {
   "name": "r-dropdown-button",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "",
@@ -5,0 +5,0 @@ "main": "index.js",

r-dropdown-button.js

@@ -147,2 +147,8 @@ import React,{Component,Fragment,createRef,createContext} from 'react';
   }
+  getStyle(){
+    var {itemStyle = {},rtl} = this.context;
+    var ItemStyle = {...itemStyle};
+    ItemStyle.textAlign = rtl?'right':'left';
+    return ItemStyle;
+  }
   render(){
@@ -163,5 +169,3 @@ var {item} = this.props;
         href={href}
-        style={{
-          textAlign:rtl?'right':'left',
-        }}
+        style={this.getStyle()}
       >
@@ -177,5 +181,3 @@ {iconClass && <div className={'popup-icon ' + iconClass} style={{margin:text === undefined?0:undefined,...iconStyle}}></div>}
         onClick={this.click.bind(this)}
-        style={{
-          textAlign:rtl?'right':'left',
-        }}
+        style={this.getStyle()}
       >
@@ -182,0 +184,0 @@ {checked !== undefined && <div className='check-icon' style={{opacity:checked?1:0}}></div>}

No alert changes

Improved metrics

Total package byte prevSize

26916

increased by1.65%

Lines of code

713

increased by1.42%

No dependency changes