Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
球球不吃虾
vue-vben-admin
提交
be2b8a7e
V
vue-vben-admin
项目概览
球球不吃虾
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
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,体验更适合开发者的 AI 搜索 >>
提交
be2b8a7e
编写于
11月 18, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: integrate upload components into form by default
上级
99303a99
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
15 addition
and
15 deletion
+15
-15
CHANGELOG.zh_CN.md
CHANGELOG.zh_CN.md
+1
-0
src/components/Form/src/FormItem.tsx
src/components/Form/src/FormItem.tsx
+1
-1
src/components/Form/src/componentMap.ts
src/components/Form/src/componentMap.ts
+3
-0
src/components/Upload/src/data.tsx
src/components/Upload/src/data.tsx
+5
-2
src/views/demo/comp/upload/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
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录