style: 优化 GiForm 表单使用代码

This commit is contained in:
2025-03-04 22:27:54 +08:00
parent 25da3019a3
commit d1e5ecf81d
14 changed files with 45 additions and 59 deletions

View File

@@ -143,6 +143,7 @@ const getComponentBindProps = (item: ColumnItem) => {
// 组件默认配置映射表
const ConfigMap = new Map<ColumnItem['type'], Partial<ColumnItem['props'] & { placeholder: string }>>([
['input', { allowClear: true, placeholder: `请输入${item.label}`, maxLength: 255, showWordLimit: true }],
['input-password', { placeholder: `请输入${item.label}` }],
['input-number', { placeholder: `请输入${item.label}` }],
['textarea', { allowClear: false, placeholder: `请输入${item.label}`, maxLength: 200, showWordLimit: true, autoSize: { minRows: 3, maxRows: 5 } }],
['input-tag', { allowClear: true, placeholder: `请输入${item.label}` }],

View File

@@ -3,6 +3,7 @@ import type { VNode } from 'vue'
export type ColumnItemType =
| 'input'
| 'input-password'
| 'input-number'
| 'input-tag'
| 'textarea'
@@ -29,6 +30,7 @@ export type ColumnItemType =
export type ComponentProps =
& A.InputInstance['$props']
& A.InputPasswordInstance['$props']
& A.InputNumberInstance['$props']
& A.InputTagInstance['$props']
& A.TextareaInstance['$props']