@cloudbase/framework-plugin-low-code 0.6.31 → 0.6.34

package/template/dist/mp/miniprogram_npm/miniprogram-render/node/attribute.js

@@ -1,226 +0,0 @@
-const Pool = require('../util/pool')
-const cache = require('../util/cache')
-const tool = require('../util/tool')
-
-const pool = new Pool()
-
-class Attribute {
-    constructor(element, onUpdate) {
-        this.$$init(element, onUpdate)
-    }
-
-    /**
-     * 创建实例
-     */
-    static $$create(element, onUpdate) {
-        const config = cache.getConfig()
-
-        if (config.optimization.domExtendMultiplexing) {
-            // 复用 dom 扩展对象
-            const instance = pool.get()
-
-            if (instance) {
-                instance.$$init(element, onUpdate)
-                return instance
-            }
-        }
-
-        return new Attribute(element, onUpdate)
-    }
-
-    /**
-     * 初始化实例
-     */
-    $$init(element, onUpdate) {
-        this.$_element = element
-        this.$_doUpdate = onUpdate
-        this.$_map = {}
-        this.$_list = []
-
-        this.triggerUpdate()
-    }
-
-    /**
-     * 销毁实例
-     */
-    $$destroy() {
-        this.$_element = null
-        this.$_doUpdate = null
-        this.$_map = null
-        this.$_list = null
-    }
-
-    /**
-     * 回收实例
-     */
-    $$recycle() {
-        this.$$destroy()
-
-        const config = cache.getConfig()
-
-        if (config.optimization.domExtendMultiplexing) {
-            // 复用 dom 扩展对象
-            pool.add(this)
-        }
-    }
-
-    /**
-     * 属性列表，需要动态更新
-     */
-    get list() {
-        return this.$_list
-    }
-
-    /**
-     * 设置属性
-     */
-    set(name, value) {
-        const element = this.$_element
-        const map = this.$_map
-
-        if (name === 'id') {
-            map.id = value
-        } else if (name === 'class' || (element.tagName === 'WX-COMPONENT' && name === 'className')) {
-            element.className = value
-        } else if (name === 'style') {
-            element.style.cssText = value
-        } else if (name.indexOf('data-') === 0) {
-            const datasetName = tool.toCamel(name.substr(5))
-            element.dataset[datasetName] = value
-        } else {
-            const config = cache.getConfig()
-
-            // 判断 value 是否需要删减
-            if (typeof value === 'string' && config.optimization.attrValueReduce && value.length > config.optimization.attrValueReduce) {
-                console.warn(`property "${name}" will be deleted, because it's greater than ${config.optimization.attrValueReduce}`)
-                value = ''
-            }
-
-            map[name] = value
-
-            // canvas 如果有 node 对象，需要将 width/height 设置进去
-            if ((name === 'width' || name === 'height') && element.tagName === 'CANVAS' && element.$$node) {
-                element.$$node[name] = value
-            }
-
-            // 其他字段的设置需要触发父组件更新
-            this.$_doUpdate()
-        }
-
-        this.triggerUpdate()
-    }
-
-    /**
-     * 取属性
-     */
-    get(name) {
-        const element = this.$_element
-        const map = this.$_map
-
-        if (name === 'id') {
-            return map.id || ''
-        } if (name === 'class') {
-            return element.className
-        } else if (name === 'style') {
-            return element.style.cssText
-        } else if (name.indexOf('data-') === 0) {
-            const datasetName = tool.toCamel(name.substr(5))
-            if (!element.$__dataset) return undefined
-            return element.dataset[datasetName]
-        } else {
-            return map[name]
-        }
-    }
-
-    /**
-     * 判断属性是否存在
-     */
-    has(name) {
-        const element = this.$_element
-        const map = this.$_map
-
-        if (name === 'id') {
-            return !!element.id
-        } else if (name === 'class') {
-            return !!element.className
-        } else if (name === 'style') {
-            return !!element.style.cssText
-        } else if (name.indexOf('data-') === 0) {
-            const datasetName = tool.toCamel(name.substr(5))
-            if (!element.$__dataset) return false
-            return Object.prototype.hasOwnProperty.call(element.dataset, datasetName)
-        } else {
-            return Object.prototype.hasOwnProperty.call(map, name)
-        }
-    }
-
-    /**
-     * 删除属性
-     */
-    remove(name) {
-        const element = this.$_element
-        const map = this.$_map
-
-        if (name === 'id') {
-            element.id = ''
-        } else if (name === 'class' || name === 'style') {
-            this.set(name, '')
-        } else if (name.indexOf('data-') === 0) {
-            const datasetName = tool.toCamel(name.substr(5))
-            if (element.$__dataset) delete element.dataset[datasetName]
-        } else {
-            // 其他字段的设置需要触发父组件更新
-            delete map[name]
-            this.$_doUpdate()
-        }
-
-        this.triggerUpdate()
-    }
-
-    /**
-     * 更新属性列表
-     */
-    triggerUpdate() {
-        const map = this.$_map
-        const list = this.$_list
-
-        // 清空旧的列表
-        list.forEach(item => {
-            delete list[item.name]
-        })
-        delete list.class
-        delete list.style
-        list.length = 0
-
-        // 添加新列表
-        Object.keys(map).forEach(name => {
-            if (name !== 'id') {
-                const item = {name, value: map[name]}
-
-                list.push(item)
-                list[name] = item
-            }
-        })
-
-        const idValue = this.get('id')
-        const classValue = this.get('class')
-        const styleValue = this.get('style')
-        if (idValue) {
-            const item = {name: 'id', value: idValue}
-            list.push(item)
-            list.id = item
-        }
-        if (classValue) {
-            const item = {name: 'class', value: classValue}
-            list.push(item)
-            list.class = item
-        }
-        if (styleValue) {
-            const item = {name: 'style', value: styleValue}
-            list.push(item)
-            list.style = item
-        }
-    }
-}
-
-module.exports = Attribute

