lxm_front/vxe-table
1
0
Fork 0
mirror of https://gitee.com/xuliangzhan_admin/vxe-table.git synced 2026-01-21 05:27:57 +08:00
Code Issues Projects Releases Wiki Activity

优化重构

Browse Source
This commit is contained in:
xuliangzhan
2020-04-05 17:40:29 +08:00
parent 93e1617b1a
commit 5b9ac3cd95
28 changed files with 297 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/static/css/advanced.987cb5e5.css rel=prefetch><link href=/vxe-table/static/css/api.754de7ad.css rel=prefetch><link href=/vxe-table/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/static/css/edit.229a13af.css rel=prefetch><link href=/vxe-table/static/css/grid.aa3d6c9d.css rel=prefetch><link href=/vxe-table/static/css/module.11050da7.css rel=prefetch><link href=/vxe-table/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/static/css/start.5d992dc3.css rel=prefetch><link href=/vxe-table/static/css/tree.ffbbba2c.css rel=prefetch><link href=/vxe-table/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/static/js/advanced.d633878f.js rel=prefetch><link href=/vxe-table/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.d9ecbab9.js rel=prefetch><link href=/vxe-table/static/js/api.82a5fe7a.js rel=prefetch><link href=/vxe-table/static/js/base.18adc936.js rel=prefetch><link href=/vxe-table/static/js/edit.e973cfe8.js rel=prefetch><link href=/vxe-table/static/js/excel.0865f3b1.js rel=prefetch><link href=/vxe-table/static/js/grid.a3536fc2.js rel=prefetch><link href=/vxe-table/static/js/module.731373ce.js rel=prefetch><link href=/vxe-table/static/js/other.ad4396e9.js rel=prefetch><link href=/vxe-table/static/js/plugin.1c6ed472.js rel=prefetch><link href=/vxe-table/static/js/scroll.ca8e58d4.js rel=prefetch><link href=/vxe-table/static/js/start.067b208e.js rel=prefetch><link href=/vxe-table/static/js/tree.3716e525.js rel=prefetch><link href=/vxe-table/static/js/virtual-tree.d1c97f2b.js rel=prefetch><link href=/vxe-table/static/css/chunk-vendors.43489e4b.css rel=preload as=style><link href=/vxe-table/static/css/index.5cbf7547.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.fd2ea609.js rel=preload as=script><link href=/vxe-table/static/js/index.8974cf7c.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.43489e4b.css rel=stylesheet><link href=/vxe-table/static/css/index.5cbf7547.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.fd2ea609.js></script><script src=/vxe-table/static/js/index.8974cf7c.js></script></body></html>
})();</script><link href=/vxe-table/static/css/advanced.987cb5e5.css rel=prefetch><link href=/vxe-table/static/css/api.754de7ad.css rel=prefetch><link href=/vxe-table/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/static/css/edit.229a13af.css rel=prefetch><link href=/vxe-table/static/css/grid.aa3d6c9d.css rel=prefetch><link href=/vxe-table/static/css/module.11050da7.css rel=prefetch><link href=/vxe-table/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/static/css/start.5d992dc3.css rel=prefetch><link href=/vxe-table/static/css/tree.ffbbba2c.css rel=prefetch><link href=/vxe-table/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/static/js/advanced.d633878f.js rel=prefetch><link href=/vxe-table/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.d9ecbab9.js rel=prefetch><link href=/vxe-table/static/js/api.82a5fe7a.js rel=prefetch><link href=/vxe-table/static/js/base.18adc936.js rel=prefetch><link href=/vxe-table/static/js/edit.e973cfe8.js rel=prefetch><link href=/vxe-table/static/js/excel.0865f3b1.js rel=prefetch><link href=/vxe-table/static/js/grid.a3536fc2.js rel=prefetch><link href=/vxe-table/static/js/module.731373ce.js rel=prefetch><link href=/vxe-table/static/js/other.ad4396e9.js rel=prefetch><link href=/vxe-table/static/js/plugin.1c6ed472.js rel=prefetch><link href=/vxe-table/static/js/scroll.ca8e58d4.js rel=prefetch><link href=/vxe-table/static/js/start.41299caa.js rel=prefetch><link href=/vxe-table/static/js/tree.3716e525.js rel=prefetch><link href=/vxe-table/static/js/virtual-tree.d1c97f2b.js rel=prefetch><link href=/vxe-table/static/css/chunk-vendors.43489e4b.css rel=preload as=style><link href=/vxe-table/static/css/index.5cbf7547.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.fd2ea609.js rel=preload as=script><link href=/vxe-table/static/js/index.4eb49ef7.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.43489e4b.css rel=stylesheet><link href=/vxe-table/static/css/index.5cbf7547.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.fd2ea609.js></script><script src=/vxe-table/static/js/index.4eb49ef7.js></script></body></html>

