Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
球球不吃虾
vue-vben-admin
提交
491ba9a3
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 搜索 >>
提交
491ba9a3
编写于
10月 25, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: add the parameter sortFn to the table
上级
d09406e3
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
43 addition
and
6 deletion
+43
-6
CHANGELOG.zh_CN.md
CHANGELOG.zh_CN.md
+2
-0
src/components/Table/src/BasicTable.vue
src/components/Table/src/BasicTable.vue
+13
-3
src/components/Table/src/const.ts
src/components/Table/src/const.ts
+10
-0
src/components/Table/src/hooks/useDataSource.ts
src/components/Table/src/hooks/useDataSource.ts
+2
-0
src/components/Table/src/props.ts
src/components/Table/src/props.ts
+12
-2
src/components/Table/src/types/table.ts
src/components/Table/src/types/table.ts
+4
-1
未找到文件。
CHANGELOG.zh_CN.md
浏览文件 @
491ba9a3
...
...
@@ -4,6 +4,7 @@
-
面包屑支持显示图标
-
新增 tinymce 富文本组件
-
表单新增 submitOnReset 控制是否在重置时重新发起请求
### 🎫 Chores
...
...
@@ -21,6 +22,7 @@
-
修复菜单没有子节点时显示折叠的问题
-
修复面包屑显示样式问题
-
修复 modal 在 destroyOnClose=true 时多次打开拖拽失效
-
修复表格出现多个 action 列
# 2.0.0-rc.4 (2020-10-21)
...
...
src/components/Table/src/BasicTable.vue
浏览文件 @
491ba9a3
...
...
@@ -64,7 +64,7 @@
import
{
ROW_KEY
}
from
'
./const
'
;
import
{
PaginationProps
}
from
'
./types/pagination
'
;
import
{
deepMerge
}
from
'
/@/utils
'
;
import
{
TableCustomRecord
}
from
'
ant-design-vue/types/table/table
'
;
import
{
SorterResult
,
TableCustomRecord
}
from
'
ant-design-vue/types/table/table
'
;
import
{
useEvent
}
from
'
/@/hooks/event/useEvent
'
;
import
'
./style/index.less
'
;
...
...
@@ -216,12 +216,22 @@
fetch
({
searchInfo
:
info
,
page
:
1
});
}
function
handleTableChange
(
pagination
:
PaginationProps
)
{
const
{
clearSelectOnPageChange
}
=
unref
(
getMergeProps
);
function
handleTableChange
(
pagination
:
PaginationProps
,
filters
:
Partial
<
Record
<
string
,
string
[]
>>
,
sorter
:
SorterResult
<
any
>
)
{
const
{
clearSelectOnPageChange
,
sortFn
}
=
unref
(
getMergeProps
);
if
(
clearSelectOnPageChange
)
{
clearSelectedRowKeys
();
}
setPagination
(
pagination
);
if
(
sorter
&&
isFunction
(
sortFn
))
{
const
sortInfo
=
sortFn
(
sorter
);
fetch
({
sortInfo
});
return
;
}
fetch
();
}
...
...
src/components/Table/src/const.ts
浏览文件 @
491ba9a3
import
{
SorterResult
}
from
'
ant-design-vue/types/table/table
'
;
export
const
ROW_KEY
=
'
key
'
;
export
const
PAGE_SIZE_OPTIONS
=
[
'
10
'
,
'
50
'
,
'
80
'
,
'
100
'
];
...
...
@@ -10,3 +12,11 @@ export const FETCH_SETTING = {
listField
:
'
items
'
,
totalField
:
'
total
'
,
};
export
function
DEFAULT_SORT_FN
(
sortInfo
:
SorterResult
<
any
>
)
{
const
{
field
,
order
}
=
sortInfo
;
return
{
field
,
order
,
};
}
src/components/Table/src/hooks/useDataSource.ts
浏览文件 @
491ba9a3
...
...
@@ -98,6 +98,8 @@ export function useDataSource(
...(
useSearchForm
?
getFieldsValue
()
:
{}),
...
searchInfo
,
...(
opt
?
opt
.
searchInfo
:
{}),
...(
opt
?
opt
.
sortInfo
:
{}),
...(
opt
?
opt
.
filterInfo
:
{}),
};
if
(
beforeFetch
&&
isFunction
(
beforeFetch
))
{
params
=
beforeFetch
(
params
)
||
params
;
...
...
src/components/Table/src/props.ts
浏览文件 @
491ba9a3
import
type
{
PropType
}
from
'
vue
'
;
import
type
{
PaginationProps
}
from
'
./types/pagination
'
;
import
type
{
BasicColumn
,
FetchSetting
,
TableSetting
}
from
'
./types/table
'
;
import
type
{
TableCustomRecord
,
TableRowSelection
}
from
'
ant-design-vue/types/table/table
'
;
import
type
{
SorterResult
,
TableCustomRecord
,
TableRowSelection
,
}
from
'
ant-design-vue/types/table/table
'
;
import
type
{
FormProps
}
from
'
/@/components/Form/index
'
;
import
{
FETCH_SETTING
}
from
'
./const
'
;
import
{
DEFAULT_SORT_FN
,
FETCH_SETTING
}
from
'
./const
'
;
// 注释看 types/table
export
const
basicProps
=
{
tableSetting
:
{
type
:
Object
as
PropType
<
TableSetting
>
,
},
sortFn
:
{
type
:
Function
as
PropType
<
(
sortInfo
:
SorterResult
<
any
>
)
=>
any
>
,
default
:
DEFAULT_SORT_FN
,
},
showTableSetting
:
{
type
:
Boolean
as
PropType
<
boolean
>
,
default
:
false
,
...
...
src/components/Table/src/types/table.ts
浏览文件 @
491ba9a3
...
...
@@ -28,6 +28,8 @@ export interface RenderEditableCellParams {
export
interface
FetchParams
{
searchInfo
?:
any
;
page
?:
number
;
sortInfo
?:
any
;
filterInfo
?:
any
;
}
export
interface
GetColumnsParams
{
...
...
@@ -75,6 +77,8 @@ export interface TableSetting {
}
export
interface
BasicTableProps
<
T
=
any
>
{
// 自定义排序方法
sortFn
?:
(
sortInfo
:
SorterResult
<
any
>
)
=>
any
;
// 显示表格设置
showTableSetting
?:
boolean
;
tableSetting
?:
TableSetting
;
...
...
@@ -106,7 +110,6 @@ export interface BasicTableProps<T = any> {
emptyDataIsShowTable
?:
boolean
;
// 额外的请求参数
searchInfo
?:
any
;
// 使用搜索表单
useSearchForm
?:
boolean
;
// 表单配置
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录