package/template/dist/mp/miniprogram_npm/miniprogram-render/node/class-list.js

@@ -1,153 +0,0 @@
-/**
- * babel extends 无法直接继承 Array，所以换种方法来继承：https://babeljs.io/docs/en/caveats/#classes
- */
-const Pool = require('../util/pool')
-const cache = require('../util/cache')
-
-const pool = new Pool()
-
-function ClassList(onUpdate) {
-    this.$$init(onUpdate)
-}
-
-/**
- * 创建实例
- */
-ClassList.$$create = function(onUpdate) {
-    const config = cache.getConfig()
-
-    if (config.optimization.domExtendMultiplexing) {
-    // 复用 dom 扩展对象
-        const instance = pool.get()
-
-        if (instance) {
-            instance.$$init(onUpdate)
-            return instance
-        }
-    }
-
-    return new ClassList(onUpdate)
-}
-
-ClassList.prototype = Object.assign([], {
-    /**
-     * 初始化实例
-     */
-    $$init(onUpdate) {
-        this.$_doUpdate = onUpdate
-    },
-
-    /**
-     * 销毁实例
-     */
-    $$destroy() {
-        this.$_doUpdate = null
-        this.length = 0
-    },
-
-    /**
-     * 回收实例
-     */
-    $$recycle() {
-        this.$$destroy()
-
-        const config = cache.getConfig()
-
-        if (config.optimization.domExtendMultiplexing) {
-            // 复用 dom 扩展对象
-            pool.add(this)
-        }
-    },
-
-    /**
-     * 解析 className
-     */
-    $$parse(className = '') {
-        this.length = 0 // 置空当前内容
-
-        className = className.trim()
-        className = className ? className.split(/\s+/) : []
-
-        for (const item of className) {
-            this.push(item)
-        }
-
-        this.$_doUpdate()
-    },
-
-    /**
-     * 对外属性和方法
-     */
-    item(index) {
-        return this[index]
-    },
-
-    contains(className) {
-        if (typeof className !== 'string') return false
-
-        return this.indexOf(className) !== -1
-    },
-
-    add(...args) {
-        let isUpdate = false
-
-        for (let className of args) {
-            if (typeof className !== 'string') continue
-
-            className = className.trim()
-
-            if (className && this.indexOf(className) === -1) {
-                this.push(className)
-                isUpdate = true
-            }
-        }
-
-        if (isUpdate) this.$_doUpdate()
-    },
-
-    remove(...args) {
-        let isUpdate = false
-
-        for (let className of args) {
-            if (typeof className !== 'string') continue
-
-            className = className.trim()
-
-            if (!className) continue
-
-            const index = this.indexOf(className)
-            if (index >= 0) {
-                this.splice(index, 1)
-                isUpdate = true
-            }
-        }
-
-        if (isUpdate) this.$_doUpdate()
-    },
-
-    toggle(className, force) {
-        if (typeof className !== 'string') return false
-
-        className = className.trim()
-
-        if (!className) return false
-
-        const isNotContain = this.indexOf(className) === -1
-        let action = isNotContain ? 'add' : 'remove'
-        action = force === true ? 'add' : force === false ? 'remove' : action
-
-        if (action === 'add') {
-            this.add(className)
-        } else {
-            this.remove(className)
-        }
-
-        return force === true || force === false ? force : isNotContain
-    },
-
-    toString() {
-        return this.join(' ')
-    },
-})
-
-module.exports = ClassList

package/template/dist/mp/miniprogram_npm/miniprogram-render/node/comment.js

