feat(Util): 新增 NodeUtil 工具类 (#788)

该工具类对微信 wxml 节点选择 api 进行封装，方便获取节点信息

Author: juzi214032

dist/utils/node-util.js

@@ -0,0 +1,38 @@
+class NodeUtil {
+  /**
+   * 获取组件内部节点位置信息（单个）
+   * @param component 组件实例
+   * @param selector {String} css选择器
+   * @returns boundingClientRect() 回调函数的值
+   */
+  async getNodeRectFromComponent(component, selector) {
+    return await new Promise((resolve) => {
+      component
+        .createSelectorQuery()
+        .select(selector)
+        .boundingClientRect((res) => {
+          resolve(res)
+        }).exec()
+    })
+  }
+
+  /**
+   * 获取组件内部节点位置信息（多个）
+   * @param component 组件实例
+   * @param selector {String} css选择器
+   * @returns boundingClientRect() 回调函数的值
+   */
+  async getNodesRectFromComponent(component, selector) {
+    return await new Promise((resolve) => {
+      component
+        .createSelectorQuery()
+        .selectAll(selector)
+        .boundingClientRect((res) => {
+          resolve(res)
+        }).exec()
+    })
+  }
+}
+
+const nodeUtil = new NodeUtil()
+export default nodeUtil

examples/dist/utils/node-util.js

@@ -0,0 +1,38 @@
+class NodeUtil {
+  /**
+   * 获取组件内部节点位置信息（单个）
+   * @param component 组件实例
+   * @param selector {String} css选择器
+   * @returns boundingClientRect() 回调函数的值
+   */
+  async getNodeRectFromComponent(component, selector) {
+    return await new Promise((resolve) => {
+      component
+        .createSelectorQuery()
+        .select(selector)
+        .boundingClientRect((res) => {
+          resolve(res)
+        }).exec()
+    })
+  }
+
+  /**
+   * 获取组件内部节点位置信息（多个）
+   * @param component 组件实例
+   * @param selector {String} css选择器
+   * @returns boundingClientRect() 回调函数的值
+   */
+  async getNodesRectFromComponent(component, selector) {
+    return await new Promise((resolve) => {
+      component
+        .createSelectorQuery()
+        .selectAll(selector)
+        .boundingClientRect((res) => {
+          resolve(res)
+        }).exec()
+    })
+  }
+}
+
+const nodeUtil = new NodeUtil()
+export default nodeUtil