Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
jxf111348
vue-vben-admin
提交
cdf0a600
V
vue-vben-admin
项目概览
jxf111348
/
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,发现更多精彩内容 >>
提交
cdf0a600
编写于
1月 12, 2021
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf: perf table
上级
efbde0d5
变更
8
隐藏空白更改
内联
并排
Showing
8 changed file
with
40 addition
and
23 deletion
+40
-23
src/components/Button/src/PopConfirmButton.vue
src/components/Button/src/PopConfirmButton.vue
+2
-1
src/components/Table/index.ts
src/components/Table/index.ts
+0
-2
src/components/Table/src/components/TableAction.vue
src/components/Table/src/components/TableAction.vue
+19
-2
src/components/Table/src/components/editable/EditableCell.vue
...components/Table/src/components/editable/EditableCell.vue
+13
-0
src/components/Table/src/components/editable/helper.ts
src/components/Table/src/components/editable/helper.ts
+3
-3
src/components/Table/src/hooks/useTableScroll.ts
src/components/Table/src/hooks/useTableScroll.ts
+1
-1
src/components/Table/src/style/index.less
src/components/Table/src/style/index.less
+2
-13
src/views/demo/page/form/high/PersonTable.vue
src/views/demo/page/form/high/PersonTable.vue
+0
-1
未找到文件。
src/components/Button/src/PopConfirmButton.vue
浏览文件 @
cdf0a600
...
...
@@ -13,6 +13,7 @@
inheritAttrs
:
false
,
components
:
{
Popconfirm
,
BasicButton
},
props
:
{
size
:
propTypes
.
oneOf
([
'
large
'
,
'
default
'
,
'
small
'
]).
def
(),
enable
:
propTypes
.
bool
.
def
(
true
),
okText
:
propTypes
.
string
,
cancelText
:
propTypes
.
string
,
...
...
@@ -31,7 +32,7 @@
return
popValues
;
});
return
()
=>
{
const
Button
=
h
(
BasicButton
,
omit
(
unref
(
attrs
),
'
icon
'
),
extendSlots
(
slots
));
const
Button
=
h
(
BasicButton
,
unref
(
getBindValues
),
extendSlots
(
slots
));
if
(
!
props
.
enable
)
{
return
Button
;
}
...
...
src/components/Table/index.ts
浏览文件 @
cdf0a600
...
...
@@ -2,11 +2,9 @@ import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
export
{
default
as
BasicTable
}
from
'
./src/BasicTable.vue
'
;
export
{
default
as
TableAction
}
from
'
./src/components/TableAction.vue
'
;
// export { default as TableImg } from './src/components/TableImg.vue';
export
{
default
as
EditTableHeaderIcon
}
from
'
./src/components/EditTableHeaderIcon.vue
'
;
export
const
TableImg
=
createAsyncComponent
(()
=>
import
(
'
./src/components/TableImg.vue
'
));
// export const TableAction = createAsyncComponent(() => import('./src/components/TableAction.vue'));
export
*
from
'
./src/types/table
'
;
export
*
from
'
./src/types/pagination
'
;
...
...
src/components/Table/src/components/TableAction.vue
浏览文件 @
cdf0a600
...
...
@@ -5,7 +5,10 @@
<Icon
:icon=
"action.icon"
class=
"mr-1"
v-if=
"action.icon"
/>
{{
action
.
label
}}
</PopConfirmButton>
<Divider
type=
"vertical"
v-if=
"divider && index
<
getActions.length
"
/>
<Divider
type=
"vertical"
v-if=
"divider && index
<
getActions.length
-
(
dropDownActions
?
0
:
1)"
/>
</
template
>
<Dropdown
:trigger=
"['hover']"
:dropMenuList=
"getDropList"
v-if=
"dropDownActions"
>
<slot
name=
"more"
/>
...
...
@@ -44,17 +47,31 @@
},
setup
(
props
)
{
const
{
prefixCls
}
=
useDesign
(
'
basic-table-action
'
);
let
table
=
{};
let
table
:
Partial
<
TableActionType
>
=
{};
if
(
!
props
.
outside
)
{
table
=
useTableContext
();
}
// const getSize = computed(() => {
// const size = table?.getSize?.();
// if (size === 'middle' || !size) {
// return;
// }
// if (size === 'default') {
// return 'large';
// }
// return size;
// });
const
getActions
=
computed
(()
=>
{
return
(
props
.
actions
||
[]).
map
((
action
)
=>
{
const
{
popConfirm
}
=
action
;
// const size = unref(getSize);
return
{
type
:
'
link
'
,
size
:
'
small
'
,
// ...(size ? { size } : {}),
...
action
,
...(
popConfirm
||
{}),
onConfirm
:
popConfirm
?.
confirm
,
...
...
src/components/Table/src/components/editable/EditableCell.vue
浏览文件 @
cdf0a600
...
...
@@ -85,6 +85,18 @@
return
unref
(
ruleMessage
)
&&
unref
(
ruleVisible
);
});
// const getSize = computed(() => {
// const size = table?.getSize?.();
// if (size === 'middle' || !size) {
// return;
// }
// if (size === 'default') {
// return 'large';
// }
// return size;
// });
const
getIsCheckComp
=
computed
(()
=>
{
const
component
=
unref
(
getComponent
);
return
[
'
Checkbox
'
,
'
Switch
'
].
includes
(
component
);
...
...
@@ -300,6 +312,7 @@
handleOptionsChange
,
getWrapperStyle
,
getRowEditable
,
// getSize,
};
},
});
...
...
src/components/Table/src/components/editable/helper.ts
浏览文件 @
cdf0a600
...
...
@@ -8,10 +8,10 @@ const { t } = useI18n();
*/
export
function
createPlaceholderMessage
(
component
:
ComponentType
)
{
if
(
component
.
includes
(
'
Input
'
))
{
return
t
(
'
com
ponent.form.inpu
t
'
);
return
t
(
'
com
mon.inputTex
t
'
);
}
if
(
component
.
includes
(
'
Picker
'
))
{
return
t
(
'
com
ponent.form.choose
'
);
return
t
(
'
com
mon.chooseText
'
);
}
if
(
...
...
@@ -20,7 +20,7 @@ export function createPlaceholderMessage(component: ComponentType) {
component
.
includes
(
'
Radio
'
)
||
component
.
includes
(
'
Switch
'
)
)
{
return
t
(
'
com
ponent.form.choose
'
);
return
t
(
'
com
mon.chooseText
'
);
}
return
''
;
}
src/components/Table/src/hooks/useTableScroll.ts
浏览文件 @
cdf0a600
...
...
@@ -143,7 +143,7 @@ export function useTableScroll(
const
table
=
unref
(
tableElRef
);
const
tableWidth
=
table
?.
$el
?.
offsetWidth
??
0
;
return
tableWidth
>
width
?
tableWidth
-
24
:
width
;
return
tableWidth
>
width
?
'
100%
'
:
width
;
});
const
getScrollRef
=
computed
(()
=>
{
...
...
src/components/Table/src/style/index.less
浏览文件 @
cdf0a600
...
...
@@ -51,7 +51,7 @@
//
.ant-table {
width: 100%;
overflow-x:
auto
;
overflow-x:
hidden
;
border: none;
&-title {
...
...
@@ -107,22 +107,11 @@
border: 1px solid @border-color !important;
}
.ant-table td {
white-space: nowrap;
}
.ant-table-tbody > tr > td,
.ant-table-tbody > tr > th,
.ant-table-thead > tr > td,
.ant-table-thead > tr > th {
white-space: pre;
}
.ant-table-tbody > tr > td > span,
.ant-table-tbody > tr > th > span,
.ant-table-thead > tr > td > span,
.ant-table-thead > tr > th > span {
display: block;
white-space: nowrap;
}
.ant-table-row-cell-last {
...
...
src/views/demo/page/form/high/PersonTable.vue
浏览文件 @
cdf0a600
...
...
@@ -30,7 +30,6 @@
title
:
'
工号
'
,
dataIndex
:
'
no
'
,
editRow
:
true
,
// customRender: renderEditableRow({ dataIndex: 'no', placeholder: '请输入工号' }),
},
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录