waibu-db 1.0.1 → 1.0.2

package/waibuBootstrap/theme/component/btn-export.js

@@ -1,129 +0,0 @@
-async function btnExport (params = {}) {
-  const { isEmpty, get } = this.plugin.app.bajo.lib._
-  params.noTag = true
-  const schema = get(this, 'locals.schema', {})
-  if (schema.view.disabled.includes('find')) {
-    params.html = ''
-    return
-  }
-  if (isEmpty(params.attr.launch)) params.attr.launch = this.req.t('Export')
-  params.attr.launchColor = params.attr.launchColor ?? 'secondary-outline'
-  params.attr.title = this.req.t('Data Export')
-  const html = await this.buildSentence(`
-    <c:div x-data="{
-      delivery: 'clipboard',
-      options: [],
-      ftype: 'json',
-      toggle (val) {
-        if (val === 'clipboard') {
-          $refs.zip.setAttribute('disabled', '')
-          $refs.xlsx.setAttribute('disabled', '')
-          $refs.xml.setAttribute('disabled', '')
-          _.pull(this.options, 'zip')
-          if (!['json', 'csv'].includes(this.ftype)) this.ftype = 'json'
-        } else {
-          $refs.zip.removeAttribute('disabled')
-          $refs.xlsx.removeAttribute('disabled')
-          $refs.xml.removeAttribute('disabled')
-        }
-      },
-      extractForm (selector) {
-        let item = {}
-        const els = document.querySelectorAll(selector + ' [data-value]')
-        for (const el of els) {
-          const value = this.options.includes('fvalue') ? el.getAttribute('value') : wmpa.parseValue(el.dataset.value, el.dataset.type)
-          let key = el.getAttribute('name')
-          if (this.options.includes('fkey')) {
-            try {
-              const elLabel = document.querySelector('label[for=' + el.getAttribute('id') + ']')
-              key = elLabel.innerText
-            } catch (err) {}
-          }
-          item[key] = value
-        }
-        return this.ftype === 'csv' ? CSVJSON.json2csv(item) : JSON.stringify(item)
-      },
-      extractTable (selector) {
-        let items = []
-        let checker = false
-        const keys = []
-        const types = []
-        let els = document.querySelectorAll(selector + ' thead th')
-        for (const el of els) {
-          keys.push(this.options.includes('fkey') ? el.innerText : el.dataset.key)
-          types.push(el.dataset.type)
-        }
-        if (_.isEmpty(keys[0])) {
-          checker = true
-          keys.shift()
-          types.shift()
-        }
-        els = document.querySelectorAll(selector + ' tbody tr')
-        for (const el of els) {
-          let data = []
-          _.each(el.children, (v, i) => {
-            if ((i + '') === '0' && checker) return undefined
-            data.push(this.options.includes('fvalue') ? v.innerText : wmpa.parseValue(v.dataset.value, types[parseInt(i - 1)]))
-          })
-          const item = {}
-          for (const i in keys) {
-            item[keys[i]] = data[i]
-          }
-          items.push(item)
-        }
-        return this.ftype === 'csv' ? CSVJSON.json2csv(items) : JSON.stringify(items)
-      },
-      async submit () {
-        const instance = wbs.getInstance('Modal', $refs.export)
-        const handler = '${params.attr.handler ?? ''}'
-        if (this.delivery === 'clipboard') {
-          const selector = '${params.attr.selector}'
-          if (_.isEmpty(selector)) {
-            await wbs.notify('Cant get data selector', { type: 'danger' })
-          } else {
-            const item = handler === 'list' ? this.extractTable(selector) : this.extractForm(selector)
-            await wbs.copyToClipboard(item)
-          }
-          instance.hide()
-          return
-        }
-        wmpa.postForm({ options: this.options.join(','), ftype: this.ftype, handler }, '${this._buildUrl({ base: 'export' })}')
-        instance.hide()
-      }
-    }" x-init="
-      toggle(delivery)
-      $watch('delivery', val => toggle(val))
-    ">
-      <c:grid-row gutter="2">
-        <c:grid-col col="6-md">
-          <c:fieldset t:legend="Delivery" legend-type="6">
-            <c:form-radio x-model="delivery" value="file" t:label="Save as File" />
-            <c:form-radio x-model="delivery" value="clipboard" t:label="Copy to Clipboard" />
-          </c:fieldset>
-          <c:fieldset t:legend="Options" legend-type="6" margin="top-2">
-            <c:form-check x-ref="fkey" x-model="options" value="fkey" t:label="Formatted Field" />
-            <c:form-check x-ref="fvalue" x-model="options" value="fvalue" t:label="Formatted Value" />
-            <c:form-check x-ref="zip" x-model="options" value="zip" t:label="Zipped" />
-          </c:fieldset>
-        </c:grid-col>
-        <c:grid-col col="6-md">
-          <c:fieldset t:legend="File Type" legend-type="6">
-            <c:form-radio x-ref="xlsx" x-model="ftype" value="xlsx" t:label="Excel XLSX" />
-            <c:form-radio x-ref="csv" x-model="ftype" value="csv" t:label="CSV" />
-            <c:form-radio x-ref="xml" x-model="ftype" value="xml" t:label="XML" />
-            <c:form-radio x-ref="json" x-model="ftype" value="json" t:label="JSON" />
-          </c:fieldset />
-        </c:grid-col>
-      </c:grid-row>
-      <c:div flex="justify-content:end" margin="top-3">
-        <c:btn color="secondary" t:content="Close" dismiss />
-        <c:btn color="primary" t:content="Submit" margin="start-2" @click="await submit()" />
-      </c:div>
-    </c:div>
-  `)
-  params.attr['x-data'] = true
-  params.attr['x-ref'] = 'export'
-  params.html = await this.buildTag({ tag: 'modal', attr: params.attr, html })
-}
-
-export default btnExport

