@cloudbase/framework-plugin-low-code 0.6.30 → 0.6.33

package/template/dist/mp/miniprogram_npm/miniprogram-render/event/event-target.js

@@ -1,389 +0,0 @@
-const Event = require('./event')
-const CustomEvent = require('./custom-event')
-
-/**
- * 比较 touch 列表
- */
-function compareTouchList(a, b) {
-    if (a.length !== b.length) return false
-
-    for (let i, len = a.length; i < len; i++) {
-        const aItem = a[i]
-        const bItem = b[i]
-
-        if (aItem.identifier !== bItem.identifier) return false
-        if (aItem.pageX !== bItem.pageX || aItem.pageY !== bItem.pageY || aItem.clientX !== bItem.clientX || aItem.clientY !== bItem.clientY) return false
-    }
-
-    return true
-}
-
-class EventTarget {
-    constructor(...args) {
-        this.$$init(...args)
-    }
-
-    /**
-     * 初始化实例
-     */
-    $$init() {
-        // 补充实例的属性，用于 'xxx' in XXX 判断
-        this.ontouchstart = null
-        this.ontouchmove = null
-        this.ontouchend = null
-        this.ontouchcancel = null
-        this.oninput = null
-        this.onfocus = null
-        this.onblur = null
-        this.onchange = null
-
-        this.$_miniprogramEvent = null // 记录已触发的小程序事件
-        this.$_eventHandlerMap = null
-    }
-
-    /**
-     * 销毁实例
-     */
-    $$destroy() {
-        Object.keys(this).forEach(key => {
-            // 处理 on 开头的属性
-            if (key.indexOf('on') === 0) this[key] = null
-            // 处理外部挂进来的私有的属性
-            if (key[0] === '_') this[key] = null
-            if (key[0] === '$' && (key[1] !== '_' && key[1] !== '$')) this[key] = null
-        })
-
-        this.$_miniprogramEvent = null
-        this.$_eventHandlerMap = null
-    }
-
-    set $_eventHandlerMap(value) {
-        this.$__eventHandlerMap = value
-    }
-
-    get $_eventHandlerMap() {
-        if (!this.$__eventHandlerMap) this.$__eventHandlerMap = Object.create(null)
-        return this.$__eventHandlerMap
-    }
-
-    /**
-     * 触发事件捕获、冒泡流程
-     */
-    static $$process(target, eventName, miniprogramEvent, extra, callback) {
-        let event
-
-        if (eventName instanceof CustomEvent || eventName instanceof Event) {
-            // 传入的是事件对象
-            event = eventName
-            eventName = event.type
-        }
-
-        eventName = eventName.toLowerCase()
-
-        const path = [target]
-        let parentNode = target.parentNode
-
-        while (parentNode && parentNode.tagName !== 'HTML') {
-            path.push(parentNode)
-            parentNode = parentNode.parentNode
-        }
-
-        if (path[path.length - 1].tagName === 'BODY') {
-            // 如果最后一个节点是 document.body，则追加 document.documentElement
-            path.push(parentNode)
-        }
-
-        if (!event) {
-            // 此处特殊处理，不直接返回小程序的 event 对象
-            event = new Event({
-                name: eventName,
-                target,
-                timeStamp: miniprogramEvent.timeStamp,
-                touches: miniprogramEvent.touches,
-                changedTouches: miniprogramEvent.changedTouches,
-                bubbles: true, // 默认都可以冒泡 TODO
-                $$extra: extra,
-            })
-        }
-
-        // 捕获
-        for (let i = path.length - 1; i >= 0; i--) {
-            const currentTarget = path[i]
-
-            if (!event.$$canBubble) break // 判定冒泡是否结束
-            if (currentTarget === target) continue
-
-            // wx-capture 节点事件单独触发
-            if (currentTarget.tagName === 'WX-COMPONENT' && currentTarget.behavior === 'capture') continue
-
-            event.$$setCurrentTarget(currentTarget)
-            event.$$setEventPhase(Event.CAPTURING_PHASE)
-
-            currentTarget.$$trigger(eventName, {
-                event,
-                isCapture: true,
-            })
-            if (callback) callback(currentTarget, event, true)
-        }
-
-        // 目标
-        if (event.$$canBubble) {
-            event.$$setCurrentTarget(target)
-            event.$$setEventPhase(Event.AT_TARGET)
-
-            // 捕获和冒泡阶段监听的事件都要触发
-            target.$$trigger(eventName, {
-                event,
-                isCapture: true,
-                isTarget: true,
-            })
-            if (callback) callback(target, event, true)
-
-            target.$$trigger(eventName, {
-                event,
-                isCapture: false,
-                isTarget: true,
-            })
-            if (callback) callback(target, event, false)
-        }
-
-        if (event.bubbles) {
-            // 冒泡
-            for (const currentTarget of path) {
-                if (!event.$$canBubble) break // 判定冒泡是否结束
-                if (currentTarget === target) continue
-
-                // wx-capture 节点事件单独触发
-                if (currentTarget.tagName === 'WX-COMPONENT' && currentTarget.behavior === 'capture') continue
-
-                event.$$setCurrentTarget(currentTarget)
-                event.$$setEventPhase(Event.BUBBLING_PHASE)
-
-                currentTarget.$$trigger(eventName, {
-                    event,
-                    isCapture: false,
-                })
-                if (callback) callback(currentTarget, event, false)
-
-                // wx-catch 节点事件要结束冒泡
-                if (currentTarget.tagName === 'WX-COMPONENT' && currentTarget.behavior === 'catch') event.stopPropagation()
-            }
-        }
-
-        // 重置事件
-        event.$$setCurrentTarget(null)
-        event.$$setEventPhase(Event.NONE)
-
-        return event
-    }
-
-    /**
-     * 获取 handlers
-     */
-    $_getHandlers(eventName, isCapture, isInit) {
-        const handlerMap = this.$_eventHandlerMap
-
-        if (isInit) {
-            const handlerObj = handlerMap[eventName] = handlerMap[eventName] || {}
-
-            handlerObj.capture = handlerObj.capture || []
-            handlerObj.bubble = handlerObj.bubble || []
-
-            return isCapture ? handlerObj.capture : handlerObj.bubble
-        } else {
-            const handlerObj = handlerMap[eventName]
-
-            if (!handlerObj) return null
-
-            return isCapture ? handlerObj.capture : handlerObj.bubble
-        }
-    }
-
-    /**
-     * 触发节点事件
-     */
-    $$trigger(eventName, {
-        event, args = [], isCapture, isTarget
-    } = {}) {
-        eventName = eventName.toLowerCase()
-        const handlers = this.$_getHandlers(eventName, isCapture)
-        const onEventName = `on${eventName}`
-
-        if ((!isCapture || !isTarget) && typeof this[onEventName] === 'function') {
-            // 触发 onXXX 绑定的事件
-            if (event && event.$$immediateStop) return
-            try {
-                this[onEventName].call(this || null, event, ...args)
-            } catch (err) {
-                console.error(err)
-            }
-        }
-
-        if (!handlers) return
-
-        // 触发 addEventListener 绑定的事件
-        if (handlers.length) {
-            handlers.forEach(handler => {
-                if (event && event.$$immediateStop) return
-                try {
-                    handler.call(this || null, event, ...args)
-                } catch (err) {
-                    console.error(err)
-                }
-            })
-        }
-
-        // 触发 addEventListener 绑定到命名空间下的事件
-        if (handlers._namespace) {
-            Object.keys(handlers._namespace).forEach(namespace => {
-                const namespaceHandlers = handlers._namespace[namespace]
-                if (namespaceHandlers) {
-                    namespaceHandlers.forEach(handler => {
-                        if (event && event.$$immediateStop) return
-                        try {
-                            handler.call(this || null, event, ...args)
-                        } catch (err) {
-                            console.error(err)
-                        }
-                    })
-                }
-            })
-        }
-    }
-
-    /**
-     * 检查该事件是否可以触发
-     */
-    $$checkEvent(miniprogramEvent) {
-        const last = this.$_miniprogramEvent
-        const now = miniprogramEvent
-
-        let flag = false
-
-        if (!last || last.timeStamp !== now.timeStamp) {
-            // 时间戳不同
-            flag = true
-        } else {
-            if (last.touches && now.touches && !compareTouchList(last.touches, now.touches)) {
-                // 存在不同的 touches
-                flag = true
-            } else if ((!last.touches && now.touches) || (last.touches && !now.touches)) {
-                // 存在一方没有 touches
-                flag = true
-            }
-
-            if (last.changedTouches && now.changedTouches && !compareTouchList(last.changedTouches, now.changedTouches)) {
-                // 存在不同的 changedTouches
-                flag = true
-            } else if ((!last.changedTouches && now.changedTouches) || (last.changedTouches && !now.changedTouches)) {
-                // 存在一方没有 changedTouches
-                flag = true
-            }
-        }
-
-        if (flag) this.$_miniprogramEvent = now
-        return flag
-    }
-
-    /**
-     * 清空某个事件的所有句柄
-     */
-    $$clearEvent(eventName, options) {
-        if (typeof eventName !== 'string') return
-
-        let isCapture = false
-        let namespace = null
-
-        if (typeof options === 'boolean') isCapture = options
-        else if (typeof options === 'object') {
-            isCapture = !!options.capture
-            namespace = options.$$namespace
-        }
-
-        eventName = eventName.toLowerCase()
-        const handlers = this.$_getHandlers(eventName, isCapture)
-
-        if (!handlers) return
-
-        if (handlers.length) handlers.length = 0
-        if (handlers._namespace) handlers._namespace[namespace] = null
-    }
-
-    /**
-     * 是否存在事件句柄，只考虑通过 addEventListener 绑定的句柄
-     */
-    $$hasEventHandler(eventName) {
-        eventName = eventName.toLowerCase()
-        const bubbleHandlers = this.$_getHandlers(eventName, false)
-        const captureHandlers = this.$_getHandlers(eventName, true)
-        return (bubbleHandlers && bubbleHandlers.length) || (captureHandlers && captureHandlers.length)
-    }
-
-    /**
-     * 对外属性和方法
-     */
-    addEventListener(eventName, handler, options) {
-        if (typeof eventName !== 'string' || typeof handler !== 'function') return
-
-        let isCapture = false
-        let namespace = null
-
-        if (typeof options === 'boolean') isCapture = options
-        else if (typeof options === 'object') {
-            isCapture = !!options.capture
-            namespace = options.$$namespace
-        }
-
-        eventName = eventName.toLowerCase()
-        const handlers = this.$_getHandlers(eventName, isCapture, true)
-
-        if (namespace) {
-            // 存在命名空间
-            handlers._namespace = handlers._namespace || {}
-            handlers._namespace[namespace] = handlers._namespace[namespace] || []
-            handlers._namespace[namespace].push(handler)
-        } else {
-            handlers.push(handler)
-        }
-    }
-
-    removeEventListener(eventName, handler, options) {
-        if (typeof eventName !== 'string' || typeof handler !== 'function') return
-
-        let isCapture = false
-        let namespace = null
-
-        if (typeof options === 'boolean') isCapture = options
-        else if (typeof options === 'object') {
-            isCapture = !!options.capture
-            namespace = options.$$namespace
-        }
-
-        eventName = eventName.toLowerCase()
-        const handlers = this.$_getHandlers(eventName, isCapture, false)
-
-        if (!handlers) return
-
-        if (namespace) {
-            // 存在命名空间
-            if (!handlers._namespace || !handlers._namespace[namespace]) return
-
-            const index = handlers._namespace[namespace].indexOf(handler)
-            if (index >= 0) handlers._namespace[namespace].splice(index, 1)
-        } else {
-            const index = handlers.indexOf(handler)
-            if (index >= 0) handlers.splice(index, 1)
-        }
-    }
-
-    dispatchEvent(evt) {
-        if (evt instanceof CustomEvent) {
-            EventTarget.$$process(this, evt)
-        }
-
-        // 因为不支持 preventDefault，所以永远返回 true
-        return true
-    }
-}
-
-module.exports = EventTarget

