@cloudbase/framework-plugin-low-code 0.6.32 → 0.6.35

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

@@ -1,140 +0,0 @@
-const EventTarget = require('../event/event-target')
-const cache = require('../util/cache')
-
-class Node extends EventTarget {
-    /**
-     * 覆写父类的 $$init 方法
-     */
-    $$init(options, tree) {
-        super.$$init()
-
-        this.$_nodeId = options.nodeId // 唯一标识
-        this.$_type = options.type
-        this.$_parentNode = null
-        this.$_tree = tree
-        this.$_pageId = tree.pageId
-    }
-
-    /**
-     * 覆写父类的 $$destroy 方法
-     */
-    $$destroy() {
-        super.$$destroy()
-
-        this.$_nodeId = null
-        this.$_type = null
-        this.$_parentNode = null
-        this.$_tree = null
-        this.$_pageId = null
-    }
-
-    /**
-     * 内部 nodeId
-     */
-    get $$nodeId() {
-        return this.$_nodeId
-    }
-
-    /**
-     * 内部 pageId
-     */
-    get $$pageId() {
-        return this.$_pageId
-    }
-
-    /**
-     * 更新 parentNode
-     */
-    $$updateParent(parentNode = null) {
-        this.$_parentNode = parentNode
-    }
-
-    /**
-     * 对外属性和方法
-     */
-    get parentNode() {
-        return this.$_parentNode
-    }
-
-    get nodeValue() {
-        return null
-    }
-
-    get previousSibling() {
-        const childNodes = this.parentNode && this.parentNode.childNodes || []
-        const index = childNodes.indexOf(this)
-
-        if (index > 0) {
-            return childNodes[index - 1]
-        }
-
-        return null
-    }
-
-    get previousElementSibling() {
-        const childNodes = this.parentNode && this.parentNode.childNodes || []
-        const index = childNodes.indexOf(this)
-
-        if (index > 0) {
-            for (let i = index - 1; i >= 0; i--) {
-                if (childNodes[i].nodeType === Node.ELEMENT_NODE) {
-                    return childNodes[i]
-                }
-            }
-        }
-
-        return null
-    }
-
-    get nextSibling() {
-        const childNodes = this.parentNode && this.parentNode.childNodes || []
-        const index = childNodes.indexOf(this)
-
-        return childNodes[index + 1] || null
-    }
-
-    get nextElementSibling() {
-        const childNodes = this.parentNode && this.parentNode.childNodes || []
-        const index = childNodes.indexOf(this)
-
-        if (index < childNodes.length - 1) {
-            for (let i = index + 1, len = childNodes.length; i < len; i++) {
-                if (childNodes[i].nodeType === Node.ELEMENT_NODE) {
-                    return childNodes[i]
-                }
-            }
-        }
-
-        return null
-    }
-
-    get ownerDocument() {
-        return cache.getDocument(this.$_pageId) || null
-    }
-
-    get childNodes() {
-        return []
-    }
-
-    hasChildNodes() {
-        return false
-    }
-
-    remove() {
-        if (!this.parentNode || !this.parentNode.removeChild) return this
-
-        return this.parentNode.removeChild(this)
-    }
-}
-
-// 静态属性
-Node.ELEMENT_NODE = 1
-Node.TEXT_NODE = 3
-Node.CDATA_SECTION_NODE = 4
-Node.PROCESSING_INSTRUCTION_NODE = 7
-Node.COMMENT_NODE = 8
-Node.DOCUMENT_NODE = 9
-Node.DOCUMENT_TYPE_NODE = 10
-Node.DOCUMENT_FRAGMENT_NODE = 11
-
-module.exports = Node

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