package/waibuBootstrap/theme/component/echarts.js

@@ -1,58 +0,0 @@
-const defOption = {
-  grid: {
-    top: 8,
-    bottom: 20,
-    left: 25,
-    right: 0
-  }
-}
-
-const chart = {
-  scripts: [
-    '^waibuDb.virtual:/echarts/echarts.min.js'
-  ],
-  handler: async function (params = {}) {
-    const { defaultsDeep, generateId } = this.plugin.app.bajo
-    const { base64JsonDecode, jsonStringify } = this.plugin.app.waibuMpa
-    const { cloneDeep } = this.plugin.app.bajo.lib._
-    this._normalizeAttr(params, { tag: 'div' })
-    params.attr.dim = params.attr.dim ?? 'width:100 height:100'
-    params.attr.id = generateId('alpha')
-    params.attr['x-data'] = `chart${params.attr.id}`
-    params.attr['@resize.window.debounce.500ms'] = `
-      if (chart) {
-        chart.resize()
-      }
-    `
-    let option = cloneDeep(defOption)
-    if (params.attr.option === true) params.attr.option = 'e30='
-    if (params.attr.option) option = defaultsDeep(base64JsonDecode(params.attr.option), defOption)
-    params.attr['x-init'] = `
-      $watch('option', val => {
-        if (chart) chart.setOption(val)
-      })
-    `
-    params.append = `
-      <script>
-        document.addEventListener('alpine:init', () => {
-          Alpine.data('chart${params.attr.id}', () => {
-            let chart
-            return {
-              init () {
-                const el = document.getElementById('${params.attr.id}')
-                chart = echarts.init(el, null, { renderer: 'canvas' })
-                chart.setOption(this.option)
-              },
-              get chart () {
-                return chart
-              },
-              option: ${jsonStringify(option, true)}
-            }
-          })
-        })
-      </script>
-    `
-  }
-}
-
-export default chart

package/waibuBootstrap/theme/component/pagination.js