2
docs/static/js/index.8974cf7c.js → docs/static/js/index.4eb49ef7.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/v2/static/js/start.7fd410bb.js → docs/static/js/start.41299caa.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/v1/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/v1/static/css/advanced.987cb5e5.css rel=prefetch><link href=/vxe-table/v1/static/css/api.754de7ad.css rel=prefetch><link href=/vxe-table/v1/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v1/static/css/edit.1a30a84f.css rel=prefetch><link href=/vxe-table/v1/static/css/grid.aa3d6c9d.css rel=prefetch><link href=/vxe-table/v1/static/css/module.11050da7.css rel=prefetch><link href=/vxe-table/v1/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v1/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/v1/static/css/start.5d992dc3.css rel=prefetch><link href=/vxe-table/v1/static/css/tree.ffbbba2c.css rel=prefetch><link href=/vxe-table/v1/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/v1/static/js/advanced.703b53b6.js rel=prefetch><link href=/vxe-table/v1/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.9c6eb998.js rel=prefetch><link href=/vxe-table/v1/static/js/api.3fe60fc3.js rel=prefetch><link href=/vxe-table/v1/static/js/base.030e2ca9.js rel=prefetch><link href=/vxe-table/v1/static/js/edit.bf4b7a67.js rel=prefetch><link href=/vxe-table/v1/static/js/excel.9d318032.js rel=prefetch><link href=/vxe-table/v1/static/js/grid.d995146a.js rel=prefetch><link href=/vxe-table/v1/static/js/module.6bd43d8c.js rel=prefetch><link href=/vxe-table/v1/static/js/other.1ce6154b.js rel=prefetch><link href=/vxe-table/v1/static/js/plugin.f4cfbad0.js rel=prefetch><link href=/vxe-table/v1/static/js/scroll.75cd530b.js rel=prefetch><link href=/vxe-table/v1/static/js/start.76fa3609.js rel=prefetch><link href=/vxe-table/v1/static/js/tree.9cd091f6.js rel=prefetch><link href=/vxe-table/v1/static/js/virtual-tree.88b9b567.js rel=prefetch><link href=/vxe-table/v1/static/css/chunk-vendors.43489e4b.css rel=preload as=style><link href=/vxe-table/v1/static/css/index.a4231743.css rel=preload as=style><link href=/vxe-table/v1/static/js/chunk-vendors.329bf84c.js rel=preload as=script><link href=/vxe-table/v1/static/js/index.c6d3dc9b.js rel=preload as=script><link href=/vxe-table/v1/static/css/chunk-vendors.43489e4b.css rel=stylesheet><link href=/vxe-table/v1/static/css/index.a4231743.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v1/static/js/chunk-vendors.329bf84c.js></script><script src=/vxe-table/v1/static/js/index.c6d3dc9b.js></script></body></html>
})();</script><link href=/vxe-table/v1/static/css/advanced.987cb5e5.css rel=prefetch><link href=/vxe-table/v1/static/css/api.754de7ad.css rel=prefetch><link href=/vxe-table/v1/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v1/static/css/edit.1a30a84f.css rel=prefetch><link href=/vxe-table/v1/static/css/grid.aa3d6c9d.css rel=prefetch><link href=/vxe-table/v1/static/css/module.11050da7.css rel=prefetch><link href=/vxe-table/v1/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v1/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/v1/static/css/start.5d992dc3.css rel=prefetch><link href=/vxe-table/v1/static/css/tree.ffbbba2c.css rel=prefetch><link href=/vxe-table/v1/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/v1/static/js/advanced.703b53b6.js rel=prefetch><link href=/vxe-table/v1/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.9c6eb998.js rel=prefetch><link href=/vxe-table/v1/static/js/api.3fe60fc3.js rel=prefetch><link href=/vxe-table/v1/static/js/base.030e2ca9.js rel=prefetch><link href=/vxe-table/v1/static/js/edit.bf4b7a67.js rel=prefetch><link href=/vxe-table/v1/static/js/excel.9d318032.js rel=prefetch><link href=/vxe-table/v1/static/js/grid.d995146a.js rel=prefetch><link href=/vxe-table/v1/static/js/module.6bd43d8c.js rel=prefetch><link href=/vxe-table/v1/static/js/other.1ce6154b.js rel=prefetch><link href=/vxe-table/v1/static/js/plugin.f4cfbad0.js rel=prefetch><link href=/vxe-table/v1/static/js/scroll.75cd530b.js rel=prefetch><link href=/vxe-table/v1/static/js/start.f072eb55.js rel=prefetch><link href=/vxe-table/v1/static/js/tree.9cd091f6.js rel=prefetch><link href=/vxe-table/v1/static/js/virtual-tree.88b9b567.js rel=prefetch><link href=/vxe-table/v1/static/css/chunk-vendors.43489e4b.css rel=preload as=style><link href=/vxe-table/v1/static/css/index.a4231743.css rel=preload as=style><link href=/vxe-table/v1/static/js/chunk-vendors.329bf84c.js rel=preload as=script><link href=/vxe-table/v1/static/js/index.42035383.js rel=preload as=script><link href=/vxe-table/v1/static/css/chunk-vendors.43489e4b.css rel=stylesheet><link href=/vxe-table/v1/static/css/index.a4231743.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v1/static/js/chunk-vendors.329bf84c.js></script><script src=/vxe-table/v1/static/js/index.42035383.js></script></body></html>

2
docs/v1/static/js/index.c6d3dc9b.js → docs/v1/static/js/index.42035383.js
View File

File diff suppressed because one or more lines are too long

2
docs/v1/static/js/start.76fa3609.js → docs/v1/static/js/start.f072eb55.js
View File

File diff suppressed because one or more lines are too long

