vxe-table 3.6.6 → 3.6.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/all.js +11 -82
- package/lib/all.min.js +1 -1
- package/lib/button/index.js +0 -3
- package/lib/button/src/button.js +39 -82
- package/lib/button/src/button.min.js +1 -1
- package/lib/button/style/style.css +475 -349
- package/lib/button/style/style.min.css +1 -1
- package/lib/checkbox/index.js +0 -3
- package/lib/checkbox/src/checkbox.js +15 -29
- package/lib/checkbox/src/checkbox.min.js +1 -1
- package/lib/checkbox/src/group.js +4 -12
- package/lib/checkbox/style/style.css +158 -128
- package/lib/checkbox/style/style.min.css +1 -1
- package/lib/checkbox-group/index.js +0 -3
- package/lib/checkbox-group/style/style.css +1 -1
- package/lib/colgroup/index.js +2 -5
- package/lib/colgroup/style/style.css +1 -1
- package/lib/column/index.js +2 -5
- package/lib/column/style/style.css +1 -1
- package/lib/edit/index.js +0 -6
- package/lib/edit/src/mixin.js +91 -252
- package/lib/edit/src/mixin.min.js +1 -1
- package/lib/edit/style/style.css +1 -1
- package/lib/export/index.js +1 -16
- package/lib/export/index.min.js +1 -1
- package/lib/export/src/export-panel.js +16 -41
- package/lib/export/src/export-panel.min.js +1 -1
- package/lib/export/src/import-panel.js +5 -19
- package/lib/export/src/import-panel.min.js +1 -1
- package/lib/export/src/mixin.js +105 -387
- package/lib/export/src/mixin.min.js +1 -1
- package/lib/export/style/style.css +138 -105
- package/lib/filter/index.js +0 -8
- package/lib/filter/src/mixin.js +18 -66
- package/lib/filter/src/mixin.min.js +1 -1
- package/lib/filter/src/panel.js +10 -22
- package/lib/filter/src/panel.min.js +1 -1
- package/lib/filter/style/style.css +105 -81
- package/lib/footer/index.js +0 -3
- package/lib/footer/src/footer.js +52 -84
- package/lib/footer/src/footer.min.js +1 -1
- package/lib/footer/style/style.css +1 -1
- package/lib/form/index.js +0 -3
- package/lib/form/src/form-config-item.js +23 -40
- package/lib/form/src/form-config-item.min.js +1 -1
- package/lib/form/src/form-gather.js +0 -5
- package/lib/form/src/form-item.js +18 -35
- package/lib/form/src/form-item.min.js +1 -1
- package/lib/form/src/form.js +45 -137
- package/lib/form/src/form.min.js +1 -1
- package/lib/form/src/render.js +7 -22
- package/lib/form/src/render.min.js +1 -1
- package/lib/form/src/util.js +9 -42
- package/lib/form/src/util.min.js +1 -1
- package/lib/form/style/style.css +227 -185
- package/lib/form-gather/index.js +0 -3
- package/lib/form-gather/style/style.css +1 -1
- package/lib/form-item/index.js +0 -3
- package/lib/form-item/style/style.css +1 -1
- package/lib/grid/index.js +0 -4
- package/lib/grid/src/grid.js +87 -261
- package/lib/grid/src/grid.min.js +1 -1
- package/lib/grid/style/style.css +62 -50
- package/lib/header/index.js +0 -3
- package/lib/header/src/header.js +54 -87
- package/lib/header/src/header.min.js +1 -1
- package/lib/header/src/util.js +0 -17
- package/lib/header/src/util.min.js +1 -1
- package/lib/header/style/style.css +1 -1
- package/lib/icon/index.js +0 -3
- package/lib/icon/style/iconfont.1669391208345.ttf +0 -0
- package/lib/icon/style/iconfont.1669391208345.woff +0 -0
- package/lib/icon/style/iconfont.1669391208345.woff2 +0 -0
- package/lib/icon/style/style.css +384 -197
- package/lib/icon/style/style.min.css +738 -1
- package/lib/iconfont.1669391208345.ttf +0 -0
- package/lib/iconfont.1669391208345.woff +0 -0
- package/lib/iconfont.1669391208345.woff2 +0 -0
- package/lib/index.common.js +1 -7
- package/lib/index.common.min.js +1 -1
- package/lib/index.css +1 -1
- package/lib/index.umd.js +11884 -13141
- package/lib/index.umd.min.js +1 -1
- package/lib/input/index.js +0 -3
- package/lib/input/src/date.js +0 -10
- package/lib/input/src/date.min.js +1 -1
- package/lib/input/src/input.js +208 -473
- package/lib/input/src/input.min.js +1 -1
- package/lib/input/src/number.js +0 -5
- package/lib/input/style/style.css +820 -611
- package/lib/keyboard/index.js +0 -6
- package/lib/keyboard/src/mixin.js +35 -111
- package/lib/keyboard/src/mixin.min.js +1 -1
- package/lib/keyboard/style/style.css +1 -1
- package/lib/list/index.js +0 -3
- package/lib/list/src/list.js +23 -64
- package/lib/list/src/list.min.js +1 -1
- package/lib/list/style/style.css +19 -14
- package/lib/loading/index.js +0 -3
- package/lib/loading/index.min.js +1 -1
- package/lib/loading/src/loading.js +1 -4
- package/lib/loading/style/style.css +60 -45
- package/lib/locale/lang/zh-HK.js +0 -3
- package/lib/locale/lang/zh-MO.js +0 -3
- package/lib/locale/lang/zh-TW.js +0 -3
- package/lib/menu/index.js +0 -8
- package/lib/menu/src/mixin.js +38 -100
- package/lib/menu/src/mixin.min.js +1 -1
- package/lib/menu/src/panel.js +2 -5
- package/lib/menu/style/style.css +74 -55
- package/lib/mixins/size.js +1 -1
- package/lib/modal/index.js +3 -21
- package/lib/modal/index.min.js +1 -1
- package/lib/modal/src/modal.js +97 -254
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/modal/style/style.css +346 -280
- package/lib/modal/style/style.min.css +1 -1
- package/lib/optgroup/index.js +0 -3
- package/lib/optgroup/style/style.css +1 -1
- package/lib/option/index.js +0 -3
- package/lib/option/style/style.css +1 -1
- package/lib/pager/index.js +0 -3
- package/lib/pager/src/pager.js +13 -41
- package/lib/pager/src/pager.min.js +1 -1
- package/lib/pager/style/style.css +314 -262
- package/lib/pulldown/index.js +0 -3
- package/lib/pulldown/src/pulldown.js +29 -72
- package/lib/pulldown/src/pulldown.min.js +1 -1
- package/lib/pulldown/style/style.css +51 -39
- package/lib/radio/index.js +0 -3
- package/lib/radio/src/button.js +11 -22
- package/lib/radio/src/group.js +2 -6
- package/lib/radio/src/radio.js +11 -23
- package/lib/radio/style/style.css +186 -152
- package/lib/radio/style/style.min.css +1 -1
- package/lib/radio-button/index.js +0 -3
- package/lib/radio-button/style/style.css +1 -1
- package/lib/radio-group/index.js +0 -3
- package/lib/radio-group/style/style.css +1 -1
- package/lib/select/index.js +0 -5
- package/lib/select/src/optgroup.js +0 -2
- package/lib/select/src/optgroup.min.js +1 -1
- package/lib/select/src/option.js +0 -2
- package/lib/select/src/option.min.js +1 -1
- package/lib/select/src/select.js +79 -211
- package/lib/select/src/select.min.js +1 -1
- package/lib/select/src/util.js +5 -24
- package/lib/select/src/util.min.js +1 -1
- package/lib/select/style/style.css +120 -89
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/switch/index.js +0 -3
- package/lib/switch/src/switch.js +7 -20
- package/lib/switch/src/switch.min.js +1 -1
- package/lib/switch/style/style.css +92 -71
- package/lib/table/index.js +0 -9
- package/lib/table/src/body.js +167 -261
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/cell.js +107 -222
- package/lib/table/src/cell.min.js +1 -1
- package/lib/table/src/column.js +2 -4
- package/lib/table/src/column.min.js +1 -1
- package/lib/table/src/columnInfo.js +6 -35
- package/lib/table/src/columnInfo.min.js +1 -1
- package/lib/table/src/group.js +0 -3
- package/lib/table/src/methods.js +570 -1461
- package/lib/table/src/methods.min.js +1 -1
- package/lib/table/src/table.js +123 -231
- package/lib/table/src/table.min.js +1 -1
- package/lib/table/src/util.js +28 -105
- package/lib/table/src/util.min.js +1 -1
- package/lib/table/style/style.css +1080 -863
- package/lib/table/style/style.min.css +1 -1
- package/lib/textarea/index.js +0 -3
- package/lib/textarea/src/textarea.js +23 -55
- package/lib/textarea/src/textarea.min.js +1 -1
- package/lib/textarea/style/style.css +66 -45
- package/lib/toolbar/index.js +0 -3
- package/lib/toolbar/src/toolbar.js +43 -117
- package/lib/toolbar/src/toolbar.min.js +1 -1
- package/lib/toolbar/style/style.css +232 -187
- package/lib/tools/dom.js +7 -42
- package/lib/tools/dom.min.js +1 -1
- package/lib/tools/event.js +4 -14
- package/lib/tools/event.min.js +1 -1
- package/lib/tools/log.js +1 -6
- package/lib/tools/log.min.js +1 -1
- package/lib/tools/resize.js +3 -24
- package/lib/tools/resize.min.js +1 -1
- package/lib/tools/utils.js +7 -29
- package/lib/tools/utils.min.js +1 -1
- package/lib/tools/vn.js +0 -4
- package/lib/tooltip/index.js +0 -4
- package/lib/tooltip/src/tooltip.js +29 -76
- package/lib/tooltip/src/tooltip.min.js +1 -1
- package/lib/tooltip/style/style.css +88 -64
- package/lib/v-x-e-table/index.js +6 -41
- package/lib/v-x-e-table/index.min.js +1 -1
- package/lib/v-x-e-table/src/commands.js +0 -4
- package/lib/v-x-e-table/src/conf.js +30 -18
- package/lib/v-x-e-table/src/formats.js +0 -4
- package/lib/v-x-e-table/src/interceptor.js +4 -15
- package/lib/v-x-e-table/src/menus.js +0 -4
- package/lib/v-x-e-table/src/renderer.js +62 -169
- package/lib/v-x-e-table/src/renderer.min.js +1 -1
- package/lib/v-x-e-table/src/setup.js +0 -4
- package/lib/v-x-e-table/src/store.js +3 -16
- package/lib/v-x-e-table/src/store.min.js +1 -1
- package/lib/v-x-e-table/style/style.css +444 -242
- package/lib/v-x-e-table/style/style.min.css +1 -1
- package/lib/validator/index.js +0 -6
- package/lib/validator/src/mixin.js +31 -100
- package/lib/validator/src/mixin.min.js +1 -1
- package/lib/validator/style/style.css +1 -1
- package/lib/vxe-table/style/style.css +1 -1
- package/package.json +28 -29
- package/packages/export/src/mixin.js +2 -1
- package/packages/filter/src/mixin.js +1 -1
- package/packages/form/src/form.js +5 -4
- package/packages/grid/src/grid.js +14 -14
- package/packages/table/src/column.js +2 -0
- package/packages/table/src/columnInfo.js +1 -0
- package/packages/table/src/methods.js +18 -18
- package/styles/icon/iconfont.ttf +0 -0
- package/styles/icon/iconfont.woff +0 -0
- package/styles/icon/iconfont.woff2 +0 -0
- package/styles/icon.scss +9 -1
- package/styles/table.scss +1 -1
- package/styles/variable.scss +2 -2
- package/types/column.d.ts +3 -0
package/lib/filter/src/mixin.js
CHANGED
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
9
|
-
|
|
10
8
|
var _dom = _interopRequireDefault(require("../../tools/dom"));
|
|
11
|
-
|
|
12
9
|
var _util = require("../../table/src/util");
|
|
13
|
-
|
|
14
10
|
var _vXETable = _interopRequireDefault(require("../../v-x-e-table"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
var _default = {
|
|
19
13
|
methods: {
|
|
20
14
|
/**
|
|
@@ -23,24 +17,19 @@ var _default = {
|
|
|
23
17
|
*/
|
|
24
18
|
_openFilter: function _openFilter(fieldOrColumn) {
|
|
25
19
|
var column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
|
|
26
|
-
|
|
27
20
|
if (column && column.filters) {
|
|
28
21
|
var elemStore = this.elemStore;
|
|
29
22
|
var fixed = column.fixed;
|
|
30
23
|
return this.scrollToColumn(column).then(function () {
|
|
31
24
|
var headerWrapperElem = elemStore["".concat(fixed || 'main', "-header-wrapper")] || elemStore['main-header-wrapper'];
|
|
32
|
-
|
|
33
25
|
if (headerWrapperElem) {
|
|
34
26
|
var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column.".concat(column.id, " .vxe-filter--btn"));
|
|
35
|
-
|
|
36
27
|
_dom.default.triggerEvent(filterBtnElem, 'click');
|
|
37
28
|
}
|
|
38
29
|
});
|
|
39
30
|
}
|
|
40
|
-
|
|
41
31
|
return this.$nextTick();
|
|
42
32
|
},
|
|
43
|
-
|
|
44
33
|
/**
|
|
45
34
|
* 修改筛选条件列表
|
|
46
35
|
* @param {ColumnInfo} fieldOrColumn 列
|
|
@@ -48,11 +37,9 @@ var _default = {
|
|
|
48
37
|
*/
|
|
49
38
|
_setFilter: function _setFilter(fieldOrColumn, options) {
|
|
50
39
|
var column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
|
|
51
|
-
|
|
52
40
|
if (column && column.filters && options) {
|
|
53
41
|
column.filters = (0, _util.toFilters)(options);
|
|
54
42
|
}
|
|
55
|
-
|
|
56
43
|
return this.$nextTick();
|
|
57
44
|
},
|
|
58
45
|
checkFilterOptions: function checkFilterOptions() {
|
|
@@ -64,7 +51,6 @@ var _default = {
|
|
|
64
51
|
return item._checked;
|
|
65
52
|
});
|
|
66
53
|
},
|
|
67
|
-
|
|
68
54
|
/**
|
|
69
55
|
* 点击筛选事件
|
|
70
56
|
* 当筛选图标被点击时触发
|
|
@@ -76,23 +62,19 @@ var _default = {
|
|
|
76
62
|
*/
|
|
77
63
|
triggerFilterEvent: function triggerFilterEvent(evnt, column, params) {
|
|
78
64
|
var _this = this;
|
|
79
|
-
|
|
80
65
|
var filterStore = this.filterStore;
|
|
81
|
-
|
|
82
66
|
if (filterStore.column === column && filterStore.visible) {
|
|
83
67
|
filterStore.visible = false;
|
|
84
68
|
} else {
|
|
85
69
|
var targetElem = evnt.target,
|
|
86
|
-
|
|
70
|
+
pageX = evnt.pageX;
|
|
87
71
|
var filters = column.filters,
|
|
88
|
-
|
|
89
|
-
|
|
72
|
+
filterMultiple = column.filterMultiple,
|
|
73
|
+
filterRender = column.filterRender;
|
|
90
74
|
var compConf = filterRender ? _vXETable.default.renderer.get(filterRender.name) : null;
|
|
91
75
|
var filterRecoverMethod = column.filterRecoverMethod || (compConf ? compConf.filterRecoverMethod : null);
|
|
92
|
-
|
|
93
76
|
var _DomTools$getDomNode = _dom.default.getDomNode(),
|
|
94
|
-
|
|
95
|
-
|
|
77
|
+
visibleWidth = _DomTools$getDomNode.visibleWidth;
|
|
96
78
|
Object.assign(filterStore, {
|
|
97
79
|
args: params,
|
|
98
80
|
multiple: filterMultiple,
|
|
@@ -100,13 +82,12 @@ var _default = {
|
|
|
100
82
|
column: column,
|
|
101
83
|
style: null,
|
|
102
84
|
visible: true
|
|
103
|
-
});
|
|
104
|
-
|
|
85
|
+
});
|
|
86
|
+
// 复原状态
|
|
105
87
|
filterStore.options.forEach(function (option) {
|
|
106
88
|
var _checked = option._checked,
|
|
107
|
-
|
|
89
|
+
checked = option.checked;
|
|
108
90
|
option._checked = checked;
|
|
109
|
-
|
|
110
91
|
if (!checked && _checked !== checked) {
|
|
111
92
|
if (filterRecoverMethod) {
|
|
112
93
|
filterRecoverMethod({
|
|
@@ -127,28 +108,24 @@ var _default = {
|
|
|
127
108
|
var filterHeight = 0;
|
|
128
109
|
var filterHeadElem = null;
|
|
129
110
|
var filterFootElem = null;
|
|
130
|
-
|
|
131
111
|
if (filterWrapperElem) {
|
|
132
112
|
filterWidth = filterWrapperElem.offsetWidth;
|
|
133
113
|
filterHeight = filterWrapperElem.offsetHeight;
|
|
134
114
|
filterHeadElem = filterWrapperElem.querySelector('.vxe-table--filter-header');
|
|
135
115
|
filterFootElem = filterWrapperElem.querySelector('.vxe-table--filter-footer');
|
|
136
116
|
}
|
|
137
|
-
|
|
138
117
|
var centerWidth = filterWidth / 2;
|
|
139
118
|
var minMargin = 10;
|
|
140
119
|
var maxLeft = bodyElem.clientWidth - filterWidth - minMargin;
|
|
141
120
|
var left, right;
|
|
142
121
|
var style = {
|
|
143
122
|
top: "".concat(targetElem.offsetTop + targetElem.offsetParent.offsetTop + targetElem.offsetHeight + 8, "px")
|
|
144
|
-
};
|
|
145
|
-
|
|
123
|
+
};
|
|
124
|
+
// 判断面板不能大于表格高度
|
|
146
125
|
var maxHeight = null;
|
|
147
|
-
|
|
148
126
|
if (filterHeight >= bodyElem.clientHeight) {
|
|
149
127
|
maxHeight = Math.max(60, bodyElem.clientHeight - (filterFootElem ? filterFootElem.offsetHeight : 0) - (filterHeadElem ? filterHeadElem.offsetHeight : 0));
|
|
150
128
|
}
|
|
151
|
-
|
|
152
129
|
if (column.fixed === 'left') {
|
|
153
130
|
left = targetElem.offsetLeft + targetElem.offsetParent.offsetLeft - centerWidth;
|
|
154
131
|
} else if (column.fixed === 'right') {
|
|
@@ -156,30 +133,23 @@ var _default = {
|
|
|
156
133
|
} else {
|
|
157
134
|
left = targetElem.offsetLeft + targetElem.offsetParent.offsetLeft - centerWidth - bodyElem.scrollLeft;
|
|
158
135
|
}
|
|
159
|
-
|
|
160
136
|
if (left) {
|
|
161
137
|
var overflowWidth = pageX + filterWidth - centerWidth + minMargin - visibleWidth;
|
|
162
|
-
|
|
163
138
|
if (overflowWidth > 0) {
|
|
164
139
|
left -= overflowWidth;
|
|
165
140
|
}
|
|
166
|
-
|
|
167
141
|
style.left = "".concat(Math.min(maxLeft, Math.max(minMargin, left)), "px");
|
|
168
142
|
} else if (right) {
|
|
169
143
|
var _overflowWidth = pageX + filterWidth - centerWidth + minMargin - visibleWidth;
|
|
170
|
-
|
|
171
144
|
if (_overflowWidth > 0) {
|
|
172
145
|
right += _overflowWidth;
|
|
173
146
|
}
|
|
174
|
-
|
|
175
147
|
style.right = "".concat(Math.max(minMargin, right), "px");
|
|
176
148
|
}
|
|
177
|
-
|
|
178
149
|
filterStore.style = style;
|
|
179
150
|
filterStore.maxHeight = maxHeight;
|
|
180
151
|
});
|
|
181
152
|
}
|
|
182
|
-
|
|
183
153
|
this.emitEvent('filter-visible', {
|
|
184
154
|
column: column,
|
|
185
155
|
field: column.field,
|
|
@@ -191,12 +161,11 @@ var _default = {
|
|
|
191
161
|
_getCheckedFilters: function _getCheckedFilters() {
|
|
192
162
|
var tableFullColumn = this.tableFullColumn;
|
|
193
163
|
var filterList = [];
|
|
194
|
-
tableFullColumn.
|
|
164
|
+
tableFullColumn.forEach(function (column) {
|
|
195
165
|
var field = column.field,
|
|
196
|
-
|
|
166
|
+
filters = column.filters;
|
|
197
167
|
var valueList = [];
|
|
198
168
|
var dataList = [];
|
|
199
|
-
|
|
200
169
|
if (filters && filters.length) {
|
|
201
170
|
filters.forEach(function (item) {
|
|
202
171
|
if (item.checked) {
|
|
@@ -204,7 +173,6 @@ var _default = {
|
|
|
204
173
|
dataList.push(item.data);
|
|
205
174
|
}
|
|
206
175
|
});
|
|
207
|
-
|
|
208
176
|
if (valueList.length) {
|
|
209
177
|
filterList.push({
|
|
210
178
|
column: column,
|
|
@@ -218,7 +186,6 @@ var _default = {
|
|
|
218
186
|
});
|
|
219
187
|
return filterList;
|
|
220
188
|
},
|
|
221
|
-
|
|
222
189
|
/**
|
|
223
190
|
* 确认筛选
|
|
224
191
|
* 当筛选面板中的确定按钮被按下时触发
|
|
@@ -226,11 +193,10 @@ var _default = {
|
|
|
226
193
|
*/
|
|
227
194
|
confirmFilterEvent: function confirmFilterEvent(evnt) {
|
|
228
195
|
var _this2 = this;
|
|
229
|
-
|
|
230
196
|
var filterStore = this.filterStore,
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
197
|
+
filterOpts = this.filterOpts,
|
|
198
|
+
oldScrollXLoad = this.scrollXLoad,
|
|
199
|
+
oldScrollYLoad = this.scrollYLoad;
|
|
234
200
|
var column = filterStore.column;
|
|
235
201
|
var field = column.field;
|
|
236
202
|
var values = [];
|
|
@@ -241,13 +207,12 @@ var _default = {
|
|
|
241
207
|
datas.push(item.data);
|
|
242
208
|
}
|
|
243
209
|
});
|
|
244
|
-
var filterList = this.getCheckedFilters();
|
|
245
|
-
|
|
210
|
+
var filterList = this.getCheckedFilters();
|
|
211
|
+
// 如果是服务端筛选,则跳过本地筛选处理
|
|
246
212
|
if (!filterOpts.remote) {
|
|
247
213
|
this.handleTableData(true);
|
|
248
214
|
this.checkSelectionStatus();
|
|
249
215
|
}
|
|
250
|
-
|
|
251
216
|
this.emitEvent('filter-change', {
|
|
252
217
|
column: column,
|
|
253
218
|
field: field,
|
|
@@ -260,22 +225,18 @@ var _default = {
|
|
|
260
225
|
this.closeFilter();
|
|
261
226
|
this.updateFooter().then(function () {
|
|
262
227
|
var scrollXLoad = _this2.scrollXLoad,
|
|
263
|
-
|
|
264
|
-
|
|
228
|
+
scrollYLoad = _this2.scrollYLoad;
|
|
265
229
|
if (oldScrollXLoad || scrollXLoad || oldScrollYLoad || scrollYLoad) {
|
|
266
230
|
if (oldScrollXLoad || scrollXLoad) {
|
|
267
231
|
_this2.updateScrollXSpace();
|
|
268
232
|
}
|
|
269
|
-
|
|
270
233
|
if (oldScrollYLoad || scrollYLoad) {
|
|
271
234
|
_this2.updateScrollYSpace();
|
|
272
235
|
}
|
|
273
|
-
|
|
274
236
|
return _this2.refreshScroll();
|
|
275
237
|
}
|
|
276
238
|
}).then(function () {
|
|
277
239
|
_this2.updateCellAreas();
|
|
278
|
-
|
|
279
240
|
return _this2.recalculate(true);
|
|
280
241
|
}).then(function () {
|
|
281
242
|
// 存在滚动行为未结束情况
|
|
@@ -287,20 +248,17 @@ var _default = {
|
|
|
287
248
|
handleClearFilter: function handleClearFilter(column) {
|
|
288
249
|
if (column) {
|
|
289
250
|
var filters = column.filters,
|
|
290
|
-
|
|
291
|
-
|
|
251
|
+
filterRender = column.filterRender;
|
|
292
252
|
if (filters) {
|
|
293
253
|
var compConf = filterRender ? _vXETable.default.renderer.get(filterRender.name) : null;
|
|
294
254
|
var filterResetMethod = column.filterResetMethod || (compConf ? compConf.filterResetMethod : null);
|
|
295
255
|
filters.forEach(function (item) {
|
|
296
256
|
item._checked = false;
|
|
297
257
|
item.checked = false;
|
|
298
|
-
|
|
299
258
|
if (!filterResetMethod) {
|
|
300
259
|
item.data = _xeUtils.default.clone(item.resetValue, true);
|
|
301
260
|
}
|
|
302
261
|
});
|
|
303
|
-
|
|
304
262
|
if (filterResetMethod) {
|
|
305
263
|
filterResetMethod({
|
|
306
264
|
options: filters,
|
|
@@ -311,7 +269,6 @@ var _default = {
|
|
|
311
269
|
}
|
|
312
270
|
}
|
|
313
271
|
},
|
|
314
|
-
|
|
315
272
|
/**
|
|
316
273
|
* 重置筛选
|
|
317
274
|
* 当筛选面板中的重置按钮被按下时触发
|
|
@@ -321,7 +278,6 @@ var _default = {
|
|
|
321
278
|
this.handleClearFilter(this.filterStore.column);
|
|
322
279
|
this.confirmFilterEvent(evnt);
|
|
323
280
|
},
|
|
324
|
-
|
|
325
281
|
/**
|
|
326
282
|
* 清空指定列的筛选条件
|
|
327
283
|
* 如果为空则清空所有列的筛选条件
|
|
@@ -330,17 +286,14 @@ var _default = {
|
|
|
330
286
|
_clearFilter: function _clearFilter(fieldOrColumn) {
|
|
331
287
|
var filterStore = this.filterStore;
|
|
332
288
|
var column;
|
|
333
|
-
|
|
334
289
|
if (fieldOrColumn) {
|
|
335
290
|
column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
|
|
336
|
-
|
|
337
291
|
if (column) {
|
|
338
292
|
this.handleClearFilter(column);
|
|
339
293
|
}
|
|
340
294
|
} else {
|
|
341
295
|
this.visibleColumn.forEach(this.handleClearFilter);
|
|
342
296
|
}
|
|
343
|
-
|
|
344
297
|
if (!fieldOrColumn || column !== filterStore.column) {
|
|
345
298
|
Object.assign(filterStore, {
|
|
346
299
|
isAllSelected: false,
|
|
@@ -352,7 +305,6 @@ var _default = {
|
|
|
352
305
|
visible: false
|
|
353
306
|
});
|
|
354
307
|
}
|
|
355
|
-
|
|
356
308
|
return this.updateData();
|
|
357
309
|
}
|
|
358
310
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=_interopRequireDefault(require("../../tools/dom")),_util=require("../../table/src/util"),_vXETable=_interopRequireDefault(require("../../v-x-e-table"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default={methods:{_openFilter:function(e){var t=(0,_util.handleFieldOrColumn)(this,e);
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=_interopRequireDefault(require("../../tools/dom")),_util=require("../../table/src/util"),_vXETable=_interopRequireDefault(require("../../v-x-e-table"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default={methods:{_openFilter:function(e){var t,l,i=(0,_util.handleFieldOrColumn)(this,e);return i&&i.filters?(t=this.elemStore,l=i.fixed,this.scrollToColumn(i).then(function(){var e=t["".concat(l||"main","-header-wrapper")]||t["main-header-wrapper"];e&&(e=e.querySelector(".vxe-header--column.".concat(i.id," .vxe-filter--btn")),_dom.default.triggerEvent(e,"click"))})):this.$nextTick()},_setFilter:function(e,t){e=(0,_util.handleFieldOrColumn)(this,e);return e&&e.filters&&t&&(e.filters=(0,_util.toFilters)(t)),this.$nextTick()},checkFilterOptions:function(){var e=this.filterStore;e.isAllSelected=e.options.every(function(e){return e._checked}),e.isIndeterminate=!e.isAllSelected&&e.options.some(function(e){return e._checked})},triggerFilterEvent:function(e,u,t){var h,d,l,i,r,n,p,v=this,m=this.filterStore;m.column===u&&m.visible?m.visible=!1:(h=e.target,d=e.pageX,l=u.filters,i=u.filterMultiple,r=(r=u.filterRender)?_vXETable.default.renderer.get(r.name):null,n=u.filterRecoverMethod||(r?r.filterRecoverMethod:null),p=_dom.default.getDomNode().visibleWidth,Object.assign(m,{args:t,multiple:i,options:l,column:u,style:null,visible:!0}),m.options.forEach(function(e){var t=e._checked,l=e.checked;(e._checked=l)||t===l||n&&n({option:e,column:u,$table:v})}),this.checkFilterOptions(),this.initStore.filter=!0,this.$nextTick(function(){var e,t,l=v.$refs,i=l.tableBody.$el,l=l.filterWrapper.$el,r=0,n=0,o=null,f=null,l=(l&&(r=l.offsetWidth,n=l.offsetHeight,o=l.querySelector(".vxe-table--filter-header"),f=l.querySelector(".vxe-table--filter-footer")),r/2),s=i.clientWidth-r-10,a={top:"".concat(h.offsetTop+h.offsetParent.offsetTop+h.offsetHeight+8,"px")},c=null;n>=i.clientHeight&&(c=Math.max(60,i.clientHeight-(f?f.offsetHeight:0)-(o?o.offsetHeight:0))),"left"===u.fixed?e=h.offsetLeft+h.offsetParent.offsetLeft-l:"right"===u.fixed?t=h.offsetParent.offsetWidth-h.offsetLeft+(h.offsetParent.offsetParent.offsetWidth-h.offsetParent.offsetLeft)-u.renderWidth-l:e=h.offsetLeft+h.offsetParent.offsetLeft-l-i.scrollLeft,e?(0<(n=d+r-l+10-p)&&(e-=n),a.left="".concat(Math.min(s,Math.max(10,e)),"px")):t&&(0<(f=d+r-l+10-p)&&(t+=f),a.right="".concat(Math.max(10,t),"px")),m.style=a,m.maxHeight=c})),this.emitEvent("filter-visible",{column:u,field:u.field,property:u.field,filterList:this.getCheckedFilters(),visible:m.visible},e)},_getCheckedFilters:function(){var e=this.tableFullColumn,n=[];return e.forEach(function(e){var t=e.field,l=e.filters,i=[],r=[];l&&l.length&&(l.forEach(function(e){e.checked&&(i.push(e.value),r.push(e.data))}),i.length)&&n.push({column:e,field:t,property:t,values:i,datas:r})}),n},confirmFilterEvent:function(e){var l=this,t=this.filterStore,i=this.filterOpts,r=this.scrollXLoad,n=this.scrollYLoad,t=t.column,o=t.field,f=[],s=[],a=(t.filters.forEach(function(e){e.checked&&(f.push(e.value),s.push(e.data))}),this.getCheckedFilters());i.remote||(this.handleTableData(!0),this.checkSelectionStatus()),this.emitEvent("filter-change",{column:t,field:o,property:o,values:f,datas:s,filters:a,filterList:a},e),this.closeFilter(),this.updateFooter().then(function(){var e=l.scrollXLoad,t=l.scrollYLoad;if(r||e||n||t)return(r||e)&&l.updateScrollXSpace(),(n||t)&&l.updateScrollYSpace(),l.refreshScroll()}).then(function(){return l.updateCellAreas(),l.recalculate(!0)}).then(function(){setTimeout(function(){return l.recalculate()},50)})},handleClearFilter:function(e){var t,l,i;e&&(t=e.filters,l=e.filterRender,t)&&(l=l?_vXETable.default.renderer.get(l.name):null,i=e.filterResetMethod||(l?l.filterResetMethod:null),t.forEach(function(e){e._checked=!1,e.checked=!1,i||(e.data=_xeUtils.default.clone(e.resetValue,!0))}),i)&&i({options:t,column:e,$table:this})},resetFilterEvent:function(e){this.handleClearFilter(this.filterStore.column),this.confirmFilterEvent(e)},_clearFilter:function(e){var t,l=this.filterStore;return e?(t=(0,_util.handleFieldOrColumn)(this,e))&&this.handleClearFilter(t):this.visibleColumn.forEach(this.handleClearFilter),e&&t===l.column||Object.assign(l,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),this.updateData()}}};exports.default=_default;
|
package/lib/filter/src/panel.js
CHANGED
|
@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
|
|
9
|
-
|
|
10
8
|
var _vXETable = _interopRequireDefault(require("../../v-x-e-table"));
|
|
11
|
-
|
|
12
9
|
var _utils = _interopRequireDefault(require("../../tools/utils"));
|
|
13
|
-
|
|
14
10
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
15
|
-
|
|
16
11
|
var _vn = require("../../tools/vn");
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
13
|
var _default = {
|
|
21
14
|
name: 'VxeTableFilter',
|
|
22
15
|
props: {
|
|
@@ -32,9 +25,9 @@ var _default = {
|
|
|
32
25
|
},
|
|
33
26
|
render: function render(h) {
|
|
34
27
|
var $xetable = this.$parent,
|
|
35
|
-
|
|
28
|
+
filterStore = this.filterStore;
|
|
36
29
|
var args = filterStore.args,
|
|
37
|
-
|
|
30
|
+
column = filterStore.column;
|
|
38
31
|
var filterRender = column ? column.filterRender : null;
|
|
39
32
|
var compConf = filterRender ? _vXETable.default.renderer.get(filterRender.name) : null;
|
|
40
33
|
var filterClassName = compConf ? compConf.filterClassName : '';
|
|
@@ -53,15 +46,13 @@ var _default = {
|
|
|
53
46
|
methods: {
|
|
54
47
|
renderOptions: function renderOptions(h, filterRender, compConf) {
|
|
55
48
|
var _this = this;
|
|
56
|
-
|
|
57
49
|
var $xetable = this.$parent,
|
|
58
|
-
|
|
50
|
+
filterStore = this.filterStore;
|
|
59
51
|
var args = filterStore.args,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
52
|
+
column = filterStore.column,
|
|
53
|
+
multiple = filterStore.multiple,
|
|
54
|
+
maxHeight = filterStore.maxHeight;
|
|
63
55
|
var slots = column.slots;
|
|
64
|
-
|
|
65
56
|
if (slots && slots.filter) {
|
|
66
57
|
return [h('div', {
|
|
67
58
|
class: 'vxe-table--filter-template'
|
|
@@ -77,7 +68,6 @@ var _default = {
|
|
|
77
68
|
context: this
|
|
78
69
|
}, args))))];
|
|
79
70
|
}
|
|
80
|
-
|
|
81
71
|
var isAllChecked = multiple ? filterStore.isAllSelected : !filterStore.options.some(function (item) {
|
|
82
72
|
return item._checked;
|
|
83
73
|
});
|
|
@@ -130,9 +120,9 @@ var _default = {
|
|
|
130
120
|
},
|
|
131
121
|
renderFooter: function renderFooter(h) {
|
|
132
122
|
var hasCheckOption = this.hasCheckOption,
|
|
133
|
-
|
|
123
|
+
filterStore = this.filterStore;
|
|
134
124
|
var column = filterStore.column,
|
|
135
|
-
|
|
125
|
+
multiple = filterStore.multiple;
|
|
136
126
|
var filterRender = column.filterRender;
|
|
137
127
|
var compConf = filterRender ? _vXETable.default.renderer.get(filterRender.name) : null;
|
|
138
128
|
var isDisabled = !hasCheckOption && !filterStore.isAllSelected && !filterStore.isIndeterminate;
|
|
@@ -164,14 +154,13 @@ var _default = {
|
|
|
164
154
|
filterStore.isAllSelected = value;
|
|
165
155
|
filterStore.isIndeterminate = false;
|
|
166
156
|
},
|
|
167
|
-
|
|
168
157
|
/*************************
|
|
169
158
|
* Publish methods
|
|
170
159
|
*************************/
|
|
171
160
|
// (单选)筛选发生改变
|
|
172
161
|
changeRadioOption: function changeRadioOption(evnt, checked, item) {
|
|
173
162
|
var $xetable = this.$parent,
|
|
174
|
-
|
|
163
|
+
filterStore = this.filterStore;
|
|
175
164
|
filterStore.options.forEach(function (option) {
|
|
176
165
|
option._checked = false;
|
|
177
166
|
});
|
|
@@ -203,7 +192,7 @@ var _default = {
|
|
|
203
192
|
// 确认筛选
|
|
204
193
|
confirmFilter: function confirmFilter(evnt) {
|
|
205
194
|
var $xetable = this.$parent,
|
|
206
|
-
|
|
195
|
+
filterStore = this.filterStore;
|
|
207
196
|
filterStore.options.forEach(function (option) {
|
|
208
197
|
option.checked = option._checked;
|
|
209
198
|
});
|
|
@@ -217,7 +206,6 @@ var _default = {
|
|
|
217
206
|
/*************************
|
|
218
207
|
* Publish methods
|
|
219
208
|
*************************/
|
|
220
|
-
|
|
221
209
|
}
|
|
222
210
|
};
|
|
223
211
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=_interopRequireDefault(require("../../v-x-e-table")),_utils=_interopRequireDefault(require("../../tools/utils")),_xeUtils=_interopRequireDefault(require("xe-utils")),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default={name:"VxeTableFilter",props:{filterStore:Object},computed:{hasCheckOption:function(){var e=this.filterStore;return e&&e.options.some(function(e){return e.checked})}},render:function(e){var t=this.$parent,i=this.filterStore,l=i.args,n=i.column,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=_interopRequireDefault(require("../../v-x-e-table")),_utils=_interopRequireDefault(require("../../tools/utils")),_xeUtils=_interopRequireDefault(require("xe-utils")),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default={name:"VxeTableFilter",props:{filterStore:Object},computed:{hasCheckOption:function(){var e=this.filterStore;return e&&e.options.some(function(e){return e.checked})}},render:function(e){var t=this.$parent,i=this.filterStore,l=i.args,n=i.column,n=n?n.filterRender:null,r=n?_vXETable.default.renderer.get(n.name):null,a=r?r.filterClassName:"";return e("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",r&&r.className?r.className:"",_utils.default.getClass(a,Object.assign({$panel:this,$table:t},l)),{"is--animat":t.animat,"is--multiple":i.multiple,"is--active":i.visible}],style:i.style},i.visible?this.renderOptions(e,n,r).concat(this.renderFooter(e)):[])},methods:{renderOptions:function(i,e,t){var l=this,n=this.$parent,r=this.filterStore,a=r.args,o=r.column,c=r.multiple,s=r.maxHeight,o=o.slots;return o&&o.filter?[i("div",{class:"vxe-table--filter-template"},n.callSlot(o.filter,Object.assign({$panel:this,context:this},a),i))]:t&&t.renderFilter?[i("div",{class:"vxe-table--filter-template"},(0,_vn.getSlotVNs)(t.renderFilter.call(n,i,e,Object.assign({$panel:this,context:this},a))))]:(o=c?r.isAllSelected:!r.options.some(function(e){return e._checked}),t=c&&r.isIndeterminate,[i("ul",{class:"vxe-table--filter-header"},[i("li",{class:["vxe-table--filter-option",{"is--checked":o,"is--indeterminate":t}],attrs:{title:_conf.default.i18n(c?"vxe.table.allTitle":"vxe.table.allFilter")},on:{click:function(e){l.changeAllOption(e,!r.isAllSelected)}}},(c?[i("span",{class:["vxe-checkbox--icon",t?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:o?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([i("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.table.allFilter"))]))]),i("ul",{class:"vxe-table--filter-body",style:s?{maxHeight:"".concat(s,"px")}:{}},r.options.map(function(t){var e=t._checked;return i("li",{class:["vxe-table--filter-option",{"is--checked":e}],attrs:{title:t.label},on:{click:function(e){l.changeOption(e,!t._checked,t)}}},(c?[i("span",{class:["vxe-checkbox--icon",e?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([i("span",{class:"vxe-checkbox--label"},_utils.default.formatText(t.label,1))]))}))])},renderFooter:function(e){var t=this.hasCheckOption,i=this.filterStore,l=i.column,n=i.multiple,l=l.filterRender,l=l?_vXETable.default.renderer.get(l.name):null,t=!t&&!i.isAllSelected&&!i.isIndeterminate;return!n||l&&(_xeUtils.default.isBoolean(l.showFilterFooter)?!1===l.showFilterFooter:!1===l.isFooter)?[]:[e("div",{class:"vxe-table--filter-footer"},[e("button",{class:{"is--disabled":t},attrs:{disabled:t},on:{click:this.confirmFilter}},_conf.default.i18n("vxe.table.confirmFilter")),e("button",{on:{click:this.resetFilter}},_conf.default.i18n("vxe.table.resetFilter"))])]},filterCheckAllEvent:function(e,t){var i=this.filterStore;i.options.forEach(function(e){e._checked=t,e.checked=t}),i.isAllSelected=t,i.isIndeterminate=!1},changeRadioOption:function(e,t,i){var l=this.$parent;this.filterStore.options.forEach(function(e){e._checked=!1}),i._checked=t,l.checkFilterOptions(),this.confirmFilter(e)},changeMultipleOption:function(e,t,i){var l=this.$parent;i._checked=t,l.checkFilterOptions()},changeAllOption:function(e,t){this.filterStore.multiple?this.filterCheckAllEvent(e,t):this.resetFilter(e)},changeOption:function(e,t,i){this.filterStore.multiple?this.changeMultipleOption(e,t,i):this.changeRadioOption(e,t,i)},confirmFilter:function(e){var t=this.$parent;this.filterStore.options.forEach(function(e){e.checked=e._checked}),t.confirmFilterEvent(e)},resetFilter:function(e){this.$parent.resetFilterEvent(e)}}};exports.default=_default;
|