@@ -1,60 +0,0 @@
-export function getUrlOpts (params = {}) {
-  const { get } = this.plugin.app.bajo.lib._
-  return {
-    params,
-    excludes: [
-      get(this, 'plugin.app.waibu.config.qsKey.lang', 'lang'),
-      get(this, 'plugin.app.waibuMpa.config.darkMode.qsKey', 'dark-mode')
-    ]
-  }
-}
-
-async function pagination (params = {}) {
-  const { attrToObject, paginationLayout, groupAttrs } = this.plugin.app.waibuMpa
-  const { get, isNumber } = this.plugin.app.bajo.lib._
-  const schema = get(this, 'locals.schema', {})
-  if (schema.view.disabled.includes('find')) {
-    params.html = ''
-    return
-  }
-  let { count, limit, page } = attrToObject(params.attr.options)
-  count = count ?? get(this, 'locals.list.count', 0)
-  limit = limit ?? get(this, 'locals.list.limit', 25)
-  page = page ?? get(this, 'locals.list.page', 1)
-  const pages = paginationLayout(count, limit, page) ?? []
-  params.noTag = true
-  const group = groupAttrs(params.attr, ['pagination'])
-  const html = []
-  let icon
-  let attr
-  if (params.attr.first) {
-    icon = await this.buildTag({ tag: 'icon', attr: { name: params.attr.firstIcon ?? 'playSkipStart' } })
-    attr = { disabled: page <= pages[0], href: this._buildUrl(getUrlOpts.call(this, { page: 1 })) }
-    html.push(await this.buildTag({ tag: 'paginationItem', attr, html: icon }))
-  }
-  if (params.attr.prev) {
-    icon = await this.buildTag({ tag: 'icon', attr: { name: params.attr.prevIcon ?? 'playFastBackward' } })
-    attr = { disabled: page <= pages[0], href: this._buildUrl(getUrlOpts.call(this, { page: page - 1 })) }
-    html.push(await this.buildTag({ tag: 'paginationItem', attr, html: icon }))
-  }
-  if (!params.attr.noPages) {
-    for (const p of pages) {
-      attr = { disabled: p === '...', href: this._buildUrl(getUrlOpts.call(this, { page: p })), active: p === page }
-      html.push(await this.buildTag({ tag: 'paginationItem', attr, html: isNumber(p) ? this.req.format(p, 'integer') : p }))
-    }
-  }
-  if (params.attr.next) {
-    icon = await this.buildTag({ tag: 'icon', attr: { name: params.attr.nextIcon ?? 'playFastForward' } })
-    attr = { disabled: page >= pages[pages.length - 1], href: this._buildUrl(getUrlOpts.call(this, { page: page + 1 })) }
-    html.push(await this.buildTag({ tag: 'paginationItem', attr, html: icon }))
-  }
-  if (params.attr.last) {
-    icon = await this.buildTag({ tag: 'icon', attr: { name: params.attr.lastIcon ?? 'playSkipEnd' } })
-    attr = { disabled: page >= pages[pages.length - 1], href: this._buildUrl(getUrlOpts.call(this, { page: pages[pages.length - 1] })) }
-    html.push(await this.buildTag({ tag: 'paginationItem', attr, html: icon }))
-  }
-  params.attr = group.pagination
-  params.html = await this.buildTag({ tag: 'pagination', attr: params.attr, html: html.join('\n') })
-}
-
-export default pagination

package/waibuBootstrap/theme/component/query.js