@@ -1,28 +0,0 @@
-/**
- * 支持的样式属性列表，默认只包含常用的样式属性
- */
-
-module.exports = [
-    'position', 'top', 'bottom', 'right', 'left', 'float', 'clear',
-    'display', 'width', 'height', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'flex', 'flexBasis', 'flexGrow', 'flexShrink', 'flexDirection', 'flexWrap', 'justifyContent', 'alignItems', 'order',
-    'padding', 'paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop',
-    'margin', 'marginBottom', 'marginLeft', 'marginRight', 'marginTop',
-
-    'background', 'backgroundClip', 'backgroundColor', 'backgroundImage', 'backgroundOrigin', 'backgroundPosition', 'backgroundRepeat', 'backgroundSize',
-    'border', 'borderRadius', 'borderBottomColor', 'borderBottomLeftRadius', 'borderBottomRightRadius', 'borderBottomStyle', 'borderBottomWidth', 'borderCollapse', 'borderImageOutset', 'borderImageRepeat', 'borderImageSlice', 'borderImageSource', 'borderImageWidth', 'borderLeftColor', 'borderLeftStyle', 'borderLeftWidth', 'borderRightColor', 'borderRightStyle', 'borderRightWidth', 'borderTopColor', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderTopStyle', 'borderTopWidth',
-    'borderTop', 'borderBottom', 'borderRight', 'borderLeft',
-    'outline', 'borderWidth', 'borderStyle', 'borderColor',
-
-    'animation', 'animationDelay', 'animationDirection', 'animationDuration', 'animationFillMode', 'animationIterationCount', 'animationName', 'animationPlayState', 'animationTimingFunction',
-    'transition', 'transitionDelay', 'transitionDuration', 'transitionProperty', 'transitionTimingFunction',
-    'transform', 'transformOrigin', 'perspective', 'perspectiveOrigin', 'backfaceVisibility',
-
-    'font', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight',
-    'color', 'textAlign', 'textDecoration', 'textIndent', 'textRendering', 'textShadow', 'textOverflow', 'textTransform',
-    'wordBreak', 'wordSpacing', 'wordWrap', 'lineHeight', 'letterSpacing', 'whiteSpace', 'userSelect',
-
-    'visibility', 'opacity', 'zIndex', 'zoom', 'overflow', 'overflowX', 'overflowY',
-    'boxShadow', 'boxSizing', 'content', 'cursor', 'direction', 'listStyle', 'objectFit', 'pointerEvents', 'resize', 'verticalAlign', 'willChange', 'clip', 'clipPath', 'fill',
-
-    'touchAction', 'WebkitAppearance'
-]

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

