waibu-mpa/lib/build-page/attrs-mutation.js

MPA support for Waibu Framework

async function parseAttr ({ $, el, req } = {}) {
  const { routePath } = this.app.waibu
  const { map, isString, isEmpty } = this.app.lib._
  const { attrToArray } = this.app.waibu

  // const ns = get(req, 'routeOptions.config.ns')
  const deleted = []
  el.attribs = el.attribs ?? {}
  const parent = $(el).parent()
  for (const key in el.attribs) {
    const val = el.attribs[key]
    if (val === 'undefined') {
      deleted.push(key)
      continue
    }
    // parse urls
    if (!(parent.length > 0 && ['code', 'pre'].includes(parent[0].name)) &&
      (['href', 'src', 'action'].includes(key) || key.includes('-href')) &&
      !(val.slice(1, 3) === '%=' && val[val.length - 2] === '%')) {
      el.attribs['o' + key] = val
      try {
        let [link, params] = val.split('|')
        if (!isEmpty(params)) params = this.parseAttribs(params, { trimValue: false, delimiter: ';' })
        el.attribs[key] = routePath(link, { params })
      } catch (err) {
      }
    }
    // translate
    if (key.slice(0, 2) === 't:') {
      const value = map(attrToArray(val, '|'), (v, idx) => {
        if (idx > 0) v = req.t(v)
        return v
      })
      el.attribs[key.slice(2)] = req.t(...value)
      delete el.attribs[key]
    }
    // open modal/offcanvas etc
    if (isString(el.attribs[key])) {
      const val = el.attribs[key]
      if (key === 'open') {
        const [id, type = 'modal'] = val.split(':')
        el.attribs['data-bs-target'] = `#${id}`
        el.attribs['data-bs-toggle'] = type === 'drawer' ? 'offcanvas' : type
        el.attribs['aria-controls'] = id
        delete el.attribs[key]
      } else if (key === 'open-tab') {
        el.attribs.onclick = `window.open('${val}', '_blank')`
      } else if (key === 'open-url') {
        el.attribs.onclick = `window.location.href = '${val}'`
      } else if (key === 'open-fn') {
        let [action, ...args] = val.split(':')
        let [ns, method] = action.split('.')
        if (!method) {
          method = ns
          ns = 'window'
        }
        args = args.map(item => `'${item}'`)
        el.attribs.onclick = `${ns}['${method}'](${args.join(', ')}); document.body.click()`
      }
    }
  }
  if (deleted.length > 0) {
    for (const d of deleted) {
      delete el.attribs[d]
    }
  }
}

async function attrsMutation ({ $, el, req } = {}) {
  const me = this
  const children = $(el).children()
  if (children.length > 0) {
    for (const child of children) {
      await attrsMutation.call(me, { $, el: child, req })
      await parseAttr.call(me, { $, el: child, req })
    }
  }
}

export default attrsMutation