@antmove/wx-alipay/component/processRelations.js

transform wechat miniprogram to alipay miniprogram tool.

const config = require('../config')

const prefix = 'saveChildRef'


function createProp(value) {
  return {
    type: 'unknown',
    value: [value],
  }
}
class Node {
  constructor(opts = {}) {
    this.$id = opts.nodeId
    this.$opts = opts
    this.$children = []
    this.$parent = null

    this.$render = function() {}
  }

  appendChild(child) {
    this.$children.push(child)
    child.$parent = this
  }

  removeChild(child) {
    this.$children = this.$children.filter((c) => {
      return c.$id !== child.$id
    })
  }

  toString() {
    const str = createNodeStr(this.$id, this.toChildString())
    return str
  }

  toChildString() {
    let _childStr = ''
    this.$children.forEach((child, i) => {
      _childStr += createNodeStr(child.$id, child.toChildString())
      if (i < (this.$children.length - 1)) {
        _childStr += ','
      }
    })
    return _childStr
  }

  toJsFile() {
    return `${this.toString()}`
  }
}

function createNodeStr(id, childStr = '') {
  return `
    {
        id: '${id}',
        children: [${childStr}]
    }
    `
}
module.exports = function(ast, fileInfo) {
  ast = ast || {}
  const type = ast.type || ''
  const nodeId = fileInfo.nodeId++
  const renderFnId = prefix + nodeId

  ast.props = ast.props || {}

  if (config.component2) {
    ast.props.ref = createProp(renderFnId)
  } else {
    ast.props.onChildRef = createProp(renderFnId)
  }

  return new Node({
    type,
    nodeId: renderFnId,
  })
}