@@ -1,158 +0,0 @@
-const styleList = require('./style-list')
-const tool = require('../util/tool')
-const Pool = require('../util/pool')
-const cache = require('../util/cache')
-
-const pool = new Pool()
-
-/**
- * 解析样式串
- */
-function parse(styleText) {
-    const rules = {}
-
-    if (styleText) {
-        styleText = tool.decodeContent(styleText)
-        styleText = styleText.replace(/url\([^)]+\)/ig, all => all.replace(/;/ig, ':#||#:')) // 先处理值里面的分号
-        styleText.split(';').forEach(rule => {
-            rule = rule.trim()
-            if (!rule) return
-
-            const split = rule.indexOf(':')
-            if (split === -1) return
-
-            const name = tool.toCamel(rule.substr(0, split).trim())
-            rules[name] = rule.substr(split + 1).replace(/:#\|\|#:/ig, ';').trim()
-        })
-    }
-
-    return rules
-}
-
-class Style {
-    constructor(onUpdate) {
-        this.$$init(onUpdate)
-    }
-
-    /**
-     * 创建实例
-     */
-    static $$create(onUpdate) {
-        const config = cache.getConfig()
-
-        if (config.optimization.domExtendMultiplexing) {
-            // 复用 dom 扩展对象
-            const instance = pool.get()
-
-            if (instance) {
-                instance.$$init(onUpdate)
-                return instance
-            }
-        }
-
-        return new Style(onUpdate)
-    }
-
-    /**
-     * 初始化实例
-     */
-    $$init(onUpdate) {
-        this.$_doUpdate = onUpdate || (() => {})
-        this.$_disableCheckUpdate = false // 是否禁止检查更新
-    }
-
-    /**
-     * 销毁实例
-     */
-    $$destroy() {
-        this.$_doUpdate = null
-        this.$_disableCheckUpdate = false
-
-        styleList.forEach(name => {
-            this[`$_${name}`] = undefined
-        })
-    }
-
-    /**
-     * 回收实例
-     */
-    $$recycle() {
-        this.$$destroy()
-
-        const config = cache.getConfig()
-
-        if (config.optimization.domExtendMultiplexing) {
-            // 复用 dom 扩展对象
-            pool.add(this)
-        }
-    }
-
-    /**
-     * 检查更新
-     */
-    $_checkUpdate() {
-        if (!this.$_disableCheckUpdate) {
-            this.$_doUpdate()
-        }
-    }
-
-    /**
-     * 对外属性和方法
-     */
-    get cssText() {
-        const joinText = styleList.filter(name => this[`$_${name}`]).map(name => `${tool.toDash(name)}:${this['$_' + name]}`).join(';').trim()
-        return joinText ? `${joinText};` : ''
-    }
-
-    set cssText(styleText) {
-        if (typeof styleText !== 'string') return
-
-        styleText = styleText.replace(/"/g, '\'')
-
-        // 解析样式
-        const rules = parse(styleText)
-
-        this.$_disableCheckUpdate = true // 将每条规则的设置合并为一次更新
-        for (const name of styleList) {
-            this[name] = rules[name]
-        }
-        this.$_disableCheckUpdate = false
-        this.$_checkUpdate()
-    }
-
-    getPropertyValue(name) {
-        if (typeof name !== 'string') return ''
-
-        name = tool.toCamel(name)
-        return this[name] || ''
-    }
-}
-
-/**
- * 设置各个属性的 getter、setter
- */
-const properties = {}
-styleList.forEach(name => {
-    properties[name] = {
-        get() {
-            return this[`$_${name}`] || ''
-        },
-        set(value) {
-            const config = cache.getConfig()
-            const oldValue = this[`$_${name}`]
-            value = value !== undefined ? '' + value : undefined
-
-            // 判断 value 是否需要删减
-            if (value && config.optimization.styleValueReduce && value.length > config.optimization.styleValueReduce) {
-                console.warn(`property "${name}" will be deleted, because it's greater than ${config.optimization.styleValueReduce}`)
-                value = undefined
-            }
-
-            this[`$_${name}`] = value
-            if (oldValue !== value) this.$_checkUpdate()
-        },
-    }
-})
-Object.defineProperties(Style.prototype, properties)
-
-module.exports = Style

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

@@ -1,127 +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 TextNode extends Node {
-    /**
-     * 创建实例
-     */
-    static $$create(options, tree) {
-        const config = cache.getConfig()
-
-        if (config.optimization.textMultiplexing) {
-            // 复用 text 节点
-            const instance = pool.get()
-
-            if (instance) {
-                instance.$$init(options, tree)
-                return instance
-            }
-        }
-
-        return new TextNode(options, tree)
-    }
-
-    /**
-     * 覆写父类的 $$init 方法
-     */
-    $$init(options, tree) {
-        options.type = 'text'
-
-        super.$$init(options, tree)
-
-        this.$_content = options.content || ''
-    }
-
-    /**
-     * 覆写父类的 $$destroy 方法
-     */
-    $$destroy() {
-        super.$$destroy()
-
-        this.$_content = ''
-    }
-
-    /**
-     * 回收实例
-     */
-    $$recycle() {
-        this.$$destroy()
-
-        const config = cache.getConfig()
-
-        if (config.optimization.textMultiplexing) {
-            // 复用 text 节点
-            pool.add(this)
-        }
-    }
-
-    /**
-     * 更新父组件树
-     */
-    $_triggerParentUpdate() {
-        if (this.parentNode) this.parentNode.$$trigger('$$childNodesUpdate')
-    }
-
-    /**
-     * 对应的 dom 信息
-     */
-    get $$domInfo() {
-        return {
-            nodeId: this.$_nodeId,
-            pageId: this.$_pageId,
-            type: this.$_type,
-            content: this.$_content,
-        }
-    }
-
-    /**
-     * 对外属性和方法
-     */
-    get nodeName() {
-        return '#text'
-    }
-
-    get nodeType() {
-        return Node.TEXT_NODE
-    }
-
-    get nodeValue() {
-        return this.textContent
-    }
-
-    set nodeValue(value) {
-        this.textContent = value
-    }
-
-    get textContent() {
-        return this.$_content
-    }
-
-    set textContent(value) {
-        value += ''
-
-        this.$_content = value
-        this.$_triggerParentUpdate()
-    }
-
-    get data() {
-        return this.textContent
-    }
-
-    set data(value) {
-        this.textContent = value
-    }
-
-    cloneNode() {
-        return this.ownerDocument.$$createTextNode({
-            content: this.$_content,
-            nodeId: `b-${tool.getId()}`, // 运行时生成，使用 b- 前缀
-        })
-    }
-}
-
-module.exports = TextNode