perf: Pack on demand

This commit is contained in:
xiaoxian521
2021-04-21 23:20:14 +08:00
parent 62ad9e6f40
commit 679cfae7fb
18 changed files with 677 additions and 226 deletions

View File

@@ -18,65 +18,65 @@ export default {
exportConfig: {},
pagerConfig: {
perfect: true,
pageSize: 15,
pageSize: 15
},
editConfig: {
trigger: "click",
mode: "row",
showStatus: true,
showStatus: true
},
toolbarConfig: {
buttons: [
{
code: "insert_actived",
name: "新增",
name: "message.hsadd",
status: "perfect",
icon: "fa fa-plus",
icon: "fa fa-plus"
},
{
code: "mark_cancel",
name: "标记/取消",
name: "message.hsmark",
status: "perfect",
icon: "fa fa-trash-o",
icon: "fa fa-trash-o"
},
{
code: "save",
name: "保存",
name: "message.hssave",
status: "perfect",
icon: "fa fa-save",
},
icon: "fa fa-save"
}
],
perfect: true,
refresh: {
icon: "fa fa-refresh",
iconLoading: "fa fa-spinner fa-spin",
iconLoading: "fa fa-spinner fa-spin"
},
import: {
icon: "fa fa-upload",
icon: "fa fa-upload"
},
export: {
icon: "fa fa-download",
icon: "fa fa-download"
},
print: {
icon: "fa fa-print",
icon: "fa fa-print"
},
zoom: {
iconIn: "fa fa-arrows-alt",
iconOut: "fa fa-expand"
},
// zoom: {
// iconIn: "fa fa-arrows-alt",
// iconOut: "fa fa-expand",
// },
custom: {
icon: "fa fa-cog",
},
icon: "fa fa-cog"
}
},
proxyConfig: {
props: {
result: "result",
total: "page.total",
total: "page.total"
},
ajax: {
// 接收 Promise
query: ({ page }) => {
return new Promise((resolve) => {
return new Promise(resolve => {
setTimeout(() => {
const list = [
{
@@ -86,7 +86,7 @@ export default {
role: "Develop",
sex: "Man",
age: 28,
address: "Shenzhen",
address: "Shenzhen"
},
{
id: 10002,
@@ -95,7 +95,7 @@ export default {
role: "Test",
sex: "Women",
age: 22,
address: "Guangzhou",
address: "Guangzhou"
},
{
id: 10003,
@@ -104,7 +104,7 @@ export default {
role: "PM",
sex: "Man",
age: 32,
address: "Shanghai",
address: "Shanghai"
},
{
id: 10004,
@@ -113,7 +113,7 @@ export default {
role: "Designer",
sex: "Women ",
age: 23,
address: "Shenzhen",
address: "Shenzhen"
},
{
id: 10005,
@@ -122,7 +122,7 @@ export default {
role: "Develop",
sex: "Women ",
age: 30,
address: "Shanghai",
address: "Shanghai"
},
{
id: 10006,
@@ -131,7 +131,7 @@ export default {
role: "Designer",
sex: "Women ",
age: 21,
address: "Shenzhen",
address: "Shenzhen"
},
{
id: 10007,
@@ -140,7 +140,7 @@ export default {
role: "Test",
sex: "Man ",
age: 29,
address: "vxe-table 从入门到放弃",
address: "vxe-table 从入门到放弃"
},
{
id: 10008,
@@ -149,7 +149,7 @@ export default {
role: "Develop",
sex: "Man ",
age: 35,
address: "Shenzhen",
address: "Shenzhen"
},
{
id: 10009,
@@ -158,7 +158,7 @@ export default {
role: "Develop",
sex: "Man ",
age: 35,
address: "Shenzhen",
address: "Shenzhen"
},
{
id: 100010,
@@ -167,7 +167,7 @@ export default {
role: "Develop",
sex: "Man ",
age: 35,
address: "Guangzhou",
address: "Guangzhou"
},
{
id: 100011,
@@ -176,7 +176,7 @@ export default {
role: "Test",
sex: "Women ",
age: 26,
address: "vxe-table 从入门到放弃",
address: "vxe-table 从入门到放弃"
},
{
id: 100012,
@@ -185,7 +185,7 @@ export default {
role: "Develop",
sex: "Man ",
age: 34,
address: "Guangzhou",
address: "Guangzhou"
},
{
id: 100013,
@@ -194,24 +194,24 @@ export default {
role: "Test",
sex: "Women ",
age: 22,
address: "Shenzhen",
},
address: "Shenzhen"
}
];
resolve({
page: {
total: list.length,
total: list.length
},
result: list.slice(
(page.currentPage - 1) * page.pageSize,
page.currentPage * page.pageSize
),
)
});
}, 100);
});
},
// body 对象: { removeRecords }
delete: () => {
return new Promise((resolve) => {
return new Promise(resolve => {
setTimeout(() => {
resolve({});
}, 100);
@@ -219,13 +219,13 @@ export default {
},
// body 对象: { insertRecords, updateRecords, removeRecords, pendingRecords }
save: () => {
return new Promise((resolve) => {
return new Promise(resolve => {
setTimeout(() => {
resolve({});
}, 100);
});
},
},
}
}
},
columns: [
{ type: "checkbox", width: 50 },
@@ -237,15 +237,15 @@ export default {
field: "address",
title: "Address",
showOverflow: true,
editRender: { name: "input" },
},
],
editRender: { name: "input" }
}
]
} as VxeGridProps);
return {
gridOptions,
gridOptions
};
},
}
};
</script>