Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zuiqiangwanggong
vue-vben-admin
提交
79eb909c
V
vue-vben-admin
项目概览
zuiqiangwanggong
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
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,发现更多精彩内容 >>
未验证
提交
79eb909c
编写于
3月 19, 2022
作者:
L
lee
提交者:
GitHub
3月 19, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: make fields key of form deconstructable (#1663)
Co-authored-by:
N
liheng.wu
<
liheng.wu@tcl.com
>
上级
92722093
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
58 addition
and
1 deletion
+58
-1
src/components/Form/src/hooks/useFormValues.ts
src/components/Form/src/hooks/useFormValues.ts
+41
-1
src/views/demo/form/index.vue
src/views/demo/form/index.vue
+17
-0
未找到文件。
src/components/Form/src/hooks/useFormValues.ts
浏览文件 @
79eb909c
...
...
@@ -11,6 +11,43 @@ interface UseFormValuesContext {
getProps
:
ComputedRef
<
FormProps
>
;
formModel
:
Recordable
;
}
/**
* @desription deconstruct array-link key. This method will mutate the target.
*/
function
tryDeconstructArray
(
key
:
string
,
value
:
any
,
target
:
Recordable
)
{
const
pattern
=
/^
\[(
.+
)\]
$/
;
if
(
pattern
.
test
(
key
))
{
const
match
=
key
.
match
(
pattern
);
if
(
match
&&
match
[
1
])
{
const
keys
=
match
[
1
].
split
(
'
,
'
);
value
=
Array
.
isArray
(
value
)
?
value
:
[
value
];
keys
.
forEach
((
k
,
index
)
=>
{
set
(
target
,
k
.
trim
(),
value
[
index
]);
});
return
true
;
}
}
}
/**
* @desription deconstruct object-link key. This method will mutate the target.
*/
function
tryDeconstructObject
(
key
:
string
,
value
:
any
,
target
:
Recordable
)
{
const
pattern
=
/^
\{(
.+
)\}
$/
;
if
(
pattern
.
test
(
key
))
{
const
match
=
key
.
match
(
pattern
);
if
(
match
&&
match
[
1
])
{
const
keys
=
match
[
1
].
split
(
'
,
'
);
value
=
isObject
(
value
)
?
value
:
{};
keys
.
forEach
((
k
)
=>
{
set
(
target
,
k
.
trim
(),
value
[
k
.
trim
()]);
});
return
true
;
}
}
}
export
function
useFormValues
({
defaultValueRef
,
getSchema
,
...
...
@@ -41,7 +78,10 @@ export function useFormValues({
if
(
isString
(
value
))
{
value
=
value
.
trim
();
}
set
(
res
,
key
,
value
);
if
(
!
tryDeconstructArray
(
key
,
value
,
res
)
&&
!
tryDeconstructObject
(
key
,
value
,
res
))
{
// 没有解构成功的,按原样赋值
set
(
res
,
key
,
value
);
}
}
return
handleRangeTimeValue
(
res
);
}
...
...
src/views/demo/form/index.vue
浏览文件 @
79eb909c
...
...
@@ -530,6 +530,22 @@
span
:
8
,
},
},
{
field
:
'
divider-deconstruct
'
,
component
:
'
Divider
'
,
label
:
'
字段解构
'
,
helpMessage
:
[
'
如果组件的值是 array 或者 object
'
,
'
可以根据 ES6 的解构语法分别取值
'
],
},
{
field
:
'
[startTime, endTime]
'
,
label
:
'
时间范围
'
,
component
:
'
RangePicker
'
,
componentProps
:
{
format
:
'
YYYY-MM-DD HH:mm:ss
'
,
placeholder
:
[
'
开始时间
'
,
'
结束时间
'
],
showTime
:
{
format
:
'
HH:mm:ss
'
},
},
},
{
field
:
'
divider-others
'
,
component
:
'
Divider
'
,
...
...
@@ -602,6 +618,7 @@
keyword
.
value
=
''
;
},
handleSubmit
:
(
values
:
any
)
=>
{
console
.
log
(
'
values
'
,
values
);
createMessage
.
success
(
'
click search,values:
'
+
JSON
.
stringify
(
values
));
},
check
,
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录