@@ -1,137 +0,0 @@
-async function query (params = {}) {
-  const { generateId } = this.plugin.app.bajo
-  const { jsonStringify } = this.plugin.app.waibuMpa
-  const { find, get, without, isEmpty, filter, upperFirst } = this.plugin.app.bajo.lib._
-  const qsKey = this.plugin.app.waibu.config.qsKey
-  const schema = get(this, 'locals.schema', {})
-  if (schema.view.disabled.includes('find')) {
-    params.html = ''
-    return
-  }
-  let fields = without(get(this, `locals._meta.query.${qsKey.fields}`, '').split(','), '')
-  if (isEmpty(fields)) fields = schema.view.fields
-  fields = filter(fields, f => schema.sortables.includes(f))
-  const id = generateId('alpha')
-  const columns = []
-  const models = []
-  const selects = ['eq', 'neq', 'gt', 'gte', 'lt', 'lte', 'in', 'contains', 'starts', 'ends', '!in', '!contains', '!starts', '!ends']
-  for (const f of schema.view.fields) {
-    if (!fields.includes(f)) continue
-    const prop = find(schema.properties, { name: f })
-    const ops = []
-    if (['float', 'double', 'integer', 'smallint'].includes(prop.type)) ops.push('eq', 'neq', 'gt', 'gte', 'lt', 'lte')
-    else if (['datetime', 'date', 'time'].includes(prop.type)) ops.push('eq', 'neq', 'gt', 'gte', 'lt', 'lte')
-    else if (['boolean'].includes(prop.type)) ops.push('eq', 'neq')
-    else ops.push(...selects)
-    if (ops.length === 0) continue
-    const sels = ops.map(o => `<c:option>${o}</c:option>`)
-    models.push(`${f}Op: 'eq'`, `${f}Val: ''`)
-    columns.push(`
-      <c:grid-col col="4-md" flex="align-items:center">
-        <c:form-check x-model="selected" t:label="field.${f}" value="${f}" />
-      </c:grid-col>
-      <c:grid-col col="3-md">
-        <c:form-select x-model="${f}Op">
-          ${sels.join('\n')}
-        </c:form-select>
-      </c:grid-col>
-      <c:grid-col col="5-md">
-        <c:form-input x-model="${f}Val" />
-      </c:grid-col>
-    `)
-  }
-  params.noTag = true
-  const container = params.attr.modal ? 'modal' : 'drawer'
-  params.html = await this.buildSentence(`
-    <c:form-input type="search" t:placeholder="Query" id="${id}" x-data="{ query: '' }" x-init="
-      const url = new URL(window.location.href)
-      query = url.searchParams.get('${qsKey.query}') ?? ''
-    " x-model="query" @on-query.window="query = $event.detail ?? ''" @keyup.enter="$dispatch('on-submit')">
-      <c:form-input-addon>
-        <c:${container} launch-icon="${params.attr.icon ?? 'dotsThree'}" launch-on-end t:title="Query Builder" x-ref="query" x-data="{
-          fields: ${jsonStringify(fields, true)},
-          builder: '',
-          selected: [],
-          ${models.join(',\n')},
-          ops: { eq: ':', neq: ':-', gt: ':>', gte: ':>=', lt: ':<', lte: ':<=' },
-          opsIn (v, neg) { return ':' + (neg ? '-' : '') + '[' + this.expandArray(v) + ']' },
-          opsExt (v, neg, ext) {
-            let prefix = (neg ? '-' : '') + '~'
-            if (ext) prefix += ext
-            return ':' + prefix + '\\'' + v + '\\''
-          },
-          expandArray (val = '') {
-            return _.map(val.split(','), item => {
-              item = _.trim(item)
-              if (Number(item)) return item
-              return '\\'' + item + '\\''
-            })
-          },
-          rebuild () {
-            const items = []
-            for (const sel of this.selected) {
-              const key = this[sel + 'Op']
-              let val = this[sel + 'Val']
-              if (_.isEmpty(val)) continue
-              let item
-              if (key === 'in') item = this.opsIn(val)
-              else if (key === '!in') item = this.opsIn(val, true)
-              else if (key === 'contains') item = this.opsExt(val)
-              else if (key === '!contains') item = this.opsExt(val, true)
-              else if (key === 'starts') item = this.opsExt(val, false, '^')
-              else if (key === '!starts') item = this.opsExt(val, true, '^')
-              else if (key === 'ends') item = this.opsExt(val, false, '$$')
-              else if (key === '!ends') item = this.opsExt(val, true, '$$')
-              else if (val.includes(' ')) item = this.ops[key] + '\\'' + val + '\\''
-              else item = this.ops[key] + val
-              items.push(sel + item)
-            }
-            this.builder = items.join('+')
-          },
-          submit (run) {
-            if (run) {
-              const url = new URL(window.location.href)
-              const params = new URLSearchParams(url.search)
-              params.set('${qsKey.page}', 1)
-              params.set('${qsKey.query}', this.builder ?? '')
-              window.location.href = '?' + params.toString()
-            } else $dispatch('on-query', this.builder)
-            const instance = wbs.getInstance('${upperFirst(container)}', $refs.query)
-            instance.hide()
-          }
-        }" x-init="
-          const ops = _.map(fields, f => (f + 'Op'))
-          const vals = _.map(fields, f => (f + 'Val'))
-          const watcher = ['selected', ...ops, ...vals].join(',')
-          $watch(watcher, v => rebuild())
-        ">
-          <c:grid-row gutter="2">
-            <c:grid-col col="12">
-              <c:form-textarea x-model="builder" readonly rows="4"/>
-            </c:grid-col>
-            ${columns.join('\n')}
-          </c:grid-row>
-          <c:div flex="justify-content:end" margin="top-3">
-            <c:btn color="secondary" t:content="Close" dismiss="${container}" />
-            <c:btn color="primary" t:content="Apply" margin="start-2" @click="submit()" />
-            <c:btn color="primary" t:content="Submit Query" margin="start-2" @click="submit(true)" />
-          </c:div>
-        </c:${container}>
-      </c:form-input-addon>
-      <c:form-input-addon>
-        <c:btn t:content="Submit" x-data="{
-          submit () {
-            const val = document.getElementById('${id}').value ?? ''
-            const url = new URL(window.location.href)
-            const params = new URLSearchParams(url.search)
-            params.set('${qsKey.page}', 1)
-            params.set('${qsKey.query}', val)
-            window.location.href = '?' + params.toString()
-          }
-        }" @click="submit" @on-submit.window="submit()" />
-      </c:form-input-addon>
-    </c:form-input>
-  `)
-}
-
-export default query