package/template/dist/mp/miniprogram_npm/miniprogram-render/event/event.js

@@ -1,186 +0,0 @@
-/**
- * 检查节点间的关系
- */
-function checkRelation(node1, node2) {
-    if (node1 === node2) return true
-
-    while (node1) {
-        if (node1 === node2) return true
-
-        node1 = node1.parentNode
-    }
-
-    return false
-}
-
-class Event {
-    constructor(options) {
-        this.$_name = options.name.toLowerCase()
-        this.$_target = options.target
-        this.$_timeStamp = options.timeStamp || Date.now()
-        this.$_currentTarget = options.currentTarget || options.target
-        this.$_eventPhase = options.eventPhase || Event.NONE
-        this.$_detail = options.detail || null
-        this.$_immediateStop = false
-        this.$_canBubble = true
-        this.$_bubbles = options.bubbles || false
-        this.$_touches = null
-        this.$_targetTouches = null
-        this.$_changedTouches = null
-        this.$_cancelable = false
-
-        // 补充字段
-        const extra = options.$$extra
-        if (extra) {
-            Object.keys(extra).forEach(key => {
-                this[key] = extra[key]
-            })
-        }
-
-        // 处理 touches
-        if (options.touches && options.touches.length) {
-            this.$_touches = options.touches.map(touch => ({...touch, target: options.target}))
-
-            this.$$checkTargetTouches()
-        } else if (options.touches) {
-            this.$_touches = []
-            this.$_targetTouches = []
-        }
-
-        // 处理 changedTouches
-        if (options.changedTouches && options.changedTouches.length) {
-            this.$_changedTouches = options.changedTouches.map(touch => ({...touch, target: options.target}))
-        } else if (options.changedTouches) {
-            this.$_changedTouches = []
-        }
-    }
-
-    /**
-     * 返回事件是否立即停止
-     */
-    get $$immediateStop() {
-        return this.$_immediateStop
-    }
-
-    /**
-     * 返回事件时否还可以冒泡
-     */
-    get $$canBubble() {
-        return this.$_canBubble
-    }
-
-    /**
-     * 设置 target
-     */
-    $$setTarget(target) {
-        this.$_target = target
-    }
-
-    /**
-     * 设置 currentTarget
-     */
-    $$setCurrentTarget(currentTarget) {
-        this.$_currentTarget = currentTarget
-        this.$$checkTargetTouches()
-    }
-
-    /**
-     * 设置事件所处阶段
-     */
-    $$setEventPhase(eventPhase) {
-        this.$_eventPhase = eventPhase
-    }
-
-    /**
-     * 检查 targetTouches
-     */
-    $$checkTargetTouches() {
-        if (this.$_touches && this.$_touches.length) {
-            this.$_targetTouches = this.$_touches.filter(touch => checkRelation(touch.target, this.$_currentTarget))
-        }
-    }
-
-    /**
-     * 对外属性和方法
-     */
-    get bubbles() {
-        return this.$_bubbles
-    }
-
-    get cancelable() {
-        return this.$_cancelable
-    }
-
-    get target() {
-        return this.$_target
-    }
-
-    get currentTarget() {
-        return this.$_currentTarget
-    }
-
-    get eventPhase() {
-        return this.$_eventPhase
-    }
-
-    get type() {
-        return this.$_name
-    }
-
-    get timeStamp() {
-        return this.$_timeStamp
-    }
-
-    get touches() {
-        return this.$_touches
-    }
-
-    get targetTouches() {
-        return this.$_targetTouches
-    }
-
-    get changedTouches() {
-        return this.$_changedTouches
-    }
-
-    set detail(value) {
-        this.$_detail = value
-    }
-
-    get detail() {
-        return this.$_detail
-    }
-
-    preventDefault() {
-        // 目前仅支持 a 标签的点击阻止
-        this.$_cancelable = true
-    }
-
-    stopPropagation() {
-        if (this.eventPhase === Event.NONE) return
-
-        this.$_canBubble = false
-    }
-
-    stopImmediatePropagation() {
-        if (this.eventPhase === Event.NONE) return
-
-        this.$_immediateStop = true
-        this.$_canBubble = false
-    }
-
-    initEvent(name = '', bubbles) {
-        if (typeof name !== 'string') return
-
-        this.$_name = name.toLowerCase()
-        this.$_bubbles = bubbles === undefined ? this.$_bubbles : !!bubbles
-    }
-}
-
-// 静态属性
-Event.NONE = 0
-Event.CAPTURING_PHASE = 1
-Event.AT_TARGET = 2
-Event.BUBBLING_PHASE = 3
-
-module.exports = Event

package/template/dist/mp/miniprogram_npm/miniprogram-render/index.js

@@ -1,41 +0,0 @@
-const tool = require('./util/tool')
-const cache = require('./util/cache')
-const Window = require('./window')
-const Document = require('./document')
-const EventTarget = require('./event/event-target')
-const Event = require('./event/event')
-
-module.exports = {
-    createPage(route, config) {
-        if (config) cache.setConfig(config)
-
-        const pageId = `p-${tool.getId()}-/${route}`
-        const window = new Window(pageId)
-        const nodeIdMap = {}
-        const document = new Document(pageId, nodeIdMap)
-
-        cache.init(pageId, {
-            window,
-            document,
-            nodeIdMap,
-        })
-
-        return {
-            pageId,
-            window,
-            document,
-        }
-    },
-
-    destroyPage(pageId) {
-        cache.destroy(pageId)
-    },
-
-    // 开放给 miniprogram-element
-    $$adapter: {
-        cache,
-        EventTarget,
-        Event,
-        tool,
-    },
-}