vue-deepset - npm Package Compare versions

Comparing version 0.3.1 to 0.4.0

index.js

@@ -244,2 +244,5 @@ 'use strict';
 function toPath(pathString) {
+  if (isArray(pathString)) return pathString;
+  if (isNumber(pathString)) return [pathString];
+
   // taken from lodash - https://github.com/lodash/lodash
@@ -261,8 +264,26 @@ var pathRx = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(\.|\[\])(?:\4|$))/g;
 /* eslint-disable */
+function isDate(obj) {
+  return obj instanceof Date;
+}
+
+isDate._accepts = ['ANY'];
+
+/* eslint-disable */
+function isEmpty(obj) {
+  if (obj === '' || obj === null || obj === undefined) return true;
+  if ((obj instanceof Buffer || Array.isArray(obj)) && !obj.length) return true;
+  if ((obj instanceof Map || obj instanceof Set) && !obj.size) return true;
+  if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object' && !Object.keys(obj).length) return true;
+  return false;
+}
+
+isEmpty._accepts = ['ANY'];
+
+/* eslint-disable */
 function has(obj, path) {
   var found = true;
-  var fields = isNumber(path) ? [path] : isArray(path) ? path : toPath(path);
+  var fields = isArray(path) ? path : toPath(path);
   if (!fields.length) return false;
   forEach(fields, function (field) {
-    if (obj[field] === undefined) {
+    if (!obj.hasOwnProperty(field) || obj.hasOwnProperty(field) && obj[field] === undefined) {
       found = false;
@@ -306,2 +327,4 @@ return false;
   isArray: isArray,
+  isDate: isDate,
+  isEmpty: isEmpty,
   has: has,
@@ -363,4 +386,10 @@ isNumber: isNumber,
       paths.push(cur);
-      if (isHash(val)) getPaths(val, cur, paths);
+      if (isHash(val) || _.isArray(val)) getPaths(val, cur, paths);
     });
+  } else if (_.isArray(obj)) {
+    _.forEach(obj, function (val, idx) {
+      var cur = current + '[' + idx + ']';
+      paths.push(cur);
+      if (isHash(val) || _.isArray(val)) getPaths(val, cur, paths);
+    });
   }
@@ -394,9 +423,5 @@ return _.uniq(paths);
 
-  if (!fields.length) return Vue.nextTick(function () {
-    return Vue.set(obj, prop, value);
-  });
+  if (!fields.length) return Vue.set(obj, prop, value);
   if (!_.has(obj, prop)) Vue.set(obj, prop, _.isNumber(prop) ? [] : {});
-  Vue.nextTick(function () {
-    return vueSet(obj[prop], fields, value);
-  });
+  vueSet(obj[prop], fields, value);
 }
@@ -436,38 +461,61 @@
 /**
- * returns an object that can deep set fields in a vuex store
+ * builds a new model object based on the values
  * @param vuexPath
- * @returns {{}}
+ * @param options
+ * @returns {Object}
  */
-function vuexModel(vuexPath) {
+function buildVuexModel(vuexPath, options) {
   var _this = this;
 
+  var model = {};
+  var obj = _.get(this.$store.state, vuexPath, this.$store.state);
+  _.forEach(getPaths(obj), function (path) {
+    var propPath = pathJoin(vuexPath, path);
+    Object.defineProperty(model, path, {
+      configurable: true,
+      enumerable: true,
+      get: function get$$1() {
+        return _.get(_this.$store.state, propPath);
+      },
+      set: function set$$1(value) {
+        vuexSet.call(_this, propPath, value);
+      }
+    });
+  });
+  return model;
+}
+
+/**
+ * returns an object that can deep set fields in a vuex store
+ * @param vuexPath
+ * @returns {Object}
+ */
+function vuexModel(vuexPath, options) {
+  var _this2 = this;
+
   if (!_.isString(vuexPath)) throw new Error('VueDeepSet: invalid vuex path string');
+  options = isHash(options) ? options : {};
 
-  if ((typeof Proxy === 'undefined' ? 'undefined' : _typeof(Proxy)) === undefined) {
-    var model = {};
-    var obj = _.get(this.$store.state, vuexPath);
-    _.forEach(getPaths(obj), function (path) {
-      var propPath = pathJoin(vuexPath, path);
-      Object.defineProperty(model, path, {
-        configurable: true,
-        enumerable: true,
-        get: function get$$1() {
-          return _.get(_this.$store.state, propPath);
-        },
-        set: function set$$1(value) {
-          vuexSet.call(_this, propPath, value);
-        }
-      });
-    });
-    return model;
+  if (options.useProxy === false || (typeof Proxy === 'undefined' ? 'undefined' : _typeof(Proxy)) === undefined) {
+    return buildVuexModel.call(this, vuexPath, options);
   } else {
-    return new Proxy(_.get(this.$store.state, vuexPath, this.$store.state), {
+    var obj = _.get(this.$store.state, vuexPath, this.$store.state);
+    var tgt = { model: buildVuexModel.call(this, vuexPath, options) };
+    return new Proxy(obj, {
       get: function get$$1(target, property) {
-        return _.get(_this.$store.state, pathJoin(vuexPath, property));
+        if (!(property in tgt.model)) {
+          vuexSet.call(_this2, pathJoin(vuexPath, property), undefined);
+          tgt.model = buildVuexModel.call(_this2, vuexPath, options);
+        }
+        return _.get(_this2.$store.state, pathJoin(vuexPath, property));
       },
       set: function set$$1(target, property, value) {
-        vuexSet.call(_this, pathJoin(vuexPath, property), value);
+        vuexSet.call(_this2, pathJoin(vuexPath, property), value);
         return true;
       },
       has: function has$$1(target, property) {
+        if (!(property in tgt.model)) {
+          vuexSet.call(_this2, pathJoin(vuexPath, property), undefined);
+          tgt.model = buildVuexModel.call(_this2, vuexPath, options);
+        }
         return true;
@@ -480,2 +528,27 @@ }
 /**
+ * builds a new model object based on the values
+ * @param obj
+ * @param options
+ * @returns {Object}
+ */
+function buildVueModel(obj, options) {
+  var _this3 = this;
+
+  var model = {};
+  _.forEach(getPaths(obj), function (path) {
+    Object.defineProperty(model, path, {
+      configurable: true,
+      enumerable: true,
+      get: function get$$1() {
+        return _.get(obj, path);
+      },
+      set: function set$$1(value) {
+        vueSet.call(_this3, obj, path, value);
+      }
+    });
+  });
+  return model;
+}
+
+/**
  * returns an object that can deep set fields in a vue.js object
@@ -485,32 +558,35 @@ * @param obj
  */
-function vueModel(obj) {
-  var _this2 = this;
+function vueModel(obj, options) {
+  var _this4 = this;
 
   if (!_.isObject(obj)) throw new Error('VueDeepSet: invalid object');
+  options = isHash(options) ? options : {};
 
-  if (typeof Proxy === 'undefined') {
-    var model = {};
-    _.forEach(getPaths(obj), function (path) {
-      Object.defineProperty(model, path, {
-        configurable: true,
-        enumerable: true,
-        get: function get$$1() {
-          return _.get(obj, path);
-        },
-        set: function set$$1(value) {
-          vueSet.call(_this2, obj, path, value);
-        }
-      });
-    });
-    return model;
+  // make _isVue non-enumerable
+  Object.defineProperty(obj, '_isVue', {
+    enumerable: false,
+    writable: true
+  });
+
+  if (options.useProxy === false || typeof Proxy === 'undefined') {
+    return buildVueModel.call(this, obj, options);
   } else {
+    var tgt = { model: buildVueModel.call(this, obj, options) };
     return new Proxy(obj, {
       get: function get$$1(target, property) {
-        return _.get(target, property);
+        if (!(property in tgt.model)) {
+          vueSet.call(_this4, obj, property, undefined);
+          tgt.model = buildVueModel.call(_this4, obj, options);
+        }
+        return tgt.model[property];
       },
       set: function set$$1(target, property, value) {
-        vueSet.call(_this2, target, property, value);
+        vueSet.call(_this4, tgt.model, property, value);
         return true;
       },
       has: function has$$1(target, property) {
+        if (!(property in tgt.model)) {
+          vueSet.call(_this4, obj, property, undefined);
+          tgt.model = buildVueModel.call(_this4, obj, options);
+        }
         return true;
@@ -527,4 +603,4 @@ }
  */
-function deepModel(arg) {
-  return _.isString(arg) ? vuexModel.call(this, arg) : vueModel.call(this, arg);
+function deepModel(arg, options) {
+  return _.isString(arg) ? vuexModel.call(this, arg, options) : vueModel.call(this, arg, options);
 }
@@ -531,0 +607,0 @@

package.json

 {
   "name": "vue-deepset",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Deep set Vue.js objects",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -143,18 +143,30 @@ # vue-deepset
 
-##### vueModel ( obj:Object )
+##### vueModel ( obj:Object, [options:Object] )
 
 Creates an abstracted model with a set of flat properties that are generated from inspecting the objects properties so that deeply nested properties can be accessed as first level properties
 
-##### vuexModel ( path:String )
+**options**
+* `useProxy=true` {`Boolean`} - disable use of Proxy when false
 
+##### vuexModel ( path:String, [options:Object] )
+
 The equivalent of `vueModel` for `vuex`. Path should point to the base object
 
-##### deepModel ( obj:Object )
+**options**
+* `useProxy=true` {`Boolean`} - disable use of Proxy when false
 
+##### deepModel ( obj:Object, [options:Object] )
+
 Equivalent to `vueModel`
 
-##### deepModel ( path:String )
+**options**
+* `useProxy=true` {`Boolean`} - disable use of Proxy when false
 
+##### deepModel ( path:String, [options:Object] )
+
 Equivalent to `vuexModel`
 
+**options**
+* `useProxy=true` {`Boolean`} - disable use of Proxy when false
+
 ### Non-Plugin usage
@@ -161,0 +173,0 @@

New alerts

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

Improved metrics

Total package byte prevSize

90657

increased by171.23%

Lines of code

2602

increased by209.39%

Number of lines in readme file

228

increased by5.56%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes