textVnode.js

import { h } from 'snabbdom'
import { toVNode } from 'snabbdom/tovnode'
import { symbolAttr } from '~/config'
import textEditBlur from '~/event/textEditBlur'
import getCurrentNodeData from '~/opera/getCurrentNodeData'
export default function(v) {
    let options = this.config
    let {name, key, isOpen, checked, children, disabled, isLeaf} = options.request
    let node =null
    if(options.customText){
        let customStr = options.customText(getCurrentNodeData.call(this, v)).trim()
        let customArr = customStr.split(/\%\<[\w|\W]+\>\%/)
        let customEl = document.createElement('span')
        customEl.innerHTML = customStr.replace(/\%\<[\w|\W]+\>\%/, "")
    }
    let fn = () => {
        if(!options.customText) return v[name]
        let customStr = options.customText(getCurrentNodeData.call(this, v)).trim()
        let customEl = document.createElement('span')
        customEl.innerHTML = customStr
        let nodeArr = []
        for(let i = 0;i<customEl.childNodes.length;i++){
            nodeArr.push(toVNode(customEl.childNodes[i]))
        }
        return nodeArr
    }
    node = v[symbolAttr.editNodeType] 
        ? h('input.eleTree-text_edit',{
                props: { type: 'text', value: v[name] },
                on: {
                    blur: [textEditBlur, this, v],
                    keypress: [textEditBlur, this, v],
                }
            })
        : h('span.eleTree-text',{
            style: v[symbolAttr.isPasteNode] ? {color: '#aaa'} : {}
        }, fn())
    
    // console.log(node)
    return node
}