waibu-bootstrap 2.11.0 → 2.12.1

package/extend/waibuMpa/theme/component/widget/_lib.js

@@ -19,11 +19,13 @@ async function getInputAttr (group, formControl = true, ro) {
   if (has(attr, 'name') && !has(attr, 'value')) {
     if (ro) attr.value = this.formData[attr.name]
     else {
-      const prop = this.getProp(attr.name)
+      const prop = this.getProp(attr.name) ?? {}
       attr.dataType = attr.dataType ?? prop.type
       attr.dataValue = this.formData[attr.name]
       if (prop.values) {
-        attr.options = (isString(prop.values) ? await callHandler(prop.values) : [...prop.values]).map(v => buildOptions(v, prop))
+        if (this.model) attr.options = await this.model.buildPropValues(prop, { req })
+        else attr.options = (isString(prop.values) ? await callHandler(prop.values) : [...prop.values]).map(v => buildOptions(v, prop))
+        attr.options = attr.options.map(v => buildOptions(v, prop))
       } else if (isPlainObject(attr.dataValue)) {
         attr.dataValue = JSON.stringify(attr.dataValue)
         attr.value = attr.dataValue

package/extend/waibuMpa/theme/component/widget/form-input.js

@@ -2,7 +2,7 @@ import { buildFormHint, buildFormLabel, buildFormInput } from './_lib.js'
 import { sizes } from '../method/after-build-tag/_lib.js'
 
 export async function handleInput ({ handler, group } = {}) {
-  const { trim, filter, has, omit, pull, find, get } = this.app.lib._
+  const { trim, filter, has, omit, pull, find, get, isEmpty } = this.app.lib._
   const { attrToArray } = this.app.waibu
   const { $ } = this.component
   const addons = [...(this.params.addons ?? [])]
@@ -13,6 +13,14 @@ export async function handleInput ({ handler, group } = {}) {
     group._.placeholder = group._.label
     group._ = omit(group._, ['rows'])
   }
+  let errMsg = ''
+  if (group._.name) {
+    const details = get(this, 'component.locals.error.details', [])
+    const err = find(details, { field: group._.name })
+    if (err) {
+      errMsg = `\n<div class="invalid-feedback d-block">${err.error}</div>`
+    }
+  }
   $(`<div>${trim(this.params.html ?? '')}</div>`).find('[addon]').each(function () {
     const position = this.attribs.addon
     let html = trim($(this).html())
@@ -25,14 +33,7 @@ export async function handleInput ({ handler, group } = {}) {
     append: [],
     input: await handler.call(this, group)
   }
-  if (group._.name) {
-    const details = get(this, 'component.locals.error.details', [])
-    const err = find(details, { field: group._.name })
-    if (err) {
-      result.input = $(result.input).addClass('is-invalid').prop('outerHTML')
-      result.input += `\n<div class="invalid-feedback">${err.error}</div>`
-    }
-  }
+  if (!isEmpty(errMsg)) result.input = $(result.input).addClass('is-invalid').prop('outerHTML')
   const el = {
     prepend: filter(addons, { position: 'prepend' }),
     append: filter(addons, { position: 'append' })
@@ -62,6 +63,7 @@ export async function handleInput ({ handler, group } = {}) {
   if (isLabelFloating) {
     pull(group.wrapper.class, 'form-floating')
     group.wrapper.class.push('input-group')
+    if (!isEmpty(errMsg)) group.wrapper.class.push('has-validation')
     if (group._.size && sizes.includes(group._.size)) group.wrapper.class.push(`input-group-${group._.size}`)
     const _attr = { class: ['form-floating'] }
     const html = []
@@ -69,15 +71,18 @@ export async function handleInput ({ handler, group } = {}) {
     if (result.prepend.length > 0) html.push(result.prepend.join('\n'))
     html.push(await this.component.render({ tag: 'div', attr: _attr, html: `${result.input}\n${label}\n${hint}` }))
     if (result.append.length > 0) html.push(result.append.join('\n'))
+    html.push(errMsg)
     contents.push(html.join('\n'))
   } else {
     const _attr = { class: ['input-group'] }
+    if (!isEmpty(errMsg)) _attr.class.push('has-validation')
     if (group._.size && sizes.includes(group._.size)) _attr.class.push(`input-group-${group._.size}`)
     const html = []
     if (result.prepend.length > 0) html.push(result.prepend.join('\n'))
     html.push(result.input)
     if (result.append.length > 0) html.push(result.append.join('\n'))
-    contents.push(await this.component.render({ tag: 'div', attr: _attr, html: html.join('\n') }), hint)
+    const item = await this.component.render({ tag: 'div', attr: _attr, html: html.join('\n') + '\n' + hint })
+    contents.push(item, errMsg)
   }
   return contents
 }

package/extend/waibuMpa/theme/component/widget/form-plaintext.js

@@ -3,8 +3,29 @@ import { build } from './form-input.js'
 
 async function formPlaintext () {
   return class FormPlaintext extends this.app.baseClass.MpaWidget {
-    build = async () => {
+    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
@@ -19,10 +40,8 @@ async function formPlaintext () {
         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 = format ? await format.call(this, value, this.formData, { req }) : result
-          }
-        } else if (format) value = await format.call(this, value, this.formData, { req })
+          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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waibu-bootstrap",
-  "version": "2.11.0",
+  "version": "2.12.1",
   "description": "Bootstrap suport for Waibu Framework",
   "main": "index.js",
   "scripts": {

package/wiki/CHANGES.md

@@ -1,9 +1,15 @@
 # Changes
 
+## 2026-06-03
+
+- [2.12.1] Bug fix in ```_lib.getInputAttr()```
+- [2.12.1] Bug fix in ```form-input``` widget
+
 ## 2026-06-01
 
 - [2.11.0] Remove ```params``` on all widget since it already there through ```this.params```
 - [2.11.0] Add feature to add addons on all form inputs through schema
+- [2.12.0] Tranform ```form-plaintext``` html as href addon if it contains link information
 
 ## 2026-05-25