package/waibuBootstrap/theme/component/recs-info.js

@@ -1,50 +0,0 @@
-import { getUrlOpts } from './pagination.js'
-
-async function recordsInfo (params = {}) {
-  const { attrToObject, groupAttrs, attrToArray } = this.plugin.app.waibuMpa
-  const { get, isEmpty, omit, merge } = this.plugin.app.bajo.lib._
-  const schema = get(this, 'locals.schema', {})
-  if (schema.view.disabled.includes('find')) {
-    params.html = ''
-    return
-  }
-  let { count, limit, page, pages } = attrToObject(params.attr.options)
-  count = count ?? get(this, 'locals.list.count', 0)
-  page = page ?? get(this, 'locals.list.page', 1)
-  limit = limit ?? get(this, 'locals.list.limit', 25)
-  pages = pages ?? get(this, 'locals.list.pages', 0)
-
-  params.tag = 'div'
-  params.attr.flex = 'justify-center:start align-items:center'
-  if (count === 0) {
-    params.html = this.req.t('No record found')
-    return
-  }
-  if (!params.attr.dropdown) params.attr.dropdown = true
-  const group = groupAttrs(params.attr, ['dropdown'])
-  const html = []
-  if (params.attr.count) html.push(this.req.t('%s record(s) found', this.req.format(count, 'integer')))
-  if (params.attr.pages) {
-    if (!isEmpty(html)) html[html.length - 1] += '.'
-    html.push(this.req.t('Page %s of %s pages', this.req.format(page, 'integer'), this.req.format(pages, 'integer')))
-  }
-  if (params.attr.recsPerPage) {
-    params.attr.recsPerPageValues = params.attr.recsPerPageValues ?? '10 25 50'
-    params.attr.recsPerPageValues = attrToArray(params.attr.recsPerPageValues)
-    if (!isEmpty(html)) html[html.length - 1] += ','
-    const items = []
-    for (const i of params.attr.recsPerPageValues) {
-      const attr = { href: this._buildUrl(merge(getUrlOpts.call(this), { params: { limit: i, page: 1 } })), disabled: i === limit }
-      items.push(await this.buildTag({ tag: 'dropdownItem', attr, html: i + '' }))
-    }
-    const attr = group.dropdown
-    attr.content = limit + ''
-    attr.color = attr.color ?? 'secondary-outline'
-    html.push(await this.buildTag({ tag: 'dropdown', attr, html: items.join('\n') }))
-    html.push(' ', this.req.t('recs per page'))
-  }
-  params.attr = omit(params.attr, ['count', 'pages', 'recsPerPage', 'dropdown', 'recsPerPageValues'])
-  params.html = html.map(h => `<div class="me-1">${h}</div>`).join('\n')
-}
-
-export default recordsInfo