2
docs/v2/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/v2/static/css/advanced.987cb5e5.css rel=prefetch><link href=/vxe-table/v2/static/css/api.754de7ad.css rel=prefetch><link href=/vxe-table/v2/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v2/static/css/edit.229a13af.css rel=prefetch><link href=/vxe-table/v2/static/css/grid.aa3d6c9d.css rel=prefetch><link href=/vxe-table/v2/static/css/module.11050da7.css rel=prefetch><link href=/vxe-table/v2/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v2/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/v2/static/css/start.5d992dc3.css rel=prefetch><link href=/vxe-table/v2/static/css/tree.ffbbba2c.css rel=prefetch><link href=/vxe-table/v2/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/v2/static/js/advanced.0a1eac13.js rel=prefetch><link href=/vxe-table/v2/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.d9ecbab9.js rel=prefetch><link href=/vxe-table/v2/static/js/api.15639ed8.js rel=prefetch><link href=/vxe-table/v2/static/js/base.11166bc2.js rel=prefetch><link href=/vxe-table/v2/static/js/edit.cb80c0b6.js rel=prefetch><link href=/vxe-table/v2/static/js/excel.2270fbe2.js rel=prefetch><link href=/vxe-table/v2/static/js/grid.62d7dac2.js rel=prefetch><link href=/vxe-table/v2/static/js/module.17b047c5.js rel=prefetch><link href=/vxe-table/v2/static/js/other.bd4b76eb.js rel=prefetch><link href=/vxe-table/v2/static/js/plugin.fb87be37.js rel=prefetch><link href=/vxe-table/v2/static/js/scroll.755cb958.js rel=prefetch><link href=/vxe-table/v2/static/js/start.7fd410bb.js rel=prefetch><link href=/vxe-table/v2/static/js/tree.bc2a74e0.js rel=prefetch><link href=/vxe-table/v2/static/js/virtual-tree.0b58daeb.js rel=prefetch><link href=/vxe-table/v2/static/css/chunk-vendors.806dc144.css rel=preload as=style><link href=/vxe-table/v2/static/css/index.72e65911.css rel=preload as=style><link href=/vxe-table/v2/static/js/chunk-vendors.ffc4efca.js rel=preload as=script><link href=/vxe-table/v2/static/js/index.bb6aec3b.js rel=preload as=script><link href=/vxe-table/v2/static/css/chunk-vendors.806dc144.css rel=stylesheet><link href=/vxe-table/v2/static/css/index.72e65911.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v2/static/js/chunk-vendors.ffc4efca.js></script><script src=/vxe-table/v2/static/js/index.bb6aec3b.js></script></body></html>
})();</script><link href=/vxe-table/v2/static/css/advanced.987cb5e5.css rel=prefetch><link href=/vxe-table/v2/static/css/api.754de7ad.css rel=prefetch><link href=/vxe-table/v2/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v2/static/css/edit.229a13af.css rel=prefetch><link href=/vxe-table/v2/static/css/grid.aa3d6c9d.css rel=prefetch><link href=/vxe-table/v2/static/css/module.11050da7.css rel=prefetch><link href=/vxe-table/v2/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v2/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/v2/static/css/start.5d992dc3.css rel=prefetch><link href=/vxe-table/v2/static/css/tree.ffbbba2c.css rel=prefetch><link href=/vxe-table/v2/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/v2/static/js/advanced.0a1eac13.js rel=prefetch><link href=/vxe-table/v2/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.d9ecbab9.js rel=prefetch><link href=/vxe-table/v2/static/js/api.15639ed8.js rel=prefetch><link href=/vxe-table/v2/static/js/base.11166bc2.js rel=prefetch><link href=/vxe-table/v2/static/js/edit.cb80c0b6.js rel=prefetch><link href=/vxe-table/v2/static/js/excel.2270fbe2.js rel=prefetch><link href=/vxe-table/v2/static/js/grid.62d7dac2.js rel=prefetch><link href=/vxe-table/v2/static/js/module.17b047c5.js rel=prefetch><link href=/vxe-table/v2/static/js/other.bd4b76eb.js rel=prefetch><link href=/vxe-table/v2/static/js/plugin.fb87be37.js rel=prefetch><link href=/vxe-table/v2/static/js/scroll.755cb958.js rel=prefetch><link href=/vxe-table/v2/static/js/start.8244ee4b.js rel=prefetch><link href=/vxe-table/v2/static/js/tree.bc2a74e0.js rel=prefetch><link href=/vxe-table/v2/static/js/virtual-tree.0b58daeb.js rel=prefetch><link href=/vxe-table/v2/static/css/chunk-vendors.806dc144.css rel=preload as=style><link href=/vxe-table/v2/static/css/index.72e65911.css rel=preload as=style><link href=/vxe-table/v2/static/js/chunk-vendors.ffc4efca.js rel=preload as=script><link href=/vxe-table/v2/static/js/index.8dc5ddcb.js rel=preload as=script><link href=/vxe-table/v2/static/css/chunk-vendors.806dc144.css rel=stylesheet><link href=/vxe-table/v2/static/css/index.72e65911.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v2/static/js/chunk-vendors.ffc4efca.js></script><script src=/vxe-table/v2/static/js/index.8dc5ddcb.js></script></body></html>

2
docs/v2/static/js/index.bb6aec3b.js → docs/v2/static/js/index.8dc5ddcb.js
View File

File diff suppressed because one or more lines are too long

2
docs/static/js/start.067b208e.js → docs/v2/static/js/start.8244ee4b.js
View File

File diff suppressed because one or more lines are too long

283
examples/views/table/start/Global.vue
View File

