# 自定义字段类型

通过自定义字段类型,可以帮助你省略column的通用配置

# 添加自定义字段类型

官方提供的不够用,可以通过以下方式添加你自己的字段类型

import { d2CrudPlus } from 'd2-crud-plus'
Vue.use(d2CrudPlus)

//添加自定义字段类型,使用type:'time2',你就可以省略下面的配置
//不要写在页面里,这个是全局的,要写在vue.use(d2CrudPlus)之后
d2CrudPlus.util.columnResolve.addTypes({
  'time2':{ //如果与官方字段类型同名,将会覆盖官方的字段类型
     form: { component: { name: 'el-date-picker' } },
     component: { name: 'date-format', props: { format: 'YYYY-MM-DD' } }
  }
})

# 修改官方字段类型配置

当你使用官方type每次都要配置一些相同的参数的时候,就需要用到这个功能了。
获取到官方配置,然后修改它。

如下例子可以将所有的select字段类型的单元格组件支持自动染色

import { d2CrudPlus } from 'd2-crud-plus'
Vue.use(d2CrudPlus)

//修改官方字段类型
//不要写在页面里,这个是全局的,要写在vue.use(d2CrudPlus)之后
const selectType = d2CrudPlus.util.columnResolve.getType('select')
selectType.component.props.color='auto'  //修改官方的字段类型,设置为支持自动染色

官方字段类型列表