diff --git a/src/dialog/dialog.tsx b/src/dialog/dialog.tsx index 2cf0d9359..d7a98593c 100644 --- a/src/dialog/dialog.tsx +++ b/src/dialog/dialog.tsx @@ -405,14 +405,17 @@ export default mixins(ActionMixin, getConfigReceiverMixins('d
- {this.getIcon()} - {renderTNodeJSX(this, 'header', defaultHeader)} +
+ {this.getIcon()} + {renderTNodeJSX(this, 'header', defaultHeader)} +
+ {this.closeBtn ? ( + + {renderTNodeJSX(this, 'closeBtn', defaultCloseBtn)} + + ) : null}
- {this.closeBtn ? ( - - {renderTNodeJSX(this, 'closeBtn', defaultCloseBtn)} - - ) : null} +
{body}
diff --git a/src/form/form-item-props.ts b/src/form/form-item-props.ts index 099f9b7a6..28b9d6247 100644 --- a/src/form/form-item-props.ts +++ b/src/form/form-item-props.ts @@ -20,7 +20,6 @@ export default { /** 字段标签名称 */ label: { type: [String, Function] as PropType, - default: '', }, /** 表单字段标签对齐方式:左对齐、右对齐、顶部对齐。默认使用 Form 的对齐方式,优先级高于 Form.labelAlign */ labelAlign: { @@ -39,25 +38,26 @@ export default { type: [String, Number] as PropType, }, /** 是否显示必填符号(*),优先级高于 Form.requiredMark */ - requiredMark: { - type: Boolean, - default: undefined, - }, + requiredMark: Boolean, /** 表单字段校验规则 */ rules: { type: Array as PropType, - default: (): TdFormItemProps['rules'] => [], }, /** 校验不通过时,是否显示错误提示信息,优先级高于 `Form.showErrorMessage` */ - showErrorMessage: { - type: Boolean, - default: undefined, + showErrorMessage: Boolean, + /** 校验状态,可在需要完全自主控制校验状态时使用 */ + status: { + type: String, + default: '', }, /** 校验状态图标,值为 `true` 显示默认图标,默认图标有 成功、失败、警告 等,不同的状态图标不同。`statusIcon` 值为 `false`,不显示图标。`statusIcon` 值类型为渲染函数,则可以自定义右侧状态图标。优先级高级 Form 的 statusIcon */ statusIcon: { type: [Boolean, Function] as PropType, - default: undefined, }, /** 是否显示校验成功的边框,默认不显示 */ successBorder: Boolean, + /** 自定义提示内容,样式跟随 `status` 变动,可在需要完全自主控制校验规则时使用 */ + tips: { + type: [String, Function] as PropType, + }, }; diff --git a/src/form/props.ts b/src/form/props.ts index 80a9caf2a..6dc3209bc 100644 --- a/src/form/props.ts +++ b/src/form/props.ts @@ -16,10 +16,7 @@ export default { default: () => ({}), }, /** 是否禁用整个表单 */ - disabled: { - type: Boolean, - default: undefined, - }, + disabled: Boolean, /** 表单错误信息配置,示例:`{ idcard: '请输入正确的身份证号码', max: '字符长度不能超过 ${max}' }` */ errorMessage: { type: Object as PropType, @@ -57,10 +54,7 @@ export default { default: true, }, /** 是否显示必填符号(*),默认显示 */ - requiredMark: { - type: Boolean, - default: undefined, - }, + requiredMark: Boolean, /** 重置表单的方式,值为 empty 表示重置表单为空,值为 initial 表示重置表单数据为初始值 */ resetType: { type: String as PropType, @@ -77,7 +71,6 @@ export default { /** 表单校验不通过时,是否自动滚动到第一个校验不通过的字段,平滑滚动或是瞬间直达。值为空则表示不滚动 */ scrollToFirstError: { type: String as PropType, - default: '' as TdFormProps['scrollToFirstError'], validator(val: TdFormProps['scrollToFirstError']): boolean { if (!val) return true; return ['', 'smooth', 'auto'].includes(val); @@ -91,7 +84,6 @@ export default { /** 校验状态图标,值为 `true` 显示默认图标,默认图标有 成功、失败、警告 等,不同的状态图标不同。`statusIcon` 值为 `false`,不显示图标。`statusIcon` 值类型为渲染函数,则可以自定义右侧状态图标 */ statusIcon: { type: [Boolean, Function] as PropType, - default: undefined, }, /** 【讨论中】当校验结果只有告警信息时,是否触发 `submit` 提交事件 */ submitWithWarningMessage: Boolean, diff --git a/src/form/type.ts b/src/form/type.ts index 17430eae1..dfab1be13 100644 --- a/src/form/type.ts +++ b/src/form/type.ts @@ -66,7 +66,6 @@ export interface TdFormProps { rules?: { [field in keyof FormData]: Array }; /** * 表单校验不通过时,是否自动滚动到第一个校验不通过的字段,平滑滚动或是瞬间直达。值为空则表示不滚动 - * @default '' */ scrollToFirstError?: '' | 'smooth' | 'auto'; /** @@ -104,7 +103,7 @@ export interface FormInstanceFunctions { */ clearValidate?: (fields?: Array) => void; /** - * 重置表单,表单里面没有重置按钮`