driver-weex - npm Package Compare versions

Comparing version 0.6.5 to 1.0.0-beta.0

lib/index.js

 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.default = void 0;
 
-var _styleUnit = require("style-unit");
-
-var _elements = _interopRequireDefault(require("./elements"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+/**
+ * Weex driver
+ */
 var STYLE = 'style';
@@ -25,22 +18,8 @@ var ID = 'id';
 
-var document = (typeof __weex_document__ === "undefined" ? "undefined" : _typeof(__weex_document__)) === 'object' ? __weex_document__ : _typeof(document) === 'object' ? document : null;
+var document = typeof __weex_document__ === 'object' ? __weex_document__ : typeof document === 'object' ? document : null;
 var Driver = {
-  deviceWidth: 750,
-  viewportWidth: 750,
-  getDeviceWidth: function getDeviceWidth() {
-    return this.deviceWidth;
-  },
-  setDeviceWidth: function setDeviceWidth(width) {
-    this.deviceWidth = width;
-  },
-  getViewportWidth: function getViewportWidth() {
-    return this.viewportWidth;
-  },
-  setViewportWidth: function setViewportWidth(width) {
-    this.viewportWidth = width;
-  },
   getElementById: function getElementById(id) {
     return nodeMaps[id];
   },
-  createBody: function createBody() {
+  createBody: function createBody(type, props) {
     if (document.body) {
@@ -51,3 +30,3 @@ return document.body;
     var documentElement = document.documentElement;
-    var body = document.createBody(Driver.bodyType, Driver.bodyProps);
+    var body = document.createBody(type, props);
     documentElement.appendChild(body);
@@ -60,3 +39,3 @@ return body;
   createEmpty: function createEmpty() {
-    return this.createComment(' empty ');
+    return this.createComment('');
   },
@@ -74,20 +53,5 @@ createText: function createText(text) {
   },
-  createElement: function createElement(component) {
-    var htmlElement = _elements.default[component.type];
-
-    if (htmlElement) {
-      component = htmlElement.parse(component);
-    }
-
-    var props = component.props;
-    var events = [];
-    var style = {};
-    var originStyle = props[STYLE];
-
-    for (var prop in originStyle) {
-      style[prop] = (0, _styleUnit.convertUnit)(originStyle[prop], prop);
-    }
-
-    var node = document.createElement(component.type, {
-      style: style
+  createElement: function createElement(type, props) {
+    var node = document.createElement(type, {
+      style: props[STYLE]
     });
@@ -133,2 +97,3 @@ this.setNativeProps(node, props, true);
   addEventListener: function addEventListener(node, eventName, eventHandler, props) {
+    // https://github.com/apache/incubator-weex/blob/master/runtime/vdom/Element.js#L421
     var params = props[eventName + 'EventParams'];
@@ -140,4 +105,2 @@ return node.addEvent(eventName, eventHandler, params);
   },
-  removeAllEventListeners: function removeAllEventListeners(node) {// Noop
-  },
   removeAttribute: function removeAttribute(node, propKey, propValue) {
@@ -165,15 +128,8 @@ if (propKey == ID) {
   },
-  setStyles: function setStyles(node, styles) {
-    // TODO if more then one style update, call setStyles will be better performance
-    for (var key in styles) {
-      var val = styles[key];
-      val = (0, _styleUnit.convertUnit)(val, key);
-      node.setStyle(key, val);
-    }
+  setStyle: function setStyle(node, style) {
+    node.setStyles(style);
   },
   beforeRender: function beforeRender() {
     // Turn off batched updates
-    document.open(); // Init rem unit
-
-    (0, _styleUnit.setRem)(this.getDeviceWidth() / this.getViewportWidth());
+    document.open();
   },
@@ -214,3 +170,2 @@ afterRender: function afterRender() {
 var _default = Driver;
-exports.default = _default;
-module.exports = exports["default"];
+exports.default = _default;

package.json

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

src/index.js

 /**
  * Weex driver
  */
-import {convertUnit, setRem} from 'style-unit';
-import w3cElements from './elements';
-
 const STYLE = 'style';
@@ -21,21 +18,2 @@ const ID = 'id';
 const Driver = {
-  deviceWidth: 750,
-  viewportWidth: 750,
-
-  getDeviceWidth() {
-    return this.deviceWidth;
-  },
-
-  setDeviceWidth(width) {
-    this.deviceWidth = width;
-  },
-
-  getViewportWidth() {
-    return this.viewportWidth;
-  },
-
-  setViewportWidth(width) {
-    this.viewportWidth = width;
-  },
-
   getElementById(id) {
@@ -45,3 +23,3 @@ return nodeMaps[id];
 
-  createBody() {
+  createBody(type, props) {
     if (document.body) {
@@ -52,3 +30,3 @@ return document.body;
     let documentElement = document.documentElement;
-    let body = document.createBody(Driver.bodyType, Driver.bodyProps);
+    let body = document.createBody(type, props);
     documentElement.appendChild(body);
@@ -64,3 +42,3 @@
   createEmpty() {
-    return this.createComment(' empty ');
+    return this.createComment('');
   },
@@ -81,18 +59,5 @@
 
-  createElement(component) {
-    const htmlElement = w3cElements[component.type];
-    if (htmlElement) {
-      component = htmlElement.parse(component);
-    }
-
-    let props = component.props;
-    let events = [];
-    let style = {};
-    let originStyle = props[STYLE];
-    for (let prop in originStyle) {
-      style[prop] = convertUnit(originStyle[prop], prop);
-    }
-
-    let node = document.createElement(component.type, {
-      style,
+  createElement(type, props) {
+    let node = document.createElement(type, {
+      style: props[STYLE],
     });
@@ -144,2 +109,3 @@
   addEventListener(node, eventName, eventHandler, props) {
+    // https://github.com/apache/incubator-weex/blob/master/runtime/vdom/Element.js#L421
     let params = props[eventName + 'EventParams'];
@@ -153,6 +119,2 @@ return node.addEvent(eventName, eventHandler, params);
 
-  removeAllEventListeners(node) {
-    // Noop
-  },
-
   removeAttribute(node, propKey, propValue) {
@@ -181,9 +143,4 @@ if (propKey == ID) {
 
-  setStyles(node, styles) {
-    // TODO if more then one style update, call setStyles will be better performance
-    for (let key in styles) {
-      let val = styles[key];
-      val = convertUnit(val, key);
-      node.setStyle(key, val);
-    }
+  setStyle(node, style) {
+    node.setStyles(style);
   },
@@ -194,5 +151,2 @@
     document.open();
-
-    // Init rem unit
-    setRem( this.getDeviceWidth() / this.getViewportWidth() );
   },
@@ -199,0 +153,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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Improved metrics

Total package byte prevSize

49127

increased by43.42%

Dependency count

0

decreased by-100%

Worsened metrics

Number of package files

10

decreased by-61.54%

Lines of code

595

decreased by-46.92%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedstyle-unit@^0.6.5

• - Removedstyle-unit@0.6.5(transitive)