Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
开源元宇宙
vue-vben-admin
提交
cb35341b
V
vue-vben-admin
项目概览
开源元宇宙
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
0
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
cb35341b
编写于
4月 24, 2021
作者:
V
Vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(form): ensure that the DateTime component checked properly,fix #511
上级
16ecf718
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
43 addition
and
10 deletion
+43
-10
src/components/Form/src/components/FormItem.vue
src/components/Form/src/components/FormItem.vue
+2
-4
src/components/Form/src/helper.ts
src/components/Form/src/helper.ts
+20
-4
src/components/Form/src/hooks/useFormEvents.ts
src/components/Form/src/hooks/useFormEvents.ts
+6
-1
src/views/demo/form/RuleForm.vue
src/views/demo/form/RuleForm.vue
+15
-1
未找到文件。
src/components/Form/src/components/FormItem.vue
浏览文件 @
cb35341b
...
...
@@ -170,8 +170,8 @@
if
(
component
.
includes
(
'
Input
'
)
||
component
.
includes
(
'
Textarea
'
))
{
rule
.
whitespace
=
true
;
}
setComponentRuleType
(
rule
,
component
);
const
valueFormat
=
unref
(
getComponentsProps
)?.
valueFormat
;
setComponentRuleType
(
rule
,
component
,
valueFormat
);
}
}
...
...
@@ -203,9 +203,7 @@
if
(
propsData
[
eventKey
])
{
propsData
[
eventKey
](
e
);
}
const
target
=
e
?
e
.
target
:
null
;
const
value
=
target
?
(
isCheck
?
target
.
checked
:
target
.
value
)
:
e
;
props
.
setFormModel
(
field
,
value
);
},
...
...
src/components/Form/src/helper.ts
浏览文件 @
cb35341b
import
type
{
ValidationRule
}
from
'
ant-design-vue/lib/form/Form
'
;
import
type
{
ComponentType
}
from
'
./types/index
'
;
import
{
useI18n
}
from
'
/@/hooks/web/useI18n
'
;
import
{
isNumber
}
from
'
/@/utils/is
'
;
import
{
dateUtil
}
from
'
/@/utils/dateUtil
'
;
import
{
isNumber
,
isObject
}
from
'
/@/utils/is
'
;
const
{
t
}
=
useI18n
();
...
...
@@ -28,13 +29,19 @@ export function createPlaceholderMessage(component: ComponentType) {
return
''
;
}
const
DATE_TYPE
=
[
'
DatePicker
'
,
'
MonthPicker
'
,
'
WeekPicker
'
,
'
TimePicker
'
];
function
genType
()
{
return
[
'
DatePicker
'
,
'
MonthPicker
'
,
'
RangePicker
'
,
'
WeekPicker
'
,
'
Tim
ePicker
'
];
return
[
...
DATE_TYPE
,
'
Rang
ePicker
'
];
}
export
function
setComponentRuleType
(
rule
:
ValidationRule
,
component
:
ComponentType
)
{
export
function
setComponentRuleType
(
rule
:
ValidationRule
,
component
:
ComponentType
,
valueFormat
:
string
)
{
if
([
'
DatePicker
'
,
'
MonthPicker
'
,
'
WeekPicker
'
,
'
TimePicker
'
].
includes
(
component
))
{
rule
.
type
=
'
object
'
;
rule
.
type
=
valueFormat
?
'
string
'
:
'
object
'
;
}
else
if
([
'
RangePicker
'
,
'
Upload
'
,
'
CheckboxGroup
'
,
'
TimePicker
'
].
includes
(
component
))
{
rule
.
type
=
'
array
'
;
}
else
if
([
'
InputNumber
'
].
includes
(
component
))
{
...
...
@@ -42,6 +49,15 @@ export function setComponentRuleType(rule: ValidationRule, component: ComponentT
}
}
export
function
processDateValue
(
attr
:
Recordable
,
component
:
string
)
{
const
{
valueFormat
,
value
}
=
attr
;
if
(
valueFormat
)
{
attr
.
value
=
isObject
(
value
)
?
dateUtil
(
value
).
format
(
valueFormat
)
:
value
;
}
else
if
(
DATE_TYPE
.
includes
(
component
)
&&
value
)
{
attr
.
value
=
dateUtil
(
attr
.
value
);
}
}
export
function
handleInputNumberValue
(
component
?:
ComponentType
,
val
?:
any
)
{
if
(
!
component
)
return
val
;
if
([
'
Input
'
,
'
InputPassword
'
,
'
InputSearch
'
,
'
InputTextArea
'
].
includes
(
component
))
{
...
...
src/components/Form/src/hooks/useFormEvents.ts
浏览文件 @
cb35341b
...
...
@@ -73,7 +73,12 @@ export function useFormEvents({
}
formModel
[
key
]
=
arr
;
}
else
{
formModel
[
key
]
=
value
?
dateUtil
(
value
)
:
null
;
const
{
componentProps
}
=
schema
||
{};
let
_props
=
componentProps
as
any
;
if
(
typeof
componentProps
===
'
function
'
)
{
_props
=
_props
();
}
formModel
[
key
]
=
value
?
(
_props
?.
valueFormat
?
value
:
dateUtil
(
value
))
:
null
;
}
}
else
{
formModel
[
key
]
=
value
;
...
...
src/views/demo/form/RuleForm.vue
浏览文件 @
cb35341b
...
...
@@ -55,6 +55,18 @@
},
required
:
true
,
},
{
field
:
'
field33
'
,
component
:
'
DatePicker
'
,
label
:
'
字段33
'
,
colProps
:
{
span
:
8
,
},
componentProps
:
{
valueFormat
:
'
YYYY-MM-DD
'
,
},
rules
:
[{
required
:
true
,
type
:
'
string
'
}],
},
{
field
:
'
field44
'
,
component
:
'
InputCountDown
'
,
...
...
@@ -95,7 +107,7 @@
],
},
{
field
:
'
field44
'
,
field
:
'
field44
1
'
,
component
:
'
Input
'
,
label
:
'
自定义校验
'
,
colProps
:
{
...
...
@@ -198,6 +210,8 @@
field1
:
1111
,
field5
:
[
'
1
'
],
field7
:
'
1
'
,
field33
:
'
2020-12-12
'
,
field3
:
'
2020-12-12
'
,
});
}
return
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录