feature: improve usingComponents options

Author: JuneAndGreen

build.js

@@ -81,7 +81,7 @@ const id2 = simulate.load('/path/to/component', 'custom-comp', {
 | id | String | 可选字段，如果传了此字段，则表明注册为全局组件，其他组件可直接在 template 中使用而无需在 usingComponents 里引入 |
 | tagName | String | 可选字段，指定组件对应的 dom 节点的 tagName，默认取 usingComponents 里的定义或组件自身的 id |
 | template | String | 组件模板，即组件对应的 wxml 内容 |
-| usingComponents | Object | 使用到的自定义组件映射表 |
+| usingComponents | Object | 使用到的自定义组件映射表，子孙组件在进行 usingComponents 处理时，会从此表寻找同名组件进行覆盖处理，支持传入覆盖路径或者组件 id |
 | behaviors | Array<Behavior> | behavior 的用法和小程序类似 |
 | options | Object | 配置对象，支持小程序自定义组件 options 定义段支持的所有字段 |
 | options.classPrefix | String | 组件样式的私有化前缀，默认是空串，即没有前缀 |

docs/api.md

@@ -1,5 +1,9 @@
 # 更新日志
 
+## 1.5.3
+
+* 支持子孙组件的 usingComponents 覆盖
+
 ## 1.5.0
 
 * load 方法支持 compilerOptions 配置

docs/update.md

@@ -105,19 +105,20 @@ function register(componentPath, tagName, cache, hasRegisterCache) {
     const rootPath = cache.options.rootPath
     const usingComponents = component.json.usingComponents || {}
     const overrideUsingComponents = cache.options.usingComponents || {}
+    Object.assign(usingComponents, overrideUsingComponents)
     const usingComponentKeys = Object.keys(usingComponents)
     for (let i = 0, len = usingComponentKeys.length; i < len; i++) {
         const key = usingComponentKeys[i]
 
-        if (Object.prototype.hasOwnProperty.call(overrideUsingComponents, key)) continue // 被 override 的跳过
-
         const value = usingComponents[key]
         const usingPath = _.isAbsolute(value) ? path.join(rootPath, value) : path.join(path.dirname(componentPath), value)
-        const id = register(usingPath, key, cache, hasRegisterCache)
-
-        usingComponents[key] = id
+        
+        if (_.readFile(`${usingPath}.json`)) {
+            // 文件路径
+            const id = register(usingPath, key, cache, hasRegisterCache)
+            usingComponents[key] = id
+        }
     }
-    Object.assign(usingComponents, overrideUsingComponents)
 
     // 读取自定义组件的静态内容
     component.wxml = compile.getWxml(componentPath, cache.options)

src/index.js

@@ -0,0 +1,13 @@
+Component({
+    properties: {
+        prop: {
+            type: String,
+            value: 'comp1.properties'
+        },
+    },
+    methods: {
+        getStr() {
+            return 'comp1'
+        }
+    }
+})

test/comp11/comp/comp1.js

@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "comp2": "12345"
+    }
+}

test/comp11/comp/comp1.json

@@ -0,0 +1,2 @@
+<view class="index">{{prop}}</view>
+<comp2 class="comp2" prop="from comp1"></comp2>

test/comp11/comp/comp1.wxml

@@ -0,0 +1,3 @@
+.index {
+  color: yellow;
+}

test/comp11/comp/comp1.wxss

@@ -0,0 +1,13 @@
+Component({
+    properties: {
+        prop: {
+            type: String,
+            value: 'comp2.properties'
+        },
+    },
+    methods: {
+        getStr() {
+            return 'comp2'
+        }
+    }
+})

test/comp11/comp/comp2.js

@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}