package/waibuBootstrap/theme/component/table.js

@@ -1,161 +0,0 @@
-function isRightAligned (type) {
-  return ['smallint', 'integer', 'float', 'double'].includes(type)
-}
-
-const table = {
-  handler: async function (params = {}) {
-    const { escape } = this.plugin.app.waibu
-    const { attrToArray, groupAttrs } = this.plugin.app.waibuMpa
-    const { get, omit, set, find, isEmpty, without } = this.plugin.app.bajo.lib._
-    const group = groupAttrs(params.attr, ['body', 'head', 'foot'])
-    params.attr = group._
-
-    const data = get(this, 'locals.list.data', [])
-    const schema = get(this, 'locals.schema', {})
-    if (schema.view.disabled.includes('find')) {
-      params.html = ''
-      return
-    }
-    const qsKey = this.plugin.app.waibu.config.qsKey
-    let fields = without(get(this, `locals._meta.query.${qsKey.fields}`, '').split(','), '')
-    if (isEmpty(fields)) fields = schema.view.fields
-    const sort = params.attr.sort ? attrToArray(params.attr.sort) : get(this, `locals._meta.query.${qsKey.sort}`, '')
-
-    let [sortCol, sortDir] = sort.split(':')
-    if (!['-1', '1'].includes(sortDir)) sortDir = '1'
-
-    let selection
-    const canDelete = !schema.view.disabled.includes('remove')
-    const canEdit = !schema.view.disabled.includes('update')
-    if (canEdit) selection = 'single'
-    if (canDelete) selection = 'multi'
-    if (selection) params.attr.hover = true
-
-    params.noTag = true
-    const html = []
-    let items = []
-    // head
-    for (const f of schema.view.fields) {
-      if (!fields.includes(f)) continue
-      const prop = find(schema.properties, { name: f })
-      let head = this.req.t(`field.${f}`)
-      if (!params.attr.noSort && (schema.sortables ?? []).includes(f)) {
-        let sortItem = `${f}:-1`
-        let icon = params.attr.sortUpIcon ?? 'caretUp'
-        if (f === sortCol) {
-          sortItem = `${f}:${sortDir === '1' ? '-1' : '1'}`
-          icon = sortDir === '1' ? (params.attr.sortUpIcon ?? 'caretUp') : (params.attr.sortDownIcon ?? 'caretDown')
-        }
-        const item = set({ page: 1 }, qsKey.sort, sortItem)
-        const href = this._buildUrl({ params: item })
-        const attr = isRightAligned(prop.type) ? { text: 'align:end' } : {}
-        const content = [
-          await this.buildTag({ tag: 'div', attr, html: this.req.t(`field.${f}`) }),
-          await this.buildTag({ tag: 'a', attr: { icon, href }, prepend: '<div class="ms-1">', append: '</div>' })
-        ]
-        head = await this.buildTag({ tag: 'div', attr: { flex: 'justify-content:between align-items:end' }, html: content.join('\n') })
-      }
-      let text = params.attr.headerNowrap ? '' : 'nowrap'
-      if (isRightAligned(prop.type)) text += ' align:end'
-      const attr = { dataKey: f, dataType: prop.type, text }
-      items.push(await this.buildTag({ tag: 'th', attr, html: head }))
-    }
-    if (items.length > 0 && selection) {
-      let item = '<th></th>'
-      if (selection === 'multi') {
-        const attr = { 'x-model': 'toggleAll', name: '_rtm', noWrapper: true, noLabel: true }
-        item = await this.buildTag({ tag: 'formCheck', attr, prepend: '<th>', append: '</th>' })
-      } else {
-        const attr = { name: 'remove', '@click': 'selected = \'\'', style: { cursor: 'pointer' } }
-        item = await this.buildTag({ tag: 'icon', attr, prepend: '<th>', append: '</th>' })
-      }
-      items.unshift(item)
-    }
-    const header = await this.buildTag({ tag: 'tr', html: items.join('\n') })
-    html.push(await this.buildTag({ tag: 'thead', attr: group.head, html: header }))
-    // body
-    items = []
-    for (const d of data) {
-      const lines = []
-      if (selection) {
-        const tag = selection === 'single' ? 'formRadio' : 'formCheck'
-        const attr = { 'x-model': 'selected', name: '_rt', value: d.id, noLabel: true, noWrapper: true }
-        lines.push(await this.buildTag({ tag, attr, prepend: '<td>', append: '</td>' }))
-      }
-      for (const f of schema.view.fields) {
-        const prop = find(schema.properties, { name: f })
-        if (!fields.includes(f)) continue
-        const opts = {}
-        if (f === 'lng') opts.longitude = true
-        else if (f === 'lat') opts.latitude = true
-        let value = this.req.format(d[f], prop.type, opts)
-        if (prop.type === 'boolean') {
-          value = (await this.buildTag({ tag: 'icon', attr: { name: `circle${d[f] ? 'Check' : ''}` } })) +
-            ' ' + (this.req.t(d[f] ? 'Yes' : 'No'))
-        } else value = escape(value)
-        let dataValue = d[f] ?? ''
-        if (['string', 'text'].includes(prop.type)) dataValue = escape(dataValue)
-        if (['array', 'object'].includes(prop.type)) dataValue = escape(JSON.stringify(d[f]))
-        const attr = { dataValue }
-        if (!['object', 'array'].includes(prop.type)) {
-          if (isRightAligned(prop.type)) attr.text = 'align:end nowrap'
-          else attr.text = 'nowrap'
-        }
-        const line = await this.buildTag({ tag: 'td', attr, html: value })
-        lines.push(line)
-      }
-      const attr = {}
-      if (!schema.view.disabled.includes('update') || !schema.view.disabled.includes('remove')) attr['@click'] = `toggle('${d.id}')`
-      if (!schema.view.disabled.includes('get')) attr['@dblclick'] = `goDetails('${d.id}')`
-      items.push(await this.buildTag({ tag: 'tr', attr, html: lines.join('\n') }))
-    }
-    html.push(await this.buildTag({ tag: 'tbody', attr: group.body, html: items.join('\n') }))
-    params.attr = omit(params.attr, ['sortUpIcon', 'sortDownIcon', 'noSort', 'selection', 'headerNowrap'])
-    const goDetails = `
-      goDetails (id) {
-        window.location.href = '${this._buildUrl({ base: 'details' })}&id=' + id
-      }
-    `
-    if (selection === 'multi') {
-      params.attr['x-data'] = `{
-        toggleAll: false,
-        selected: [],
-        toggle (id) {
-          if (this.selected.includes(id)) {
-            const idx = this.selected.indexOf(id)
-            this.selected.splice(idx, 1)
-          } else this.selected.push(id)
-        },
-        ${goDetails}
-      }`
-      params.attr['x-init'] = `
-        $watch('toggleAll', val => {
-          if (val) {
-            const els = document.getElementsByName('_rt')
-            const items = Array.from(els)
-            selected = items.map(el => el.value)
-          } else selected = []
-        })
-        $watch('selected', val => $dispatch('on-selection', val))
-      `
-    } else if (selection === 'single') {
-      params.attr['x-data'] = `{
-        selected: '',
-        toggle (id) {
-          this.selected = id
-        },
-        ${goDetails}
-      }`
-      params.attr['x-init'] = `
-        $watch('selected', val => $dispatch('on-selection', [val]))
-      `
-    } else {
-      params.attr['x-data'] = `{
-        ${goDetails}
-      }`
-    }
-    params.html = await this.buildTag({ tag: 'table', attr: params.attr, html: html.join('\n') })
-  }
-}
-
-export default table