driver-weex - npm Package Compare versions

Comparing version 1.0.1 to 2.0.0

dist/driver-weex.js

@@ -1,5 +0,2 @@
-(function () {
-  /**
-   * Weex driver
-   */
+(function (styleUnit) {
   var STYLE = 'style';
@@ -58,10 +55,19 @@ var ID = 'id';
 
+    var style = {};
+    var originStyle = props.style;
+
+    if (originStyle) {
+      for (var prop in originStyle) {
+        style[prop] = styleUnit.convertUnit(originStyle[prop], prop);
+      }
+    }
+
     var node = document.createElement(type, {
-      style: props[STYLE]
+      style: style
     });
 
-    for (var prop in props) {
-      var value = props[prop];
+    for (var _prop in props) {
+      var value = props[_prop];
 
-      if (prop === CHILDREN) {
+      if (_prop === CHILDREN) {
         continue;
@@ -71,9 +77,10 @@ }
       if (value != null) {
-        if (prop === STYLE) {
+        if (_prop === STYLE) {
           continue;
-        } else if (EVENT_PREFIX_REGEXP.test(prop)) {
-          var eventName = prop.slice(2).toLowerCase();
+        } else if (EVENT_PREFIX_REGEXP.test(_prop)) {
+          var eventName = _prop.slice(2).toLowerCase();
+
           addEventListener(node, eventName, value, props);
         } else {
-          setAttribute(node, prop, value);
+          setAttribute(node, _prop, value);
         }
@@ -167,2 +174,7 @@ }
   function setStyle(node, style) {
+    for (var prop in style) {
+      // Translate `rpx` to weex `px`
+      style[prop] = styleUnit.convertUnit(style[prop], prop);
+    }
+
     node.setStyles(style);
@@ -172,3 +184,5 @@ }
     // Turn off batched updates
-    document.open();
+    document.open(); // Set `rpx` unit converter
+
+    styleUnit.setRpx(1);
   }
@@ -209,3 +223,3 @@ function afterRender() {
 
-}());
+}(styleUnit));
 //# sourceMappingURL=driver-weex.js.map

dist/driver-weex.min.js

@@ -1,2 +0,2 @@
-!function(){var o="style",r="id",u="text",i=/^on[A-Z]/,f=/^aria-/,c=/\-(\w)/,t="";function l(e){var n=e.children.map(function(e){return 8===e.nodeType?e.value:t}).join(t);e.setAttr("value",n)}var a={},d="object"==typeof __weex_document__?__weex_document__:"object"==typeof d?d:null;function n(e){return d.createComment(e)}function v(e,n){n.appendChild(e),n.type===u&&l(n)}function _(e,n){n=n||e.parentNode;var t=e.attr&&e.attr[r];null!=t&&(a[t]=null),n.removeChild(e),n.type===u&&l(n)}function m(e,n,t){(t=t||n.parentNode).insertAfter(e,n),t.type===u&&l(t)}function s(e,n,t){(t=t||n.parentNode).insertBefore(e,n),t.type===u&&l(t)}function p(e,n,t,r){return e.addEvent(n,t,r[n+"EventParams"])}function y(e,n,t){return n==r&&(a[t]=e),f.test(n)&&(n=n.replace(c,function(e,n){return n.toUpperCase()})),e.setAttr(n,t,!1)}var e={__proto__:null,getElementById:function(e){return a[e]},createBody:function(e,n){if(d.body)return d.body;var t=d.documentElement,r=d.createBody(e,n);return t.appendChild(r),r},createComment:n,createEmpty:function(){return n(t)},createText:function(e){return n(e)},updateText:function(e,n){e.value=n,l(e.parentNode)},createElement:function(e,n){void 0===n&&(n={});var t=d.createElement(e,{style:n[o]});for(var r in n){var u=n[r];if("children"!==r&&null!=u){if(r===o)continue;i.test(r)?p(t,r.slice(2).toLowerCase(),u,n):y(t,r,u)}}return t},appendChild:v,removeChild:_,replaceChild:function(e,n,t){var r=n.previousSibling,u=n.nextSibling;_(n,t=t||n.parentNode),r?m(e,r,t):u?s(e,u,t):v(e,t)},insertAfter:m,insertBefore:s,addEventListener:p,removeEventListener:function(e,n,t){return e.removeEvent(n,t)},removeAttribute:function(e,n,t){return n==r&&(a[t]=null),e.setAttr(n,void 0,!1)},setAttribute:y,setStyle:function(e,n){e.setStyles(n)},beforeRender:function(){d.open()},afterRender:function(){d.listener&&d.listener.createFinish&&d.listener.createFinish(),d.close()}};"undefined"!=typeof module?module.exports=e:self.DriverWeex=e}();
+!function(c){var r="id",u="text",a=/^on[A-Z]/,o=/^aria-/,i=/\-(\w)/,t="";function f(n){var e=n.children.map(function(n){return 8===n.nodeType?n.value:t}).join(t);n.setAttr("value",e)}var l={},v="object"==typeof __weex_document__?__weex_document__:"object"==typeof v?v:null;function e(n){return v.createComment(n)}function d(n,e){e.appendChild(n),e.type===u&&f(e)}function _(n,e){e=e||n.parentNode;var t=n.attr&&n.attr[r];null!=t&&(l[t]=null),e.removeChild(n),e.type===u&&f(e)}function m(n,e,t){(t=t||e.parentNode).insertAfter(n,e),t.type===u&&f(t)}function s(n,e,t){(t=t||e.parentNode).insertBefore(n,e),t.type===u&&f(t)}function y(n,e,t,r){return n.addEvent(e,t,r[e+"EventParams"])}function p(n,e,t){return e==r&&(l[t]=n),o.test(e)&&(e=e.replace(i,function(n,e){return e.toUpperCase()})),n.setAttr(e,t,!1)}var n={__proto__:null,getElementById:function(n){return l[n]},createBody:function(n,e){if(v.body)return v.body;var t=v.documentElement,r=v.createBody(n,e);return t.appendChild(r),r},createComment:e,createEmpty:function(){return e(t)},createText:function(n){return e(n)},updateText:function(n,e){n.value=e,f(n.parentNode)},createElement:function(n,e){void 0===e&&(e={});var t={},r=e.style;if(r)for(var u in r)t[u]=c.convertUnit(r[u],u);var o=v.createElement(n,{style:t});for(var i in e){var f=e[i];if("children"!==i&&null!=f){if("style"===i)continue;a.test(i)?y(o,i.slice(2).toLowerCase(),f,e):p(o,i,f)}}return o},appendChild:d,removeChild:_,replaceChild:function(n,e,t){var r=e.previousSibling,u=e.nextSibling;_(e,t=t||e.parentNode),r?m(n,r,t):u?s(n,u,t):d(n,t)},insertAfter:m,insertBefore:s,addEventListener:y,removeEventListener:function(n,e,t){return n.removeEvent(e,t)},removeAttribute:function(n,e,t){return e==r&&(l[t]=null),n.setAttr(e,void 0,!1)},setAttribute:p,setStyle:function(n,e){for(var t in e)e[t]=c.convertUnit(e[t],t);n.setStyles(e)},beforeRender:function(){v.open(),c.setRpx(1)},afterRender:function(){v.listener&&v.listener.createFinish&&v.listener.createFinish(),v.close()}};"undefined"!=typeof module?module.exports=n:self.DriverWeex=n}(styleUnit);
 //# sourceMappingURL=driver-weex.min.js.map

dist/driver-weex.umd.js

 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = global || self, factory(global.DriverWeex = {}));
-}(this, function (exports) {
-  /**
-   * Weex driver
-   */
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('style-unit')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'style-unit'], factory) :
+  (global = global || self, factory(global.DriverWeex = {}, global.styleUnit));
+}(this, (function (exports, styleUnit) {
   var STYLE = 'style';
@@ -62,10 +59,19 @@ var ID = 'id';
 
+    var style = {};
+    var originStyle = props.style;
+
+    if (originStyle) {
+      for (var prop in originStyle) {
+        style[prop] = styleUnit.convertUnit(originStyle[prop], prop);
+      }
+    }
+
     var node = document.createElement(type, {
-      style: props[STYLE]
+      style: style
     });
 
-    for (var prop in props) {
-      var value = props[prop];
+    for (var _prop in props) {
+      var value = props[_prop];
 
-      if (prop === CHILDREN) {
+      if (_prop === CHILDREN) {
         continue;
@@ -75,9 +81,10 @@ }
       if (value != null) {
-        if (prop === STYLE) {
+        if (_prop === STYLE) {
           continue;
-        } else if (EVENT_PREFIX_REGEXP.test(prop)) {
-          var eventName = prop.slice(2).toLowerCase();
+        } else if (EVENT_PREFIX_REGEXP.test(_prop)) {
+          var eventName = _prop.slice(2).toLowerCase();
+
           addEventListener(node, eventName, value, props);
         } else {
-          setAttribute(node, prop, value);
+          setAttribute(node, _prop, value);
         }
@@ -171,2 +178,7 @@ }
   function setStyle(node, style) {
+    for (var prop in style) {
+      // Translate `rpx` to weex `px`
+      style[prop] = styleUnit.convertUnit(style[prop], prop);
+    }
+
     node.setStyles(style);
@@ -176,3 +188,5 @@ }
     // Turn off batched updates
-    document.open();
+    document.open(); // Set `rpx` unit converter
+
+    styleUnit.setRpx(1);
   }
@@ -210,3 +224,3 @@ function afterRender() {
 
-}));
+})));
 //# sourceMappingURL=driver-weex.umd.js.map

es/index.js

@@ -1,4 +0,2 @@
-/**
- * Weex driver
- */
+import { setRpx, convertUnit } from 'style-unit';
 var STYLE = 'style';
@@ -57,10 +55,19 @@ var ID = 'id';
 
+  var style = {};
+  var originStyle = props.style;
+
+  if (originStyle) {
+    for (var prop in originStyle) {
+      style[prop] = convertUnit(originStyle[prop], prop);
+    }
+  }
+
   var node = document.createElement(type, {
-    style: props[STYLE]
+    style: style
   });
 
-  for (var prop in props) {
-    var value = props[prop];
+  for (var _prop in props) {
+    var value = props[_prop];
 
-    if (prop === CHILDREN) {
+    if (_prop === CHILDREN) {
       continue;
@@ -70,9 +77,10 @@ }
     if (value != null) {
-      if (prop === STYLE) {
+      if (_prop === STYLE) {
         continue;
-      } else if (EVENT_PREFIX_REGEXP.test(prop)) {
-        var eventName = prop.slice(2).toLowerCase();
+      } else if (EVENT_PREFIX_REGEXP.test(_prop)) {
+        var eventName = _prop.slice(2).toLowerCase();
+
         addEventListener(node, eventName, value, props);
       } else {
-        setAttribute(node, prop, value);
+        setAttribute(node, _prop, value);
       }
@@ -166,2 +174,7 @@ }
 export function setStyle(node, style) {
+  for (var prop in style) {
+    // Translate `rpx` to weex `px`
+    style[prop] = convertUnit(style[prop], prop);
+  }
+
   node.setStyles(style);
@@ -171,3 +184,5 @@ }
   // Turn off batched updates
-  document.open();
+  document.open(); // Set `rpx` unit converter
+
+  setRpx(1);
 }
@@ -174,0 +189,0 @@ export function afterRender() {

lib/index.js

@@ -24,5 +24,4 @@ "use strict";
 
-/**
- * Weex driver
- */
+var _styleUnit = require("style-unit");
+
 var STYLE = 'style';
@@ -88,10 +87,19 @@ var ID = 'id';
 
+  var style = {};
+  var originStyle = props.style;
+
+  if (originStyle) {
+    for (var prop in originStyle) {
+      style[prop] = (0, _styleUnit.convertUnit)(originStyle[prop], prop);
+    }
+  }
+
   var node = document.createElement(type, {
-    style: props[STYLE]
+    style: style
   });
 
-  for (var prop in props) {
-    var value = props[prop];
+  for (var _prop in props) {
+    var value = props[_prop];
 
-    if (prop === CHILDREN) {
+    if (_prop === CHILDREN) {
       continue;
@@ -101,9 +109,10 @@ }
     if (value != null) {
-      if (prop === STYLE) {
+      if (_prop === STYLE) {
         continue;
-      } else if (EVENT_PREFIX_REGEXP.test(prop)) {
-        var eventName = prop.slice(2).toLowerCase();
+      } else if (EVENT_PREFIX_REGEXP.test(_prop)) {
+        var eventName = _prop.slice(2).toLowerCase();
+
         addEventListener(node, eventName, value, props);
       } else {
-        setAttribute(node, prop, value);
+        setAttribute(node, _prop, value);
       }
@@ -207,2 +216,7 @@ }
 function setStyle(node, style) {
+  for (var prop in style) {
+    // Translate `rpx` to weex `px`
+    style[prop] = (0, _styleUnit.convertUnit)(style[prop], prop);
+  }
+
   node.setStyles(style);
@@ -213,3 +227,5 @@ }
   // Turn off batched updates
-  document.open();
+  document.open(); // Set `rpx` unit converter
+
+  (0, _styleUnit.setRpx)(1);
 }
@@ -216,0 +232,0 @@

package.json

 {
   "name": "driver-weex",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "Weex driver for Rax",
@@ -15,3 +15,6 @@ "license": "BSD-3-Clause",
   },
-  "homepage": "https://github.com/alibaba/rax#readme"
+  "homepage": "https://github.com/alibaba/rax#readme",
+  "dependencies": {
+    "style-unit": "^2.0.0"
+  }
 }

src/index.js

@@ -1,4 +0,3 @@
-/**
- * Weex driver
- */
+import { setRpx, convertUnit } from 'style-unit';
+
 const STYLE = 'style';
@@ -37,4 +36,4 @@ const ID = 'id';
 
-  let documentElement = document.documentElement;
-  let body = document.createBody(type, props);
+  const documentElement = document.documentElement;
+  const body = document.createBody(type, props);
   documentElement.appendChild(body);
@@ -64,4 +63,12 @@
 export function createElement(type, props = {}) {
-  let node = document.createElement(type, {
-    style: props[STYLE],
+  const style = {};
+  const originStyle = props.style;
+  if (originStyle) {
+    for (let prop in originStyle) {
+      style[prop] = convertUnit(originStyle[prop], prop);
+    }
+  }
+
+  const node = document.createElement(type, {
+    style
   });
@@ -178,2 +185,6 @@
 export function setStyle(node, style) {
+  for (let prop in style) {
+    // Translate `rpx` to weex `px`
+    style[prop] = convertUnit(style[prop], prop);
+  }
   node.setStyles(style);
@@ -185,2 +196,5 @@ }
   document.open();
+
+  // Set `rpx` unit converter
+  setRpx(1);
 }
@@ -187,0 +201,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

81591

increased by7.07%

Lines of code

1126

increased by5.53%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

1

increased byInfinity%

Dependency changes

• + Addedstyle-unit@^2.0.0

• + Addedstyle-unit@2.0.1(transitive)

• + Addeduniversal-env@2.0.0(transitive)