Netfan
1 year ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with
3 additions and
4 deletions
-
docs/src/components/common-ui/vben-form.md
-
docs/src/components/common-ui/vben-modal.md
-
packages/@core/ui-kit/form-ui/src/vben-use-form.vue
|
|
@ -306,6 +306,7 @@ useVbenForm 返回的第二个参数,是一个对象,包含了一些表单 |
|
|
| actionWrapperClass | 表单操作区域class | `any` | - | |
|
|
| actionWrapperClass | 表单操作区域class | `any` | - | |
|
|
| handleReset | 表单重置回调 | `(values: Record<string, any>,) => Promise<void> \| void` | - | |
|
|
| handleReset | 表单重置回调 | `(values: Record<string, any>,) => Promise<void> \| void` | - | |
|
|
| handleSubmit | 表单提交回调 | `(values: Record<string, any>,) => Promise<void> \| void` | - | |
|
|
| handleSubmit | 表单提交回调 | `(values: Record<string, any>,) => Promise<void> \| void` | - | |
|
|
|
|
|
| handleValuesChange | 表单值变化回调 | `(values: Record<string, any>,) => void` | - | |
|
|
| resetButtonOptions | 重置按钮组件参数 | `ActionButtonOptions` | - | |
|
|
| resetButtonOptions | 重置按钮组件参数 | `ActionButtonOptions` | - | |
|
|
| submitButtonOptions | 提交按钮组件参数 | `ActionButtonOptions` | - | |
|
|
| submitButtonOptions | 提交按钮组件参数 | `ActionButtonOptions` | - | |
|
|
| showDefaultActions | 是否显示默认操作按钮 | `boolean` | `true` | |
|
|
| showDefaultActions | 是否显示默认操作按钮 | `boolean` | `true` | |
|
|
|
|
|
@ -111,7 +111,7 @@ const [Modal, modalApi] = useVbenModal({ |
|
|
|
|
|
|
|
|
::: info appendToMain |
|
|
::: info appendToMain |
|
|
|
|
|
|
|
|
`appendToMain`可以指定将弹窗挂载到内容区域,打开带这招的弹窗时,内容区域以外的部分(标签栏、导航菜单等等)不会被遮挡。默认情况下,弹窗会挂载到body上。但是:挂载到内容区域时,作为页面根容器的`Page`组件,需要设置`auto-content-height`属性,以便弹窗能够正确计算高度。 |
|
|
`appendToMain`可以指定将弹窗挂载到内容区域,打开这种弹窗时,内容区域以外的部分(标签栏、导航菜单等等)不会被遮挡。默认情况下,弹窗会挂载到body上。但是:挂载到内容区域时,作为页面根容器的`Page`组件,需要设置`auto-content-height`属性,以便弹窗能够正确计算高度。 |
|
|
|
|
|
|
|
|
::: |
|
|
::: |
|
|
|
|
|
|
|
|
|
|
|
@ -62,9 +62,7 @@ function handleKeyDownEnter(event: KeyboardEvent) { |
|
|
watch( |
|
|
watch( |
|
|
() => form.values, |
|
|
() => form.values, |
|
|
useDebounceFn(() => { |
|
|
useDebounceFn(() => { |
|
|
(props.handleValuesChange ?? state.value.handleValuesChange)?.( |
|
|
forward.value.handleValuesChange?.(toRaw(form.values)); |
|
|
toRaw(form.values), |
|
|
|
|
|
); |
|
|
|
|
|
state.value.submitOnChange && props.formApi?.submitForm(); |
|
|
state.value.submitOnChange && props.formApi?.submitForm(); |
|
|
}, 300), |
|
|
}, 300), |
|
|
{ deep: true }, |
|
|
{ deep: true }, |
|
|
|