Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
be2b8a7e
提交
be2b8a7e
authored
11月 18, 2020
作者:
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: integrate upload components into form by default
上级
99303a99
隐藏空白字符变更
内嵌
并排
正在显示
5 个修改的文件
包含
15 行增加
和
15 行删除
+15
-15
CHANGELOG.zh_CN.md
CHANGELOG.zh_CN.md
+1
-0
FormItem.tsx
src/components/Form/src/FormItem.tsx
+1
-1
componentMap.ts
src/components/Form/src/componentMap.ts
+3
-0
data.tsx
src/components/Upload/src/data.tsx
+5
-2
index.vue
src/views/demo/comp/upload/index.vue
+5
-12
没有找到文件。
CHANGELOG.zh_CN.md
浏览文件 @
be2b8a7e
...
...
@@ -8,6 +8,7 @@
-
新增个人页
-
新增表单页
-
新增详情页
-
将上传组件默认集成到 form
### 🎫 Chores
...
...
src/components/Form/src/FormItem.tsx
浏览文件 @
be2b8a7e
...
...
@@ -158,7 +158,7 @@ export default defineComponent({
)
{
rule
.
type
=
'object'
;
}
if
(
component
.
includes
(
'RangePicker'
))
{
if
(
component
.
includes
(
'RangePicker'
)
||
component
.
includes
(
'Upload'
)
)
{
rule
.
type
=
'array'
;
}
if
(
component
.
includes
(
'InputNumber'
))
{
...
...
src/components/Form/src/componentMap.ts
浏览文件 @
be2b8a7e
...
...
@@ -18,6 +18,7 @@ import {
TreeSelect
,
}
from
'ant-design-vue'
;
import
RadioButtonGroup
from
'./components/RadioButtonGroup.vue'
;
import
{
BasicUpload
}
from
'/@/components/Upload'
;
const
componentMap
=
new
Map
<
ComponentType
,
any
>
();
...
...
@@ -48,6 +49,8 @@ componentMap.set('RangePicker', DatePicker.RangePicker);
componentMap
.
set
(
'WeekPicker'
,
DatePicker
.
WeekPicker
);
componentMap
.
set
(
'TimePicker'
,
TimePicker
);
componentMap
.
set
(
'Upload'
,
BasicUpload
);
export
function
add
(
compName
:
ComponentType
,
component
:
Component
)
{
componentMap
.
set
(
compName
,
component
);
}
...
...
src/components/Upload/src/data.tsx
浏览文件 @
be2b8a7e
import
type
{
BasicColumn
,
ActionItem
}
from
'/@/components/Table'
;
import
{
FileItem
,
PreviewFileItem
,
UploadResultStatus
}
from
'./types'
;
import
{
checkImgType
,
isImgTypeByName
}
from
'./utils'
;
import
{
Progress
,
Tag
}
from
'ant-design-vue'
;
import
{
FileItem
,
PreviewFileItem
,
UploadResultStatus
}
from
'./types'
;
import
{
BasicColumn
,
ActionItem
,
TableAction
}
from
'/@/components/Table/index
'
;
import
TableAction
from
'/@/components/Table/src/components/TableAction
'
;
// 文件上传列表
export
function
createTableColumns
():
BasicColumn
[]
{
...
...
src/views/demo/comp/upload/index.vue
浏览文件 @
be2b8a7e
...
...
@@ -9,31 +9,24 @@
</div>
</
template
>
<
script
lang=
"ts"
>
import
{
defineComponent
,
h
}
from
'vue'
;
import
{
defineComponent
}
from
'vue'
;
import
{
BasicUpload
}
from
'/@/components/Upload'
;
import
{
useMessage
}
from
'/@/hooks/web/useMessage'
;
import
{
BasicForm
,
FormSchema
,
useForm
}
from
'/@/components/Form/index'
;
import
{
uploadApi
}
from
'/@/api/sys/upload'
;
// import { Alert } from 'ant-design-vue';
const
schemas
:
FormSchema
[]
=
[
{
field
:
'field1'
,
component
:
'
Input
'
,
component
:
'
Upload
'
,
label
:
'字段1'
,
colProps
:
{
span
:
8
,
},
rules
:
[{
required
:
true
,
type
:
'array'
,
message
:
'请选择上传文件'
}],
render
:
({
model
,
field
})
=>
{
return
h
(
BasicUpload
,
{
value
:
model
[
field
],
api
:
uploadApi
,
onChange
:
(
val
:
string
[])
=>
{
model
[
field
]
=
val
;
},
});
rules
:
[{
required
:
true
,
message
:
'请选择上传文件'
}],
componentProps
:
{
api
:
uploadApi
,
},
},
];
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论