feat(okam-core): support ref multiple instances

packages/okam-core/src/base/component.js

@@ -52,6 +52,42 @@ function normalizeEventArgs(args) {
     return args;
 }
 
+/**
+ * Query the reference instance information by the given reference class
+ *
+ * @inner
+ * @param {string|Array.<string>} value the reference class
+ * @return {?Object|Array}
+ */
+function queryRefInstance(value) {
+    let isSelectAll = Array.isArray(value);
+    let result;
+
+    if (isSelectAll) {
+        let path = `.${value[0]}`;
+        if (typeof this.selectAllComponents === 'function') {
+            result = this.selectAllComponents(path);
+        }
+
+        if (!result) {
+            result = this.$selector.selectAll(path);
+        }
+    }
+    else {
+        let path = `.${value}`;
+        if (typeof this.selectComponent === 'function') {
+            result = this.selectComponent(path);
+        }
+
+        if (!result) {
+            // if not custom component, try to query element info by selector API
+            result = this.$selector.select(path);
+        }
+    }
+
+    return result;
+}
+
 /**
  * Initialize the `$refs` value
  *
@@ -70,30 +106,14 @@ function initRefs() {
     }
 
     let result = {};
-    let ctx;
-    let self = this;
-    let select = this.selectComponent;
-    let isSelectComponent = false;
-    if (typeof select === 'function') {
-        isSelectComponent = true;
-        ctx = self;
-    }
-    else {
-        ctx = this.$selector;
-        select = ctx.select;
-    }
-
+    const self = this;
     Object.keys(refs).forEach(id => {
         result[id] = {
             get() {
-                let path = `.${refs[id]}`;
-                let result = select.call(ctx, path);
-                if (!result && isSelectComponent) {
-                    // if not custom component, try to query element info by selector API
-                    result = self.$selector.select(path);
-                }
-                return result;
-            }
+                let value = refs[id];
+                return queryRefInstance.call(self, value);
+            },
+            enumerable: true
         };
     });