@@ -1,80 +0,0 @@
-const Node = require('./node')
-const tool = require('../util/tool')
-const Pool = require('../util/pool')
-const cache = require('../util/cache')
-
-const pool = new Pool()
-
-class Comment extends Node {
-    /**
-     * 创建实例
-     */
-    static $$create(options, tree) {
-        const config = cache.getConfig()
-
-        if (config.optimization.commentMultiplexing) {
-            // 复用 comment 节点
-            const instance = pool.get()
-
-            if (instance) {
-                instance.$$init(options, tree)
-                return instance
-            }
-        }
-
-        return new Comment(options, tree)
-    }
-
-    /**
-     * 覆写父类的 $$init 方法
-     */
-    $$init(options, tree) {
-        options.type = 'comment'
-
-        super.$$init(options, tree)
-    }
-
-    /**
-     * 回收实例
-     */
-    $$recycle() {
-        this.$$destroy()
-
-        const config = cache.getConfig()
-
-        if (config.optimization.commentMultiplexing) {
-            // 复用 comment 节点
-            pool.add(this)
-        }
-    }
-
-    /**
-     * 对应的 dom 信息
-     */
-    get $$domInfo() {
-        return {
-            nodeId: this.$_nodeId,
-            pageId: this.$_pageId,
-            type: this.$_type,
-        }
-    }
-
-    /**
-     * 对外属性和方法
-     */
-    get nodeName() {
-        return '#comment'
-    }
-
-    get nodeType() {
-        return Node.COMMENT_NODE
-    }
-
-    cloneNode() {
-        return this.ownerDocument.$$createComment({
-            nodeId: `b-${tool.getId()}`, // 运行时生成，使用 b- 前缀
-        })
-    }
-}
-
-module.exports = Comment

package/template/dist/mp/miniprogram_npm/miniprogram-render/node/element/a.js

@@ -1,165 +0,0 @@
-const Element = require('../element')
-const Location = require('../../bom/location')
-const cache = require('../../util/cache')
-const Pool = require('../../util/pool')
-const tool = require('../../util/tool')
-
-const pool = new Pool()
-
-class HTMLAnchorElement extends Element {
-    /**
-     * 创建实例
-     */
-    static $$create(options, tree) {
-        const config = cache.getConfig()
-
-        if (config.optimization.elementMultiplexing) {
-            // 复用 element 节点
-            const instance = pool.get()
-
-            if (instance) {
-                instance.$$init(options, tree)
-                return instance
-            }
-        }
-
-        return new HTMLAnchorElement(options, tree)
-    }
-
-    /**
-     * 覆写父类的 $$init 方法
-     */
-    $$init(options, tree) {
-        super.$$init(options, tree)
-
-        this.$_protocol = 'http:'
-        this.$_hostname = ''
-        this.$_port = ''
-        this.$_pathname = '/'
-        this.$_search = ''
-        this.$_hash = ''
-    }
-
-    /**
-     * 覆写父类的 $$destroy 方法
-     */
-    $$destroy() {
-        super.$$destroy()
-
-        this.$_protocol = null
-        this.$_hostname = null
-        this.$_port = null
-        this.$_pathname = null
-        this.$_search = null
-        this.$_hash = null
-    }
-
-    /**
-     * 覆写父类的回收实例方法
-     */
-    $$recycle() {
-        this.$_children.forEach(child => child.$$recycle())
-        this.$$destroy()
-
-        const config = cache.getConfig()
-
-        if (config.optimization.elementMultiplexing) {
-            // 复用 element 节点
-            pool.add(this)
-        }
-    }
-
-    /**
-     * 调用 $_generateHtml 接口时用于处理额外的属性，
-     */
-    $$dealWithAttrsForGenerateHtml(html, node) {
-        const href = node.href
-        if (href) html += ` href="${tool.escapeForHtmlGeneration(href)}"`
-
-        const target = node.target
-        if (target) html += ` target="${tool.escapeForHtmlGeneration(target)}"`
-
-        return html
-    }
-
-    /**
-     * 调用 outerHTML 的 setter 时用于处理额外的属性
-     */
-    $$dealWithAttrsForOuterHTML(node) {
-        this.href = node.href || ''
-        this.target = node.target || ''
-    }
-
-    /**
-     * 调用 cloneNode 接口时用于处理额外的属性
-     */
-    $$dealWithAttrsForCloneNode() {
-        return {
-            href: this.href,
-            target: this.target,
-        }
-    }
-
-    /**
-     * 对外属性和方法
-     */
-    get href() {
-        return this.$_attrs.get('href')
-    }
-
-    set href(value) {
-        value = '' + value
-
-        if (value.indexOf('//') === -1) {
-            const {origin} = cache.getConfig()
-            value = origin + (value[0] === '/' ? value : `/${value}`)
-        }
-
-        this.$_attrs.set('href', value)
-        const {
-            protocol, hostname, port, pathname, search, hash
-        } = Location.$$parse(value)
-
-        this.$_protocol = protocol || this.$_protocol
-        this.$_hostname = hostname || this.$_hostname
-        this.$_port = port || ''
-        this.$_pathname = pathname || '/'
-        this.$_search = search || ''
-        this.$_hash = hash || ''
-    }
-
-    get protocol() {
-        return this.$_protocol
-    }
-
-    get hostname() {
-        return this.$_hostname
-    }
-
-    get port() {
-        return this.$_port
-    }
-
-    get pathname() {
-        return this.$_pathname
-    }
-
-    get search() {
-        return this.$_search
-    }
-
-    get hash() {
-        return this.$_hash
-    }
-
-    get target() {
-        return this.$_attrs.get('target')
-    }
-
-    set target(value) {
-        value = '' + value
-        this.$_attrs.set('target', value)
-    }
-}
-
-module.exports = HTMLAnchorElement