agrass-github / agel-form Goto Github PK

这种 Scoped Slot的好像在文档没有看到有实现, 而且这个组件在后台管理系统中使用也较多,可以解决一下嘛?大佬

加上render-header扩展table头部的灵活性

error | 自定义表单校验信息的显示方式，参数为 { error }

大佬.我又来提问题了.

hi ,
请教一个问题。
如官方文档中的表格编辑表单 ，
如果某个item上定义了一个 change 事件，

on: {
    change: (v) => {
      this.$message.info("给个好评吧");
    },
 },

如上只能传递 当前值 v ，如果我想获得当前的 rowId，该如何做？
谢谢。

fileds.js
`export default function () {
return {
data: {},
items: [
{
clearable: true,
component: 'el-autocomplete',
prop: 'supplier',
label: '商品编码',
/**
* @param {string} api
* @param {string} key
* @description getAncillaryCode 商品编码
*/
fetchSuggestions: this.$autoCompleteInputFunc(
'getAncillaryCode',
'code',
'productCode'
),

    triggerOnfocus: false
  }
]

}
}
`

autoCompleteInputFunc.js
`import * as autoCompleteInputApi from '@/service/api/autoCompleteInput'
/**
*

• @param {string} api
• @param {string} key
• @returns ElMessageComponent
  */

export const autoCompleteInputFunc = (api, key, field) => {
const keyName = key
return async (queryString, cb) => {
try {
let result = await autoCompleteInputApi[api]({
[keyName]: queryString
})
// console.log('result',))
result = result.data.map((v) => ({ value: v[field], id: v.id }))
console.log('cb', cb)
cb(result)
} catch (err) {
console.error(err)
}
}
}
`

老哥..0.3.32版本打包有个小优化的位置..

agel-form/src/index.js路劲下
第8行import tableditorMenuColumn from "./form/tableditor-menu-column"
建议改成import tableditorMenuColumn from "./form/tableditor-menu-column.vue"
添加一个.vue后缀.
现在使用webpack启动项目没问题.但是用vite启动项目的话,vite不能识别这个.项目会报错..建议添加一下.vue后缀更加方便.

下图是item具体JSON