You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
3.3 KiB
143 lines
3.3 KiB
import {
|
|
normalizeDataset
|
|
} from 'uni-helpers/index'
|
|
|
|
import getWindowOffset from 'uni-platform/helpers/get-window-offset'
|
|
|
|
import {
|
|
findElm
|
|
} from './util'
|
|
|
|
function getRootInfo (fields) {
|
|
const info = {}
|
|
if (fields.id) {
|
|
info.id = ''
|
|
}
|
|
if (fields.dataset) {
|
|
info.dataset = {}
|
|
}
|
|
if (fields.rect) {
|
|
info.left = 0
|
|
info.right = 0
|
|
info.top = 0
|
|
info.bottom = 0
|
|
}
|
|
if (fields.size) {
|
|
info.width = document.documentElement.clientWidth
|
|
info.height = document.documentElement.clientHeight
|
|
}
|
|
if (fields.scrollOffset) {
|
|
info.scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || 0
|
|
info.scrollTop = document.documentElement.scrollTop || document.body.scrollTop || 0
|
|
}
|
|
return info
|
|
}
|
|
|
|
function getNodeInfo (el, fields) {
|
|
const info = {}
|
|
const {
|
|
top
|
|
} = getWindowOffset()
|
|
if (fields.id) {
|
|
info.id = el.id
|
|
}
|
|
if (fields.dataset) {
|
|
info.dataset = normalizeDataset(el.dataset || {})
|
|
}
|
|
if (fields.rect || fields.size) {
|
|
const rect = el.getBoundingClientRect()
|
|
if (fields.rect) {
|
|
info.left = rect.left
|
|
info.right = rect.right
|
|
info.top = rect.top - top
|
|
info.bottom = rect.bottom - top
|
|
}
|
|
if (fields.size) {
|
|
info.width = rect.width
|
|
info.height = rect.height
|
|
}
|
|
}
|
|
// TODO 组件 props
|
|
if (fields.properties) {
|
|
fields.properties.forEach(prop => {
|
|
prop = prop.replace(/-([a-z])/g, function (e, t) {
|
|
return t.toUpperCase()
|
|
})
|
|
// props
|
|
})
|
|
}
|
|
if (fields.scrollOffset) {
|
|
if (el.tagName === 'UNI-SCROLL-VIEW' && el.__vue__ && el.__vue__.getScrollPosition) {
|
|
Object.assign(info, el.__vue__.getScrollPosition())
|
|
} else {
|
|
info.scrollLeft = 0
|
|
info.scrollTop = 0
|
|
}
|
|
}
|
|
if (fields.context) {
|
|
if (el.__vue__ && el.__vue__._getContextInfo) {
|
|
info.context = el.__vue__._getContextInfo()
|
|
}
|
|
}
|
|
return info
|
|
}
|
|
|
|
function getNodesInfo (pageVm, component, selector, single, fields) {
|
|
const $el = findElm(component, pageVm)
|
|
if (!$el || ($el && $el.nodeType === 8)) { // Comment
|
|
return single ? null : []
|
|
}
|
|
if (single) {
|
|
const node = $el.matches(selector) ? $el : $el.querySelector(selector)
|
|
if (node) {
|
|
return getNodeInfo(node, fields)
|
|
}
|
|
return null
|
|
} else {
|
|
let infos = []
|
|
const nodeList = $el.querySelectorAll(selector)
|
|
if (nodeList && nodeList.length) {
|
|
infos = ([]).map.call(nodeList, node => {
|
|
return getNodeInfo(node, fields)
|
|
})
|
|
}
|
|
if ($el.matches(selector)) {
|
|
infos.unshift(getNodeInfo($el, fields))
|
|
}
|
|
return infos
|
|
}
|
|
}
|
|
|
|
export function requestComponentInfo ({
|
|
reqId,
|
|
reqs
|
|
}, pageId) {
|
|
const pages = getCurrentPages() // 跨平台时，View 层也应该实现该方法，举例 App 上，View 层的 getCurrentPages 返回长度为1的当前页面数组
|
|
|
|
const page = pages.find(page => page.$page.id === pageId)
|
|
|
|
if (!page) {
|
|
throw new Error(`Not Found：Page[${pageId}]`)
|
|
}
|
|
|
|
const pageVm = page.$vm
|
|
|
|
const result = []
|
|
reqs.forEach(function ({
|
|
component,
|
|
selector,
|
|
single,
|
|
fields
|
|
}) {
|
|
if (component === 0) {
|
|
result.push(getRootInfo(fields))
|
|
} else {
|
|
result.push(getNodesInfo(pageVm, component, selector, single, fields))
|
|
}
|
|
})
|
|
|
|
UniViewJSBridge.publishHandler('onRequestComponentInfo', {
|
|
reqId,
|
|
res: result
|
|
}, pageId)
|
|
}
|
|
|