拓展性

自定义渲染

动态表单提供了便捷的自定义渲染能力

import { registerRender } from 'vform-element';
export interface SimpleLabel<
  T extends object = any, 
  Key extends DeepKey<T> = DeepKey<T>
> extends SDBaseItem<T, Key> {
  preffix?: string
  suffix?: string
}
declare module 'vform-element/lib/index'{
  export interface VFormItemTypes<
    T extends object = any, 
    Key extends DeepKey<T> = DeepKey<T>
  > {
    'label-simple': SimpleLabel<T, Key>
  }
}
registerRender({
  type: 'label-simple',
  render(props, item) {
    return <span>
      {item.preffix ?? undefined}
      {dotGet(props.form, item.dataIndex)}
      {item.suffix ?? undefined}
    </span>
  }
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26