Browse Source

fix: form component events bind (#5137)

* fix: from component events bind

* chore: update docs

* chore: default value and docs sync
pull/5140/head
Netfan 1 year ago
committed by GitHub
parent
commit
698daf46c7
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 2
      apps/web-ele/src/adapter/form.ts
  2. 2
      apps/web-naive/src/adapter/form.ts
  3. 2
      docs/src/_env/adapter/form.ts
  4. 4
      packages/@core/ui-kit/form-ui/src/config.ts
  5. 4
      packages/@core/ui-kit/form-ui/src/form-render/form.vue
  6. 4
      packages/@core/ui-kit/form-ui/src/types.ts

2
apps/web-ele/src/adapter/form.ts

@ -14,8 +14,6 @@ setupVbenForm<ComponentType>({
Upload: 'fileList',
CheckboxGroup: 'model-value',
},
// select等组件的筛选功能会抛出input事件,需要禁用表单的input事件监听以免错误地更新了组件值
disabledOnInputListener: true,
},
defineRules: {
required: (value, _params, ctx) => {

2
apps/web-naive/src/adapter/form.ts

@ -10,8 +10,6 @@ import { $t } from '@vben/locales';
setupVbenForm<ComponentType>({
config: {
// naive-ui组件不接受onChang事件,所以需要禁用
disabledOnChangeListener: true,
// naive-ui组件的空值为null,不能是undefined,否则重置表单时不生效
emptyStateValue: null,
baseModelPropName: 'value',

2
docs/src/_env/adapter/form.ts

@ -14,8 +14,6 @@ initComponentAdapter();
setupVbenForm<ComponentType>({
config: {
baseModelPropName: 'value',
// naive-ui组件不接受onChang事件,所以需要禁用
disabledOnChangeListener: true,
// naive-ui组件的空值为null,不能是undefined,否则重置表单时不生效
emptyStateValue: null,
modelPropNameMap: {

4
packages/@core/ui-kit/form-ui/src/config.ts

@ -45,8 +45,8 @@ export function setupVbenForm<
const { config, defineRules } = options;
const {
disabledOnChangeListener = false,
disabledOnInputListener = false,
disabledOnChangeListener = true,
disabledOnInputListener = true,
emptyStateValue = undefined,
} = (config || {}) as FormCommonConfig;

4
packages/@core/ui-kit/form-ui/src/form-render/form.vue

@ -89,8 +89,8 @@ const computedSchema = computed(
componentProps = {},
controlClass = '',
disabled,
disabledOnChangeListener = false,
disabledOnInputListener = false,
disabledOnChangeListener = true,
disabledOnInputListener = true,
emptyStateValue = undefined,
formFieldProps = {},
formItemClass = '',

4
packages/@core/ui-kit/form-ui/src/types.ts

@ -151,12 +151,12 @@ export interface FormCommonConfig {
disabled?: boolean;
/**
* change事件监听
* @default false
* @default true
*/
disabledOnChangeListener?: boolean;
/**
* input事件监听
* @default false
* @default true
*/
disabledOnInputListener?: boolean;
/**

Loading…
Cancel
Save