@@ -1,152 +1,119 @@
<template>
<div>
<h2>size</h2>
<pre>
<code class="xml">
每个组件都有 size 属性，默认是继承父组件，所以只要给局部的父组件设置 size，所有后代组件一律继承，该功能对于很多场景中都非常有用
</code>
</pre>
<h2>Default Global Props</h2>
<pre>
<code class="javascript">
import VXETable from 'vxe-table'
VXETable.setup({
// 表格的全局参数
// size: 'small',
// showOverflow: null,
// showHeaderOverflow: null,
// align: null,
// headerAlign: null,
// stripe: false,
// border: false,
// resizable: false,
// showHeader: true,
// highlightCurrentRow: false,
// highlightHoverRow: false,
// highlightCurrentColumn: false,
// highlightHoverColumn: false,
// zIndex: 100, // 全局 zIndex 起始值，如果项目的的 z-index 样式值过大时就需要跟随设置更大，避免被遮挡
// keepSource: false,
// rowId: null, // 行数据的唯一主键字段名 _XID
radioConfig: {
// trigger: 'default'
},
checkboxConfig: {
// trigger: 'default'
},
sortConfig: {
// remote: false,
// trigger: 'default',
orders: ['asc', 'desc', null]
},
filterConfig: {
// remote: false
},
importConfig: {
// mode: 'covering',
// modes: ['insert', 'covering'],
// remote: false,
// importMethod () {}
},
exportConfig: {
// isPrint: true,
// modes: ['current', 'selected'],
// types: ['csv', 'html', 'xml', 'txt'],
// remote: false,
// exportMethod () {}
},
expandConfig: {
// trigger: 'default'
},
treeConfig: {
// children: 'children',
// hasChild: 'hasChild',
// indent: 20
},
tooltipConfig: {
// theme: 'dark'
},
validConfig: {
// message: 'default'
},
editConfig: {
// mode: 'cell'
},
contextMenu: {
// header: {
// options: []
// size: null, // 全局尺寸
zIndex: 100, // 全局 zIndex 起始值，如果项目的的 z-index 样式值过大时就需要跟随设置更大，避免被遮挡
version: 0, // 版本号，对于某些带数据缓存的功能有用到，上升版本号可以用于重置数据
table: {
showHeader: true,
// keepSource: false,
// showOverflow: null,
// showHeaderOverflow: null,
// resizeInterval: 500,
// size: null,
// zIndex: null,
// resizable: false,
// stripe: false,
// border: false,
// radioConfig: {
// trigger: 'default'
// },
// body: {
// options: []
// checkboxConfig: {
// trigger: 'default'
// },
// footer: {
// options: []
// sortConfig: {
// remote: false,
// trigger: 'default',
// orders: ['asc', 'desc', null]
// },
// visibleMethod () {}
},
// 版本号（对于某些带 Storage 数据储存的功能有用到，上升版本号可以用于重置 Storage 数据）
// version: 0,
// 高级表格的全局参数
grid: {
proxyConfig: {
// autoLoad: true,
// message: true,
// props: {
// list: null,
// result: 'result',
// total: 'page.total'
// },
// 列初始化之前
// beforeColumn ({ column }) {},
// 查询触发之前
// beforeQuery ({ options, page, sort, filters }) {
// page 如果有，读取当前分页的对象
// sort 如果有，读取当前排序的条件
// filters 如果有，读取当前筛选的条件
// return fetch('url', { method: 'GET' }).then(response => response.json())
// },
// 删除触发之前
// beforeDelete ({ options, body }) {
// body.removeRecords 移除的数据列表
// return fetch('url', { method: 'DELETE' }).then(response => response.json())
// },
// 删除完成之后
// afterDelete ({ $grid }) {
// $grid.commitProxy('reload')
// },
// 保存触发之前
// beforeSave ({ options, body }) {
// body.pendingRecords 标记删除的数据列表
// body.insertRecords 插入的数据列表
// body.removeRecords 移除的数据列表
// body.updateRecords 改变的数据列表
// return fetch('url', { method: 'POST', body }).then(response => response.json())
// },
// 保存完成之后
// afterSave ({ $grid }) {
// $grid.commitProxy('reload')
// }
// filterConfig: {
// remote: false
// },
// expandConfig: {
// trigger: 'default'
// },
// treeConfig: {
// children: 'children',
// hasChild: 'hasChild',
// indent: 20
// },
// tooltipConfig: {
// theme: 'dark'
// },
// validConfig: {
// message: 'default'
// },
// editConfig: {
// mode: 'cell'
// },
// contextMenu: {
// visibleMethod () {}
// },
// rowId: '_XID', // 行数据的唯一主键字段名
importConfig: {
modes: ['insert', 'covering']
},
exportConfig: {
isPrint: true,
modes: ['current', 'selected']
},
optimization: {
animat: true,
// cloak: false,
delayHover: 250,
scrollX: {
gt: 60
},
scrollY: {
gt: 100
}
}
},
// 默认 tooltip 主题样式
tooltip: {
// trigger: 'hover',
// theme: 'dark'
grid: {
// size: null,
proxyConfig: {
autoLoad: true,
message: true,
props: {
list: null,
result: 'result',
total: 'page.total'
}
// beforeItem: null,
// beforeColumn: null,
// beforeQuery: null,
// afterQuery: null,
// beforeDelete: null,
// afterDelete: null,
// beforeSave: null,
// afterSave: null
}
},
tooltip: {
// size: null,
trigger: 'hover',
theme: 'dark',
leaveDelay: 300
},
// 分页的全局参数
pager: {
// size: null,
// perfect: true,
// pageSize: 10,
// pagerCount: 7,
// pageSizes: [10, 15, 20, 50, 100],
// layouts: ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total'] // 非常灵活的分页布局，支持任意位置随意换
// layouts: ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']
},
// 表单的全局参数
form: {
// size: null,
// colon: false
},
input: {
// size: null,
// transfer: false
// parseFormat: 'yyyy-MM-dd HH:mm:ss.SSS',
// labelFormat: '',
@@ -154,13 +121,25 @@
startWeek: 1,
digits: 2
},
// 下拉框的全局参数
textarea: {
size: null,
// autosize: {
// minRows: 1,
// maxRows: 10
// }
},
select: {
// size: null,
// transfer: false
},
// 工具栏的全局参数
toolbar: {
// refresh: false,
// size: null,
// import: {
// mode: 'covering'
// },
// export: {
// types: ['csv', 'html', 'xml', 'txt']
// },
// resizable: {
// storage: false
// },
@@ -170,36 +149,32 @@
// },
// buttons: []
},
// 按钮的全局参数
button: {
// size: null,
// transfer: false
},
// 窗口的全局参数
modal: {
// minWidth: 340,
// minHeight: 200,
// lockView: true,
// mask: true,
// duration: 3000,
// marginSize: 8,
// dblclickZoom: true,
// showTitleOverflow: true,
// remember: false,
// animat: true,
// storage: false,
// storageKey: 'VXE_MODAL_POSITION'
radio: {
// size: null
},
// 优化的全局参数
optimization : {
// animat: true,
// cloak: false, // 可以设置为 true 来避免初始化渲染时的闪动
// delayHover: 250,
// scrollX: {
// gt: 40
// },
// scrollY: {
// gt: 100
// }
checkbox: {
// size: null
},
switch: {
// size: null
},
modal: {
// size: null,
minWidth: 340,
minHeight: 200,
lockView: true,
mask: true,
duration: 3000,
marginSize: 8,
dblclickZoom: true,
showTitleOverflow: true,
animat: true,
// storage: false,
storageKey: 'VXE_MODAL_POSITION'
},
// 集成国际化（将对列头、校验提示..进行自动翻译）
// translate: : key => i18n.t(key)

2
packages/button/src/button.js
View File

@@ -6,7 +6,7 @@ export default {
name: 'VxeButton',
props: {
type: String,
size: String,
size: { type: String, default: () => GlobalConfig.button.size || GlobalConfig.size },
name: [String, Number],
content: String,
placement: String,

3
packages/checkbox/src/checkbox.js
View File

@@ -1,4 +1,5 @@
import { UtilTools } from '../../tools'
import GlobalConfig from '../../conf'
export default {
name: 'VxeCheckbox',
@@ -9,7 +10,7 @@ export default {
title: [String, Number],
content: [String, Number],
disabled: Boolean,
size: String
size: { type: String, default: () => GlobalConfig.checkbox.size || GlobalConfig.size }
},
inject: {
$xegroup: {

4
packages/checkbox/src/group.js
View File

@@ -1,8 +1,10 @@
import GlobalConfig from '../../conf'
export default {
name: 'VxeCheckboxGroup',
props: {
value: Array,
size: String
size: { type: String, default: () => GlobalConfig.checkbox.size || GlobalConfig.size }
},
provide () {
return {

172
packages/conf/index.js
View File

@@ -1,81 +1,85 @@
const GlobalConfig = {
// keepSource: false,
// showOverflow: null,
// showHeaderOverflow: null,
// resizeInterval: 500,
// size: null,
// resizable: false,
// stripe: false,
// border: false,
// radioConfig: {
// trigger: 'default'
// },
// checkboxConfig: {
// trigger: 'default'
// },
// sortConfig: {
// remote: false,
// trigger: 'default',
// orders: ['asc', 'desc', null]
// },
// filterConfig: {
// remote: false
// },
// expandConfig: {
// trigger: 'default'
// },
// treeConfig: {
// children: 'children',
// hasChild: 'hasChild',
// indent: 20
// },
// tooltipConfig: {
// theme: 'dark'
// },
// validConfig: {
// message: 'default'
// },
// editConfig: {
// mode: 'cell'
// },
// contextMenu: {
// visibleMethod () {}
// },
fit: true,
emptyCell: '　',
showHeader: true,
zIndex: 100,
// rowId: '_XID', // 行数据的唯一主键字段名
// size: null, // 全局尺寸
zIndex: 100, // 全局 zIndex 起始值，如果项目的的 z-index 样式值过大时就需要跟随设置更大，避免被遮挡
version: 0, // 版本号，对于某些带数据缓存的功能有用到，上升版本号可以用于重置数据
importConfig: {
modes: ['insert', 'covering']
},
exportConfig: {
isPrint: true,
modes: ['current', 'selected']
},
optimization: {
animat: true,
// cloak: false,
delayHover: 250,
// rHeights: {
// default: 48,
// medium: 44,
// small: 40,
// mini: 36
emptyCell: '　',
table: {
fit: true,
showHeader: true,
// keepSource: false,
// showOverflow: null,
// showHeaderOverflow: null,
// resizeInterval: 500,
// size: null,
// zIndex: null,
// resizable: false,
// stripe: false,
// border: false,
// radioConfig: {
// trigger: 'default'
// },
scrollX: {
gt: 60
// oSize: 0,
// rSize: 0
// vSize: 0
// checkboxConfig: {
// trigger: 'default'
// },
// sortConfig: {
// remote: false,
// trigger: 'default',
// orders: ['asc', 'desc', null]
// },
// filterConfig: {
// remote: false
// },
// expandConfig: {
// trigger: 'default'
// },
// treeConfig: {
// children: 'children',
// hasChild: 'hasChild',
// indent: 20
// },
// tooltipConfig: {
// theme: 'dark'
// },
// validConfig: {
// message: 'default'
// },
// editConfig: {
// mode: 'cell'
// },
// contextMenu: {
// visibleMethod () {}
// },
// rowId: '_XID', // 行数据的唯一主键字段名
importConfig: {
modes: ['insert', 'covering']
},
scrollY: {
gt: 100
// oSize: 0,
// rSize: 0
// vSize: 0,
// rHeight: 0
exportConfig: {
isPrint: true,
modes: ['current', 'selected']
},
optimization: {
animat: true,
// cloak: false,
delayHover: 250,
// rHeights: {
// default: 48,
// medium: 44,
// small: 40,
// mini: 36
// },
scrollX: {
gt: 60
// oSize: 0,
// rSize: 0
// vSize: 0
},
scrollY: {
gt: 100
// oSize: 0,
// rSize: 0
// vSize: 0,
// rHeight: 0
}
}
},
icon: {
@@ -130,6 +134,7 @@ const GlobalConfig = {
btnLoading: 'vxe-icon--refresh roll'
},
grid: {
// size: null,
proxyConfig: {
autoLoad: true,
message: true,
@@ -141,6 +146,7 @@ const GlobalConfig = {
// beforeItem: null,
// beforeColumn: null,
// beforeQuery: null,
// afterQuery: null,
// beforeDelete: null,
// afterDelete: null,
// beforeSave: null,
@@ -148,11 +154,13 @@ const GlobalConfig = {
}
},
tooltip: {
// size: null,
trigger: 'hover',
theme: 'dark',
leaveDelay: 300
},
pager: {
// size: null,
// perfect: true,
// pageSize: 10,
// pagerCount: 7,
@@ -160,9 +168,11 @@ const GlobalConfig = {
// layouts: ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']
},
form: {
// size: null,
// colon: false
},
input: {
// size: null,
// transfer: false
// parseFormat: 'yyyy-MM-dd HH:mm:ss.SSS',
// labelFormat: '',
@@ -171,15 +181,18 @@ const GlobalConfig = {
digits: 2
},
textarea: {
// size: null,
// autosize: {
// minRows: 1,
// maxRows: 10
// }
},
select: {
// size: null,
// transfer: false
},
toolbar: {
// size: null,
// import: {
// mode: 'covering'
// },
@@ -196,9 +209,20 @@ const GlobalConfig = {
// buttons: []
},
button: {
// size: null,
// transfer: false
},
radio: {
// size: null
},
checkbox: {
// size: null
},
switch: {
// size: null
},
modal: {
// size: null,
minWidth: 340,
minHeight: 200,
lockView: true,

6
packages/export/src/mixin.js
View File

@@ -583,7 +583,7 @@ export default {
* @param {Object} options 参数
*/
_exportData (options) {
const { visibleColumn, tableFullData, treeConfig, treeOpts } = this
const { visibleColumn, tableFullData, treeConfig, treeOpts, exportOpts } = this
const opts = Object.assign({
// filename: '',
// sheetName: '',
@@ -601,7 +601,7 @@ export default {
// footerFilterMethod: null,
// exportMethod: null,
columnFilterMethod: options && options.columns ? null : column => ['seq'].indexOf(column.type) > -1 || column.property
}, GlobalConfig.export, options)
}, exportOpts, options)
if (!opts.filename) {
opts.filename = XEUtils.template(GlobalConfig.i18n(opts.original ? 'vxe.table.expOriginFilename' : 'vxe.table.expFilename'), [XEUtils.toDateString(Date.now(), 'yyyyMMddHHmmss')])
}
@@ -663,7 +663,7 @@ export default {
return Promise.resolve()
},
_importData (options) {
const opts = Object.assign({}, GlobalConfig.import, options)
const opts = Object.assign({}, this.importOpts, options)
const rest = new Promise((resolve, reject) => {
this._importResolve = resolve
this._importReject = reject

2
packages/form/src/form.js
View File

@@ -44,7 +44,7 @@ export default {
props: {
loading: Boolean,
data: Object,
size: String,
size: { type: String, default: () => GlobalConfig.form.size || GlobalConfig.size },
span: [String, Number],
align: String,
titleAlign: String,

3
packages/grid/src/grid.js
View File

@@ -120,12 +120,13 @@ Object.keys(Table.methods).forEach(name => {
export default {
name: 'VxeGrid',
props: {
...Table.props,
columns: Array,
pagerConfig: [Boolean, Object],
proxyConfig: Object,
toolbar: [Boolean, Object],
formConfig: [Boolean, Object],
...Table.props
size: { type: String, default: () => GlobalConfig.grid.size || GlobalConfig.size }
},
provide () {
return {

2
packages/input/src/input.js
View File

@@ -472,7 +472,7 @@ export default {
maxlength: [String, Number],
autocomplete: { type: String, default: 'off' },
form: String,
size: String,
size: { type: String, default: () => GlobalConfig.input.size || GlobalConfig.size },
// number、integer、float
min: { type: [String, Number], default: null },

2
packages/modal/src/modal.js
View File

@@ -41,7 +41,7 @@ export default {
storage: { type: Boolean, default: () => GlobalConfig.modal.storage },
storageKey: { type: String, default: () => GlobalConfig.modal.storageKey },
animat: { type: Boolean, default: () => GlobalConfig.modal.animat },
size: String,
size: { type: String, default: () => GlobalConfig.modal.size || GlobalConfig.size },
slots: Object,
events: Object
},

3
packages/pager/src/pager.js
View File

@@ -1,9 +1,10 @@
import XEUtils from 'xe-utils/methods/xe-utils'
import GlobalConfig from '../../conf'
export default {
name: 'VxePager',
props: {
size: String,
size: { type: String, default: () => GlobalConfig.pager.size || GlobalConfig.size },
// 自定义布局
layouts: { type: Array, default: () => GlobalConfig.pager.layouts || ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total'] },
// 当前页

3
packages/radio/src/group.js
View File

@@ -1,10 +1,11 @@
import XEUtils from 'xe-utils/methods/xe-utils'
import GlobalConfig from '../../conf'
export default {
name: 'VxeRadioGroup',
props: {
value: [String, Number],
size: String
size: { type: String, default: () => GlobalConfig.radio.size || GlobalConfig.size }
},
provide () {
return {

3
packages/radio/src/radio.js
View File

@@ -1,4 +1,5 @@
import { UtilTools } from '../../tools'
import GlobalConfig from '../../conf'
export default {
name: 'VxeRadio',
@@ -9,7 +10,7 @@ export default {
content: [String, Number],
disabled: Boolean,
name: String,
size: String
size: { type: String, default: () => GlobalConfig.radio.size || GlobalConfig.size }
},
inject: {
$xegroup: {

2
packages/select/src/select.js
View File

@@ -144,7 +144,7 @@ export default {
optionProps: Object,
optionGroups: Array,
optionGroupProps: Object,
size: String,
size: { type: String, default: () => GlobalConfig.select.size || GlobalConfig.size },
optId: { type: String, default: () => GlobalConfig.select.optId },
optKey: Boolean,
transfer: { type: Boolean, default: () => GlobalConfig.select.transfer }

3
packages/switch/src/switch.js
View File

@@ -1,4 +1,5 @@
import { UtilTools, DomTools } from '../../tools'
import GlobalConfig from '../../conf'
const browse = DomTools.browse
@@ -7,7 +8,7 @@ export default {
props: {
value: [String, Number, Boolean],
disabled: Boolean,
size: String,
size: { type: String, default: () => GlobalConfig.switch.size || GlobalConfig.size },
onLabel: String,
offLabel: String,
onValue: { type: [String, Number, Boolean], default: true },

70
packages/table/src/table.js
View File

@@ -71,33 +71,33 @@ export default {
// 表格的最大高度
maxHeight: [Number, String],
// 所有列是否允许拖动列宽调整大小
resizable: { type: Boolean, default: () => GlobalConfig.resizable },
resizable: { type: Boolean, default: () => GlobalConfig.table.resizable },
// 是否带有斑马纹
stripe: { type: Boolean, default: () => GlobalConfig.stripe },
stripe: { type: Boolean, default: () => GlobalConfig.table.stripe },
// 是否带有纵向边框
border: { type: [Boolean, String], default: () => GlobalConfig.border },
border: { type: [Boolean, String], default: () => GlobalConfig.table.border },
// 表格的尺寸
size: { type: String, default: () => GlobalConfig.size },
size: { type: String, default: () => GlobalConfig.table.size || GlobalConfig.size },
// 列的宽度是否自撑开（可能会被废弃的参数，不要使用）
fit: { type: Boolean, default: () => GlobalConfig.fit },
fit: { type: Boolean, default: () => GlobalConfig.table.fit },
// 表格是否加载中
loading: Boolean,
// 所有的列对其方式
align: { type: String, default: () => GlobalConfig.align },
align: { type: String, default: () => GlobalConfig.table.align },
// 所有的表头列的对齐方式
headerAlign: { type: String, default: () => GlobalConfig.headerAlign },
headerAlign: { type: String, default: () => GlobalConfig.table.headerAlign },
// 所有的表尾列的对齐方式
footerAlign: { type: String, default: () => GlobalConfig.footerAlign },
footerAlign: { type: String, default: () => GlobalConfig.table.footerAlign },
// 是否显示表头
showHeader: { type: Boolean, default: () => GlobalConfig.showHeader },
showHeader: { type: Boolean, default: () => GlobalConfig.table.showHeader },
// 是否要高亮当前选中行
highlightCurrentRow: { type: Boolean, default: () => GlobalConfig.highlightCurrentRow },
highlightCurrentRow: { type: Boolean, default: () => GlobalConfig.table.highlightCurrentRow },
// 鼠标移到行是否要高亮显示
highlightHoverRow: { type: Boolean, default: () => GlobalConfig.highlightHoverRow },
highlightHoverRow: { type: Boolean, default: () => GlobalConfig.table.highlightHoverRow },
// 是否要高亮当前选中列
highlightCurrentColumn: { type: Boolean, default: () => GlobalConfig.highlightCurrentColumn },
highlightCurrentColumn: { type: Boolean, default: () => GlobalConfig.table.highlightCurrentColumn },
// 鼠标移到列是否要高亮显示
highlightHoverColumn: { type: Boolean, default: () => GlobalConfig.highlightHoverColumn },
highlightHoverColumn: { type: Boolean, default: () => GlobalConfig.table.highlightHoverColumn },
// 激活单元格编辑时是否高亮显示
highlightCell: Boolean,
// 是否显示表尾合计
@@ -133,11 +133,11 @@ export default {
// 表尾合并行或列
footerSpanMethod: Function,
// 设置所有内容过长时显示为省略号
showOverflow: { type: [Boolean, String], default: () => GlobalConfig.showOverflow },
showOverflow: { type: [Boolean, String], default: () => GlobalConfig.table.showOverflow },
// 设置表头所有内容过长时显示为省略号
showHeaderOverflow: { type: [Boolean, String], default: () => GlobalConfig.showHeaderOverflow },
showHeaderOverflow: { type: [Boolean, String], default: () => GlobalConfig.table.showHeaderOverflow },
// 设置表尾所有内容过长时显示为省略号
showFooterOverflow: { type: [Boolean, String], default: () => GlobalConfig.showFooterOverflow },
showFooterOverflow: { type: [Boolean, String], default: () => GlobalConfig.table.showFooterOverflow },
// 所有列宽度
columnWidth: [Number, String],
// 所有列最小宽度，把剩余宽度按比例分配
@@ -147,9 +147,9 @@ export default {
// 主键配置
columnKey: Boolean,
rowKey: Boolean,
rowId: { type: String, default: () => GlobalConfig.rowId },
rowId: { type: String, default: () => GlobalConfig.table.rowId },
zIndex: Number,
keepSource: { type: Boolean, default: () => GlobalConfig.keepSource },
keepSource: { type: Boolean, default: () => GlobalConfig.table.keepSource },
// 是否自动监听父容器变化去更新响应式表格宽高
autoResize: Boolean,
// 是否自动根据状态属性去更新响应式表格宽高
@@ -377,10 +377,10 @@ export default {
return this.size || this.$parent.size || this.$parent.vSize
},
validOpts () {
return Object.assign({ message: 'default' }, GlobalConfig.validConfig, this.validConfig)
return Object.assign({ message: 'default' }, GlobalConfig.table.validConfig, this.validConfig)
},
optimizeOpts () {
return Object.assign({}, GlobalConfig.optimization, this.optimization)
return Object.assign({}, GlobalConfig.table.optimization, this.optimization)
},
rowHeightMaps () {
return Object.assign({
@@ -391,31 +391,31 @@ export default {
}, this.optimizeOpts.rHeights)
},
seqOpts () {
return Object.assign({ startIndex: 0 }, GlobalConfig.seqConfig, this.seqConfig)
return Object.assign({ startIndex: 0 }, GlobalConfig.table.seqConfig, this.seqConfig)
},
radioOpts () {
return Object.assign({}, GlobalConfig.radioConfig, this.radioConfig)
return Object.assign({}, GlobalConfig.table.radioConfig, this.radioConfig)
},
checkboxOpts () {
return Object.assign({}, GlobalConfig.checkboxConfig, this.checkboxConfig)
return Object.assign({}, GlobalConfig.table.checkboxConfig, this.checkboxConfig)
},
tooltipOpts () {
return Object.assign({ size: this.vSize, leaveDelay: 300 }, GlobalConfig.tooltipConfig, this.tooltipConfig)
return Object.assign({ size: this.vSize, leaveDelay: 300 }, GlobalConfig.table.tooltipConfig, this.tooltipConfig)
},
vaildTipOpts () {
return Object.assign({ isArrow: false }, this.tooltipOpts)
},
editOpts () {
return Object.assign({}, GlobalConfig.editConfig, this.editConfig)
return Object.assign({}, GlobalConfig.table.editConfig, this.editConfig)
},
sortOpts () {
return Object.assign({ orders: ['asc', 'desc', null] }, GlobalConfig.sortConfig, this.sortConfig)
return Object.assign({ orders: ['asc', 'desc', null] }, GlobalConfig.table.sortConfig, this.sortConfig)
},
filterOpts () {
return Object.assign({}, GlobalConfig.filterConfig, this.filterConfig)
return Object.assign({}, GlobalConfig.table.filterConfig, this.filterConfig)
},
mouseOpts () {
return Object.assign({}, GlobalConfig.mouseConfig, this.mouseConfig)
return Object.assign({}, GlobalConfig.table.mouseConfig, this.mouseConfig)
},
// 是否使用了分组表头
isGroup () {
@@ -443,7 +443,7 @@ export default {
return this.headerCtxMenu.length || this.bodyCtxMenu.length
},
ctxMenuOpts () {
return Object.assign({}, GlobalConfig.contextMenu, this.contextMenu)
return Object.assign({}, GlobalConfig.table.contextMenu, this.contextMenu)
},
ctxMenuList () {
const rest = []
@@ -455,26 +455,26 @@ export default {
return rest
},
exportOpts () {
return Object.assign({}, GlobalConfig.exportConfig, this.exportConfig)
return Object.assign({}, GlobalConfig.table.exportConfig, this.exportConfig)
},
importOpts () {
return Object.assign({}, GlobalConfig.importConfig, this.importConfig)
return Object.assign({}, GlobalConfig.table.importConfig, this.importConfig)
},
printOpts () {
return Object.assign({}, GlobalConfig.printConfig, this.printConfig)
return Object.assign({}, GlobalConfig.table.printConfig, this.printConfig)
},
expandOpts () {
return Object.assign({}, GlobalConfig.expandConfig, this.expandConfig)
return Object.assign({}, GlobalConfig.table.expandConfig, this.expandConfig)
},
treeOpts () {
return Object.assign({
children: 'children',
hasChild: 'hasChild',
indent: 20
}, GlobalConfig.treeConfig, this.treeConfig)
}, GlobalConfig.table.treeConfig, this.treeConfig)
},
emptyOpts () {
return Object.assign({}, GlobalConfig.emptyRender, this.emptyRender)
return Object.assign({}, GlobalConfig.table.emptyRender, this.emptyRender)
},
cellOffsetWidth () {
return this.border ? Math.max(2, Math.ceil(this.scrollbarWidth / this.tableColumn.length)) : 1

2
packages/textarea/src/textarea.js
View File

@@ -18,7 +18,7 @@ export default {
autosize: [Boolean, Object],
form: String,
resize: { type: String, default: () => GlobalConfig.textarea.resize },
size: String
size: { type: String, default: () => GlobalConfig.textarea.size || GlobalConfig.size }
},
computed: {
vSize () {

2
packages/toolbar/src/toolbar.js
View File

@@ -78,7 +78,7 @@ export default {
custom: [Boolean, Object],
buttons: { type: Array, default: () => GlobalConfig.toolbar.buttons },
perfect: { type: Boolean, default: () => GlobalConfig.toolbar.perfect },
size: String
size: { type: String, default: () => GlobalConfig.toolbar.size || GlobalConfig.size }
},
inject: {
$xegrid: {

2
packages/tooltip/src/tooltip.js
View File

@@ -6,7 +6,7 @@ export default {
name: 'VxeTooltip',
props: {
value: Boolean,
size: String,
size: { type: String, default: () => GlobalConfig.tooltip.size || GlobalConfig.size },
trigger: { type: String, default: () => GlobalConfig.tooltip.trigger },
theme: { type: String, default: () => GlobalConfig.tooltip.theme },
content: [String, Function],