new version 1.0.12

Meituan-Dianping · May 19, 2018 · ee07244 · shawtung · May 21, 2018 · ee07244
1 parent 8477239
commit ee07244
Show file tree

Hide file tree

Showing 12 changed files with 59 additions and 12 deletions.
diff --git a/dist/vue.common.js b/dist/vue.common.js
@@ -4629,7 +4629,7 @@ Object.defineProperty(Vue$3.prototype, '$ssrContext', {
 });
 
 Vue$3.version = '2.4.1';
-Vue$3.mpvueVersion = '1.0.8';
+Vue$3.mpvueVersion = '1.0.11';
 
 /* */
 

diff --git a/dist/vue.esm.js b/dist/vue.esm.js
@@ -4627,7 +4627,7 @@ Object.defineProperty(Vue$3.prototype, '$ssrContext', {
 });
 
 Vue$3.version = '2.4.1';
-Vue$3.mpvueVersion = '1.0.8';
+Vue$3.mpvueVersion = '1.0.11';
 
 /* */
 

diff --git a/dist/vue.js b/dist/vue.js
@@ -4618,7 +4618,7 @@ Object.defineProperty(Vue$3.prototype, '$ssrContext', {
 });
 
 Vue$3.version = '2.4.1';
-Vue$3.mpvueVersion = '1.0.8';
+Vue$3.mpvueVersion = '1.0.11';
 
 /* */
 

diff --git a/dist/vue.min.js b/dist/vue.min.js
diff --git a/dist/vue.runtime.common.js b/dist/vue.runtime.common.js
@@ -4625,7 +4625,7 @@ Object.defineProperty(Vue$3.prototype, '$ssrContext', {
 });
 
 Vue$3.version = '2.4.1';
-Vue$3.mpvueVersion = '1.0.8';
+Vue$3.mpvueVersion = '1.0.11';
 
 /* */
 

diff --git a/dist/vue.runtime.esm.js b/dist/vue.runtime.esm.js
@@ -4623,7 +4623,7 @@ Object.defineProperty(Vue$3.prototype, '$ssrContext', {
 });
 
 Vue$3.version = '2.4.1';
-Vue$3.mpvueVersion = '1.0.8';
+Vue$3.mpvueVersion = '1.0.11';
 
 /* */
 

diff --git a/dist/vue.runtime.js b/dist/vue.runtime.js
@@ -4614,7 +4614,7 @@ Object.defineProperty(Vue$3.prototype, '$ssrContext', {
 });
 
 Vue$3.version = '2.4.1';
-Vue$3.mpvueVersion = '1.0.8';
+Vue$3.mpvueVersion = '1.0.11';
 
 /* */
 

diff --git a/dist/vue.runtime.min.js b/dist/vue.runtime.min.js
diff --git a/packages/mpvue-template-compiler/build.js b/packages/mpvue-template-compiler/build.js
@@ -4580,7 +4580,7 @@ var component = {
  var mpcomid = ast.mpcomid;
  var slots = ast.slots;
  if (slotName) {
- attrsMap['data'] = "{{...$root[$p], $root}}";
+ attrsMap['data'] = "{{...$root[$k], $root}}";
  attrsMap['is'] = "{{" + slotName + "}}";
  } else {
  var slotsName = getSlotsName(slots);

diff --git a/packages/mpvue-template-compiler/package.json b/packages/mpvue-template-compiler/package.json
@@ -1,6 +1,6 @@
 {
  "name": "mpvue-template-compiler",
- "version": "1.0.11",
+ "version": "1.0.12",
  "description": "mpvue template compiler for Vue",
  "main": "index.js",
  "repository": {

diff --git a/packages/mpvue/index.js b/packages/mpvue/index.js
@@ -4144,7 +4144,7 @@ Object.defineProperty(Vue$3.prototype, '$ssrContext', {
 });
 
 Vue$3.version = '2.4.1';
-Vue$3.mpvueVersion = '1.0.9';
+Vue$3.mpvueVersion = '1.0.11';
 
 /* globals renderer */
 
@@ -4974,6 +4974,48 @@ function getGlobalData (app, rootVueVM) {
  }
 }
 
+/**
+ * 格式化 properties 属性，并给每个属性加上 observer 方法
+ */
+function normalizeProperties (vm) {
+ var properties = vm.$options.properties || {};
+ var res = {};
+ var val;
+ var loop = function ( key ) {
+ val = isPlainObject(properties[key])
+ ? properties[key]
+ : { type: properties[key] };
+ res[key] = {
+ type: val.type,
+ value: val.value,
+ observer: function observer (newVal, oldVal) {
+ vm[key] = newVal; // 先修改值再触发原始的 observer，跟 watch 行为保持一致
+ if (typeof val.observer === 'function') {
+ val.observer.call(vm, newVal, oldVal);
+ }
+ }
+ };
+ };
+
+ for (var key in properties) loop( key );
+ return res
+}
+
+/**
+ * 把 properties 中的属性 proxy 到 vm 上
+ */
+function initMpProps (vm) {
+ var mpProps = vm._mpProps = {};
+ var keys = Object.keys(vm.$options.properties || {});
+ keys.forEach(function (key) {
+ if (!(key in vm)) {
+ proxy(vm, '_mpProps', key);
+ mpProps[key] = undefined; // for observe
+ }
+ });
+ observe(mpProps, true);
+}
+
 function initMP (mpType, next) {
  var rootVueVM = this.$root;
  if (!rootVueVM.$mp) {
@@ -5041,7 +5083,11 @@ function initMP (mpType, next) {
  }
  });
  } else if (mpType === 'component') {
+ initMpProps(rootVueVM);
+
  global.Component({
+ // 小程序原生的组件属性
+ properties: normalizeProperties(rootVueVM),
  // 页面的初始数据
  data: {
  $root: {}
@@ -5192,6 +5238,7 @@ function getVmData (vm) {
  var dataKeys = [].concat(
  Object.keys(vm._data || {}),
  Object.keys(vm._props || {}),
+ Object.keys(vm._mpProps || {}),
  Object.keys(vm._computedWatchers || {})
  );
  return dataKeys.reduce(function (res, key) {

diff --git a/packages/mpvue/package.json b/packages/mpvue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "mpvue",
- "version": "1.0.11",
+ "version": "1.0.12",
  "description": "Vue Runtime for mini program",
  "main": "index.js",
  "repository": {