waibu-bootstrap/extend/waibuMpa/theme/component/widget/form-plaintext.js

Bootstrap suport for Waibu Framework

import { buildFormPlaintext } from './_lib.js'
import { build } from './form-input.js'

async function formPlaintext () {
  return class FormPlaintext extends this.app.baseClass.MpaWidget {
    reformat = async (format, value) => {
      if (!format) return value
      const { isPlainObject } = this.app.lib._
      const { req } = this.component
      const formatted = await format.call(this, value, this.formData, { req })
      if (isPlainObject(formatted)) {
        value = formatted.value
        if (formatted.href) {
          this.params.addons = this.params.addons ?? []
          const position = 'append'
          const attr = {
            icon: formatted.icon ?? 'link',
            'x-data': true,
            '@click': `location.href='${formatted.href}'`
          }
          const html = await this.component.buildTag({ tag: 'btn', attr })
          this.params.addons.push({ position, html })
        }
      } else value = formatted
      return value
    }

    build = async () => {
      const { isEmpty, get } = this.app.lib._
      const { escape } = this.app.waibu
      this.params.attr.disabled = true
      this.params.attr.background = 'color:secondary opacity:10'
      const { name } = this.params.attr
      if (this.params.attr.labelFloating) this.params.attr.class.push('border', 'rounded')
      if (!isEmpty(name) && isEmpty(this.params.attr.value)) {
        const prop = this.getProp(name)
        const dataValue = this.formData[name] ?? ''
        let value = get(this.oldData, `_fmt.${name}`, get(this.formData, `_fmt.${name}`, dataValue))
        const format = get(this.schema, `view.format.${name}`)
        const labelField = get(this.schema, `view.widget.${name}.attr.labelField`)
        if (prop.ref) {
          const result = this.getRefValue({ field: name, labelField, refName: this.getRefName(name) })
          if (result) value = await this.reformat(format, result)
        } else if (format) value = await this.reformat(format, value)
        this.params.attr.dataValue = escape(dataValue)
        this.params.attr.value = value
        this.params.attr.dataType = prop.type
      }
      await build.call(this, buildFormPlaintext)
    }
  }
}

export default formPlaintext