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/table/src/cell.js
CHANGED
|
@@ -1,41 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
4
|
-
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.Cell = void 0;
|
|
9
|
-
|
|
10
8
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
11
|
-
|
|
12
9
|
var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
|
|
13
|
-
|
|
14
10
|
var _vXETable = _interopRequireDefault(require("../../v-x-e-table"));
|
|
15
|
-
|
|
16
11
|
var _dom = _interopRequireDefault(require("../../tools/dom"));
|
|
17
|
-
|
|
18
12
|
var _utils = _interopRequireWildcard(require("../../tools/utils"));
|
|
19
|
-
|
|
20
13
|
var _util = require("./util");
|
|
21
|
-
|
|
22
14
|
var _vn = require("../../tools/vn");
|
|
23
|
-
|
|
24
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
33
|
-
|
|
18
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
34
20
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
|
-
|
|
36
21
|
function renderHelpIcon(h, params) {
|
|
37
22
|
var $table = params.$table,
|
|
38
|
-
|
|
23
|
+
column = params.column;
|
|
39
24
|
var titlePrefix = column.titlePrefix || column.titleHelp;
|
|
40
25
|
return titlePrefix ? [h('i', {
|
|
41
26
|
class: ['vxe-cell-help-icon', titlePrefix.icon || _conf.default.icon.TABLE_HELP],
|
|
@@ -49,26 +34,23 @@ function renderHelpIcon(h, params) {
|
|
|
49
34
|
}
|
|
50
35
|
})] : [];
|
|
51
36
|
}
|
|
52
|
-
|
|
53
37
|
function renderTitleContent(h, params, content) {
|
|
54
38
|
var $table = params.$table,
|
|
55
|
-
|
|
39
|
+
column = params.column;
|
|
56
40
|
var type = column.type,
|
|
57
|
-
|
|
41
|
+
showHeaderOverflow = column.showHeaderOverflow;
|
|
58
42
|
var allColumnHeaderOverflow = $table.showHeaderOverflow,
|
|
59
|
-
|
|
43
|
+
tooltipOpts = $table.tooltipOpts;
|
|
60
44
|
var showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
|
|
61
45
|
var headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
|
|
62
46
|
var showTitle = headOverflow === 'title';
|
|
63
47
|
var showTooltip = headOverflow === true || headOverflow === 'tooltip';
|
|
64
48
|
var ons = {};
|
|
65
|
-
|
|
66
49
|
if (showTitle || showTooltip || showAllTip) {
|
|
67
50
|
ons.mouseenter = function (evnt) {
|
|
68
51
|
if ($table._isResize) {
|
|
69
52
|
return;
|
|
70
53
|
}
|
|
71
|
-
|
|
72
54
|
if (showTitle) {
|
|
73
55
|
_dom.default.updateCellTitle(evnt.currentTarget, column);
|
|
74
56
|
} else if (showTooltip || showAllTip) {
|
|
@@ -76,19 +58,16 @@ function renderTitleContent(h, params, content) {
|
|
|
76
58
|
}
|
|
77
59
|
};
|
|
78
60
|
}
|
|
79
|
-
|
|
80
61
|
if (showTooltip || showAllTip) {
|
|
81
62
|
ons.mouseleave = function (evnt) {
|
|
82
63
|
if ($table._isResize) {
|
|
83
64
|
return;
|
|
84
65
|
}
|
|
85
|
-
|
|
86
66
|
if (showTooltip || showAllTip) {
|
|
87
67
|
$table.handleTargetLeaveEvent(evnt);
|
|
88
68
|
}
|
|
89
69
|
};
|
|
90
70
|
}
|
|
91
|
-
|
|
92
71
|
return [type === 'html' && _xeUtils.default.isString(content) ? h('span', {
|
|
93
72
|
class: 'vxe-cell--title',
|
|
94
73
|
domProps: {
|
|
@@ -100,80 +79,67 @@ function renderTitleContent(h, params, content) {
|
|
|
100
79
|
on: ons
|
|
101
80
|
}, content)];
|
|
102
81
|
}
|
|
103
|
-
|
|
104
82
|
function getFooterContent(h, params) {
|
|
105
83
|
var $table = params.$table,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
84
|
+
column = params.column,
|
|
85
|
+
_columnIndex = params._columnIndex,
|
|
86
|
+
items = params.items;
|
|
109
87
|
var slots = column.slots,
|
|
110
|
-
|
|
111
|
-
|
|
88
|
+
editRender = column.editRender,
|
|
89
|
+
cellRender = column.cellRender;
|
|
112
90
|
var renderOpts = editRender || cellRender;
|
|
113
|
-
|
|
114
91
|
if (slots && slots.footer) {
|
|
115
92
|
return $table.callSlot(slots.footer, params, h);
|
|
116
93
|
}
|
|
117
|
-
|
|
118
94
|
if (renderOpts) {
|
|
119
95
|
var compConf = _vXETable.default.renderer.get(renderOpts.name);
|
|
120
|
-
|
|
121
96
|
if (compConf && compConf.renderFooter) {
|
|
122
97
|
return (0, _vn.getSlotVNs)(compConf.renderFooter.call($table, h, renderOpts, params));
|
|
123
98
|
}
|
|
124
99
|
}
|
|
125
|
-
|
|
126
100
|
return [_utils.default.formatText(items[_columnIndex], 1)];
|
|
127
101
|
}
|
|
128
|
-
|
|
129
102
|
function getDefaultCellLabel(params) {
|
|
130
103
|
var $table = params.$table,
|
|
131
|
-
|
|
132
|
-
|
|
104
|
+
row = params.row,
|
|
105
|
+
column = params.column;
|
|
133
106
|
return _utils.default.formatText($table.getCellLabel(row, column), 1);
|
|
134
107
|
}
|
|
135
|
-
|
|
136
108
|
var Cell = {
|
|
137
109
|
createColumn: function createColumn($xetable, _vm) {
|
|
138
110
|
var type = _vm.type,
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
111
|
+
sortable = _vm.sortable,
|
|
112
|
+
remoteSort = _vm.remoteSort,
|
|
113
|
+
filters = _vm.filters,
|
|
114
|
+
editRender = _vm.editRender,
|
|
115
|
+
treeNode = _vm.treeNode;
|
|
144
116
|
var editConfig = $xetable.editConfig,
|
|
145
|
-
|
|
146
|
-
|
|
117
|
+
editOpts = $xetable.editOpts,
|
|
118
|
+
checkboxOpts = $xetable.checkboxOpts;
|
|
147
119
|
var renMaps = {
|
|
148
120
|
renderHeader: this.renderDefaultHeader,
|
|
149
121
|
renderCell: treeNode ? this.renderTreeCell : this.renderDefaultCell,
|
|
150
122
|
renderFooter: this.renderDefaultFooter
|
|
151
123
|
};
|
|
152
|
-
|
|
153
124
|
switch (type) {
|
|
154
125
|
case 'seq':
|
|
155
126
|
renMaps.renderHeader = this.renderSeqHeader;
|
|
156
127
|
renMaps.renderCell = treeNode ? this.renderTreeIndexCell : this.renderSeqCell;
|
|
157
128
|
break;
|
|
158
|
-
|
|
159
129
|
case 'radio':
|
|
160
130
|
renMaps.renderHeader = this.renderRadioHeader;
|
|
161
131
|
renMaps.renderCell = treeNode ? this.renderTreeRadioCell : this.renderRadioCell;
|
|
162
132
|
break;
|
|
163
|
-
|
|
164
133
|
case 'checkbox':
|
|
165
134
|
renMaps.renderHeader = this.renderCheckboxHeader;
|
|
166
135
|
renMaps.renderCell = checkboxOpts.checkField ? treeNode ? this.renderTreeSelectionCellByProp : this.renderCheckboxCellByProp : treeNode ? this.renderTreeSelectionCell : this.renderCheckboxCell;
|
|
167
136
|
break;
|
|
168
|
-
|
|
169
137
|
case 'expand':
|
|
170
138
|
renMaps.renderCell = this.renderExpandCell;
|
|
171
139
|
renMaps.renderData = this.renderExpandData;
|
|
172
140
|
break;
|
|
173
|
-
|
|
174
141
|
case 'html':
|
|
175
142
|
renMaps.renderCell = treeNode ? this.renderTreeHTMLCell : this.renderHTMLCell;
|
|
176
|
-
|
|
177
143
|
if (filters && (sortable || remoteSort)) {
|
|
178
144
|
renMaps.renderHeader = this.renderSortAndFilterHeader;
|
|
179
145
|
} else if (sortable || remoteSort) {
|
|
@@ -181,9 +147,7 @@ var Cell = {
|
|
|
181
147
|
} else if (filters) {
|
|
182
148
|
renMaps.renderHeader = this.renderFilterHeader;
|
|
183
149
|
}
|
|
184
|
-
|
|
185
150
|
break;
|
|
186
|
-
|
|
187
151
|
default:
|
|
188
152
|
if (editConfig && editRender) {
|
|
189
153
|
renMaps.renderHeader = this.renderEditHeader;
|
|
@@ -195,35 +159,28 @@ var Cell = {
|
|
|
195
159
|
} else if (filters) {
|
|
196
160
|
renMaps.renderHeader = this.renderFilterHeader;
|
|
197
161
|
}
|
|
198
|
-
|
|
199
162
|
}
|
|
200
|
-
|
|
201
163
|
return (0, _util.getColumnConfig)($xetable, _vm, renMaps);
|
|
202
164
|
},
|
|
203
|
-
|
|
204
165
|
/**
|
|
205
166
|
* 单元格
|
|
206
167
|
*/
|
|
207
168
|
renderHeaderTitle: function renderHeaderTitle(h, params) {
|
|
208
169
|
var $table = params.$table,
|
|
209
|
-
|
|
170
|
+
column = params.column;
|
|
210
171
|
var slots = column.slots,
|
|
211
|
-
|
|
212
|
-
|
|
172
|
+
editRender = column.editRender,
|
|
173
|
+
cellRender = column.cellRender;
|
|
213
174
|
var renderOpts = editRender || cellRender;
|
|
214
|
-
|
|
215
175
|
if (slots && slots.header) {
|
|
216
176
|
return renderTitleContent(h, params, $table.callSlot(slots.header, params, h));
|
|
217
177
|
}
|
|
218
|
-
|
|
219
178
|
if (renderOpts) {
|
|
220
179
|
var compConf = _vXETable.default.renderer.get(renderOpts.name);
|
|
221
|
-
|
|
222
180
|
if (compConf && compConf.renderHeader) {
|
|
223
181
|
return (0, _vn.getSlotVNs)(renderTitleContent(h, params, compConf.renderHeader.call($table, h, renderOpts, params)));
|
|
224
182
|
}
|
|
225
183
|
}
|
|
226
|
-
|
|
227
184
|
return renderTitleContent(h, params, _utils.default.formatText(column.getTitle(), 1));
|
|
228
185
|
},
|
|
229
186
|
renderDefaultHeader: function renderDefaultHeader(h, params) {
|
|
@@ -231,34 +188,30 @@ var Cell = {
|
|
|
231
188
|
},
|
|
232
189
|
renderDefaultCell: function renderDefaultCell(h, params) {
|
|
233
190
|
var $table = params.$table,
|
|
234
|
-
|
|
235
|
-
|
|
191
|
+
row = params.row,
|
|
192
|
+
column = params.column;
|
|
236
193
|
var slots = column.slots,
|
|
237
|
-
|
|
238
|
-
|
|
194
|
+
editRender = column.editRender,
|
|
195
|
+
cellRender = column.cellRender;
|
|
239
196
|
var renderOpts = editRender || cellRender;
|
|
240
|
-
|
|
241
197
|
if (slots && slots.default) {
|
|
242
198
|
return $table.callSlot(slots.default, params, h);
|
|
243
199
|
}
|
|
244
|
-
|
|
245
200
|
if (renderOpts) {
|
|
246
201
|
var funName = editRender ? 'renderCell' : 'renderDefault';
|
|
247
|
-
|
|
248
202
|
var compConf = _vXETable.default.renderer.get(renderOpts.name);
|
|
249
|
-
|
|
250
203
|
if (compConf && compConf[funName]) {
|
|
251
204
|
return (0, _vn.getSlotVNs)(compConf[funName].call($table, h, renderOpts, Object.assign({
|
|
252
205
|
$type: editRender ? 'edit' : 'cell'
|
|
253
206
|
}, params)));
|
|
254
207
|
}
|
|
255
208
|
}
|
|
256
|
-
|
|
257
209
|
var cellValue = $table.getCellLabel(row, column);
|
|
258
210
|
var cellPlaceholder = editRender ? editRender.placeholder : '';
|
|
259
211
|
return [h('span', {
|
|
260
212
|
class: 'vxe-cell--label'
|
|
261
|
-
}, editRender && (0, _utils.eqEmptyValue)(cellValue) ? [
|
|
213
|
+
}, editRender && (0, _utils.eqEmptyValue)(cellValue) ? [
|
|
214
|
+
// 如果设置占位符
|
|
262
215
|
h('span', {
|
|
263
216
|
class: 'vxe-cell--placeholder'
|
|
264
217
|
}, _utils.default.formatText((0, _utils.getFuncText)(cellPlaceholder), 1))] : _utils.default.formatText(cellValue, 1))];
|
|
@@ -271,54 +224,48 @@ var Cell = {
|
|
|
271
224
|
class: 'vxe-cell--item'
|
|
272
225
|
}, getFooterContent(h, params))];
|
|
273
226
|
},
|
|
274
|
-
|
|
275
227
|
/**
|
|
276
228
|
* 树节点
|
|
277
229
|
*/
|
|
278
230
|
renderTreeIcon: function renderTreeIcon(h, params, cellVNodes) {
|
|
279
231
|
var $table = params.$table,
|
|
280
|
-
|
|
232
|
+
isHidden = params.isHidden;
|
|
281
233
|
var treeOpts = $table.treeOpts,
|
|
282
|
-
|
|
283
|
-
|
|
234
|
+
treeExpandeds = $table.treeExpandeds,
|
|
235
|
+
treeLazyLoadeds = $table.treeLazyLoadeds;
|
|
284
236
|
var row = params.row,
|
|
285
|
-
|
|
286
|
-
|
|
237
|
+
column = params.column,
|
|
238
|
+
level = params.level;
|
|
287
239
|
var slots = column.slots;
|
|
288
240
|
var children = treeOpts.children,
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
241
|
+
hasChild = treeOpts.hasChild,
|
|
242
|
+
indent = treeOpts.indent,
|
|
243
|
+
lazy = treeOpts.lazy,
|
|
244
|
+
trigger = treeOpts.trigger,
|
|
245
|
+
iconLoaded = treeOpts.iconLoaded,
|
|
246
|
+
showIcon = treeOpts.showIcon,
|
|
247
|
+
iconOpen = treeOpts.iconOpen,
|
|
248
|
+
iconClose = treeOpts.iconClose;
|
|
297
249
|
var rowChilds = row[children];
|
|
298
250
|
var hasLazyChilds = false;
|
|
299
251
|
var isAceived = false;
|
|
300
252
|
var isLazyLoaded = false;
|
|
301
253
|
var on = {};
|
|
302
|
-
|
|
303
254
|
if (slots && slots.icon) {
|
|
304
255
|
return $table.callSlot(slots.icon, params, h, cellVNodes);
|
|
305
256
|
}
|
|
306
|
-
|
|
307
257
|
if (!isHidden) {
|
|
308
258
|
isAceived = $table.findRowIndexOf(treeExpandeds, row) > -1;
|
|
309
|
-
|
|
310
259
|
if (lazy) {
|
|
311
260
|
isLazyLoaded = $table.findRowIndexOf(treeLazyLoadeds, row) > -1;
|
|
312
261
|
hasLazyChilds = row[hasChild];
|
|
313
262
|
}
|
|
314
263
|
}
|
|
315
|
-
|
|
316
264
|
if (!trigger || trigger === 'default') {
|
|
317
265
|
on.click = function (evnt) {
|
|
318
266
|
return $table.triggerTreeExpandEvent(evnt, params);
|
|
319
267
|
};
|
|
320
268
|
}
|
|
321
|
-
|
|
322
269
|
return [h('div', {
|
|
323
270
|
class: ['vxe-cell--tree-node', {
|
|
324
271
|
'is--active': isAceived
|
|
@@ -335,27 +282,24 @@ var Cell = {
|
|
|
335
282
|
class: 'vxe-tree-cell'
|
|
336
283
|
}, cellVNodes)])];
|
|
337
284
|
},
|
|
338
|
-
|
|
339
285
|
/**
|
|
340
286
|
* 索引
|
|
341
287
|
*/
|
|
342
288
|
renderSeqHeader: function renderSeqHeader(h, params) {
|
|
343
289
|
var $table = params.$table,
|
|
344
|
-
|
|
290
|
+
column = params.column;
|
|
345
291
|
var slots = column.slots;
|
|
346
292
|
return renderTitleContent(h, params, slots && slots.header ? $table.callSlot(slots.header, params, h) : _utils.default.formatText(column.getTitle(), 1));
|
|
347
293
|
},
|
|
348
294
|
renderSeqCell: function renderSeqCell(h, params) {
|
|
349
295
|
var $table = params.$table,
|
|
350
|
-
|
|
296
|
+
column = params.column;
|
|
351
297
|
var treeConfig = $table.treeConfig,
|
|
352
|
-
|
|
298
|
+
seqOpts = $table.seqOpts;
|
|
353
299
|
var slots = column.slots;
|
|
354
|
-
|
|
355
300
|
if (slots && slots.default) {
|
|
356
301
|
return $table.callSlot(slots.default, params, h);
|
|
357
302
|
}
|
|
358
|
-
|
|
359
303
|
var seq = params.seq;
|
|
360
304
|
var seqMethod = seqOpts.seqMethod;
|
|
361
305
|
return [_utils.default.formatText(seqMethod ? seqMethod(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)];
|
|
@@ -363,13 +307,12 @@ var Cell = {
|
|
|
363
307
|
renderTreeIndexCell: function renderTreeIndexCell(h, params) {
|
|
364
308
|
return Cell.renderTreeIcon(h, params, Cell.renderSeqCell(h, params));
|
|
365
309
|
},
|
|
366
|
-
|
|
367
310
|
/**
|
|
368
311
|
* 单选
|
|
369
312
|
*/
|
|
370
313
|
renderRadioHeader: function renderRadioHeader(h, params) {
|
|
371
314
|
var $table = params.$table,
|
|
372
|
-
|
|
315
|
+
column = params.column;
|
|
373
316
|
var slots = column.slots;
|
|
374
317
|
var headerSlot = slots ? slots.header : null;
|
|
375
318
|
var titleSlot = slots ? slots.title : null;
|
|
@@ -379,14 +322,14 @@ var Cell = {
|
|
|
379
322
|
},
|
|
380
323
|
renderRadioCell: function renderRadioCell(h, params) {
|
|
381
324
|
var $table = params.$table,
|
|
382
|
-
|
|
383
|
-
|
|
325
|
+
column = params.column,
|
|
326
|
+
isHidden = params.isHidden;
|
|
384
327
|
var radioOpts = $table.radioOpts,
|
|
385
|
-
|
|
328
|
+
selectRow = $table.selectRow;
|
|
386
329
|
var slots = column.slots;
|
|
387
330
|
var labelField = radioOpts.labelField,
|
|
388
|
-
|
|
389
|
-
|
|
331
|
+
checkMethod = radioOpts.checkMethod,
|
|
332
|
+
visibleMethod = radioOpts.visibleMethod;
|
|
390
333
|
var row = params.row;
|
|
391
334
|
var defaultSlot = slots ? slots.default : null;
|
|
392
335
|
var radioSlot = slots ? slots.radio : null;
|
|
@@ -396,7 +339,6 @@ var Cell = {
|
|
|
396
339
|
});
|
|
397
340
|
var isDisabled = !!checkMethod;
|
|
398
341
|
var on;
|
|
399
|
-
|
|
400
342
|
if (!isHidden) {
|
|
401
343
|
on = {
|
|
402
344
|
click: function click(evnt) {
|
|
@@ -405,38 +347,31 @@ var Cell = {
|
|
|
405
347
|
}
|
|
406
348
|
}
|
|
407
349
|
};
|
|
408
|
-
|
|
409
350
|
if (checkMethod) {
|
|
410
351
|
isDisabled = !checkMethod({
|
|
411
352
|
row: row
|
|
412
353
|
});
|
|
413
354
|
}
|
|
414
355
|
}
|
|
415
|
-
|
|
416
356
|
var radioParams = _objectSpread(_objectSpread({}, params), {}, {
|
|
417
357
|
checked: isChecked,
|
|
418
358
|
disabled: isDisabled,
|
|
419
359
|
visible: isVisible
|
|
420
360
|
});
|
|
421
|
-
|
|
422
361
|
if (radioSlot) {
|
|
423
362
|
return $table.callSlot(radioSlot, radioParams, h);
|
|
424
363
|
}
|
|
425
|
-
|
|
426
364
|
var radioVNs = [];
|
|
427
|
-
|
|
428
365
|
if (isVisible) {
|
|
429
366
|
radioVNs.push(h('span', {
|
|
430
367
|
class: ['vxe-radio--icon', isChecked ? _conf.default.icon.TABLE_RADIO_CHECKED : _conf.default.icon.TABLE_RADIO_UNCHECKED]
|
|
431
368
|
}));
|
|
432
369
|
}
|
|
433
|
-
|
|
434
370
|
if (defaultSlot || labelField) {
|
|
435
371
|
radioVNs.push(h('span', {
|
|
436
372
|
class: 'vxe-radio--label'
|
|
437
373
|
}, defaultSlot ? $table.callSlot(defaultSlot, radioParams, h) : _xeUtils.default.get(row, labelField)));
|
|
438
374
|
}
|
|
439
|
-
|
|
440
375
|
return [h('span', {
|
|
441
376
|
class: ['vxe-cell--radio', {
|
|
442
377
|
'is--checked': isChecked,
|
|
@@ -448,24 +383,22 @@ var Cell = {
|
|
|
448
383
|
renderTreeRadioCell: function renderTreeRadioCell(h, params) {
|
|
449
384
|
return Cell.renderTreeIcon(h, params, Cell.renderRadioCell(h, params));
|
|
450
385
|
},
|
|
451
|
-
|
|
452
386
|
/**
|
|
453
387
|
* 多选
|
|
454
388
|
*/
|
|
455
389
|
renderCheckboxHeader: function renderCheckboxHeader(h, params) {
|
|
456
390
|
var $table = params.$table,
|
|
457
|
-
|
|
458
|
-
|
|
391
|
+
column = params.column,
|
|
392
|
+
isHidden = params.isHidden;
|
|
459
393
|
var isAllCheckboxSelected = $table.isAllSelected,
|
|
460
|
-
|
|
461
|
-
|
|
394
|
+
isAllCheckboxIndeterminate = $table.isIndeterminate,
|
|
395
|
+
isAllCheckboxDisabled = $table.isAllCheckboxDisabled;
|
|
462
396
|
var slots = column.slots;
|
|
463
397
|
var headerSlot = slots ? slots.header : null;
|
|
464
398
|
var titleSlot = slots ? slots.title : null;
|
|
465
399
|
var checkboxOpts = $table.checkboxOpts;
|
|
466
400
|
var headerTitle = column.getTitle();
|
|
467
401
|
var on;
|
|
468
|
-
|
|
469
402
|
if (!isHidden) {
|
|
470
403
|
on = {
|
|
471
404
|
click: function click(evnt) {
|
|
@@ -475,23 +408,19 @@ var Cell = {
|
|
|
475
408
|
}
|
|
476
409
|
};
|
|
477
410
|
}
|
|
478
|
-
|
|
479
411
|
var checkboxParams = _objectSpread(_objectSpread({}, params), {}, {
|
|
480
412
|
checked: isAllCheckboxSelected,
|
|
481
413
|
disabled: isAllCheckboxDisabled,
|
|
482
414
|
indeterminate: isAllCheckboxIndeterminate
|
|
483
415
|
});
|
|
484
|
-
|
|
485
416
|
if (headerSlot) {
|
|
486
417
|
return renderTitleContent(h, checkboxParams, $table.callSlot(headerSlot, checkboxParams, h));
|
|
487
418
|
}
|
|
488
|
-
|
|
489
419
|
if (checkboxOpts.checkStrictly ? !checkboxOpts.showHeader : checkboxOpts.showHeader === false) {
|
|
490
420
|
return renderTitleContent(h, checkboxParams, [h('span', {
|
|
491
421
|
class: 'vxe-checkbox--label'
|
|
492
422
|
}, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)]);
|
|
493
423
|
}
|
|
494
|
-
|
|
495
424
|
return renderTitleContent(h, checkboxParams, [h('span', {
|
|
496
425
|
class: ['vxe-cell--checkbox', {
|
|
497
426
|
'is--checked': isAllCheckboxSelected,
|
|
@@ -510,16 +439,16 @@ var Cell = {
|
|
|
510
439
|
},
|
|
511
440
|
renderCheckboxCell: function renderCheckboxCell(h, params) {
|
|
512
441
|
var $table = params.$table,
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
442
|
+
row = params.row,
|
|
443
|
+
column = params.column,
|
|
444
|
+
isHidden = params.isHidden;
|
|
516
445
|
var treeConfig = $table.treeConfig,
|
|
517
|
-
|
|
518
|
-
|
|
446
|
+
treeIndeterminates = $table.treeIndeterminates,
|
|
447
|
+
selection = $table.selection;
|
|
519
448
|
var _$table$checkboxOpts = $table.checkboxOpts,
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
449
|
+
labelField = _$table$checkboxOpts.labelField,
|
|
450
|
+
checkMethod = _$table$checkboxOpts.checkMethod,
|
|
451
|
+
visibleMethod = _$table$checkboxOpts.visibleMethod;
|
|
523
452
|
var slots = column.slots;
|
|
524
453
|
var defaultSlot = slots ? slots.default : null;
|
|
525
454
|
var checkboxSlot = slots ? slots.checkbox : null;
|
|
@@ -530,7 +459,6 @@ var Cell = {
|
|
|
530
459
|
});
|
|
531
460
|
var isDisabled = !!checkMethod;
|
|
532
461
|
var on;
|
|
533
|
-
|
|
534
462
|
if (!isHidden) {
|
|
535
463
|
isChecked = $table.findRowIndexOf(selection, row) > -1;
|
|
536
464
|
on = {
|
|
@@ -540,43 +468,35 @@ var Cell = {
|
|
|
540
468
|
}
|
|
541
469
|
}
|
|
542
470
|
};
|
|
543
|
-
|
|
544
471
|
if (checkMethod) {
|
|
545
472
|
isDisabled = !checkMethod({
|
|
546
473
|
row: row
|
|
547
474
|
});
|
|
548
475
|
}
|
|
549
|
-
|
|
550
476
|
if (treeConfig) {
|
|
551
477
|
indeterminate = $table.findRowIndexOf(treeIndeterminates, row) > -1;
|
|
552
478
|
}
|
|
553
479
|
}
|
|
554
|
-
|
|
555
480
|
var checkboxParams = _objectSpread(_objectSpread({}, params), {}, {
|
|
556
481
|
checked: isChecked,
|
|
557
482
|
disabled: isDisabled,
|
|
558
483
|
visible: isVisible,
|
|
559
484
|
indeterminate: indeterminate
|
|
560
485
|
});
|
|
561
|
-
|
|
562
486
|
if (checkboxSlot) {
|
|
563
487
|
return $table.callSlot(checkboxSlot, checkboxParams, h);
|
|
564
488
|
}
|
|
565
|
-
|
|
566
489
|
var checkVNs = [];
|
|
567
|
-
|
|
568
490
|
if (isVisible) {
|
|
569
491
|
checkVNs.push(h('span', {
|
|
570
492
|
class: ['vxe-checkbox--icon', indeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
|
|
571
493
|
}));
|
|
572
494
|
}
|
|
573
|
-
|
|
574
495
|
if (defaultSlot || labelField) {
|
|
575
496
|
checkVNs.push(h('span', {
|
|
576
497
|
class: 'vxe-checkbox--label'
|
|
577
498
|
}, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams, h) : _xeUtils.default.get(row, labelField)));
|
|
578
499
|
}
|
|
579
|
-
|
|
580
500
|
return [h('span', {
|
|
581
501
|
class: ['vxe-cell--checkbox', {
|
|
582
502
|
'is--checked': isChecked,
|
|
@@ -591,17 +511,17 @@ var Cell = {
|
|
|
591
511
|
},
|
|
592
512
|
renderCheckboxCellByProp: function renderCheckboxCellByProp(h, params) {
|
|
593
513
|
var $table = params.$table,
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
514
|
+
row = params.row,
|
|
515
|
+
column = params.column,
|
|
516
|
+
isHidden = params.isHidden;
|
|
597
517
|
var treeConfig = $table.treeConfig,
|
|
598
|
-
|
|
518
|
+
treeIndeterminates = $table.treeIndeterminates;
|
|
599
519
|
var _$table$checkboxOpts2 = $table.checkboxOpts,
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
520
|
+
labelField = _$table$checkboxOpts2.labelField,
|
|
521
|
+
checkField = _$table$checkboxOpts2.checkField,
|
|
522
|
+
halfField = _$table$checkboxOpts2.halfField,
|
|
523
|
+
checkMethod = _$table$checkboxOpts2.checkMethod,
|
|
524
|
+
visibleMethod = _$table$checkboxOpts2.visibleMethod;
|
|
605
525
|
var slots = column.slots;
|
|
606
526
|
var defaultSlot = slots ? slots.default : null;
|
|
607
527
|
var checkboxSlot = slots ? slots.checkbox : null;
|
|
@@ -612,7 +532,6 @@ var Cell = {
|
|
|
612
532
|
});
|
|
613
533
|
var isDisabled = !!checkMethod;
|
|
614
534
|
var on;
|
|
615
|
-
|
|
616
535
|
if (!isHidden) {
|
|
617
536
|
isChecked = _xeUtils.default.get(row, checkField);
|
|
618
537
|
on = {
|
|
@@ -622,43 +541,35 @@ var Cell = {
|
|
|
622
541
|
}
|
|
623
542
|
}
|
|
624
543
|
};
|
|
625
|
-
|
|
626
544
|
if (checkMethod) {
|
|
627
545
|
isDisabled = !checkMethod({
|
|
628
546
|
row: row
|
|
629
547
|
});
|
|
630
548
|
}
|
|
631
|
-
|
|
632
549
|
if (treeConfig) {
|
|
633
550
|
indeterminate = $table.findRowIndexOf(treeIndeterminates, row) > -1;
|
|
634
551
|
}
|
|
635
552
|
}
|
|
636
|
-
|
|
637
553
|
var checkboxParams = _objectSpread(_objectSpread({}, params), {}, {
|
|
638
554
|
checked: isChecked,
|
|
639
555
|
disabled: isDisabled,
|
|
640
556
|
visible: isVisible,
|
|
641
557
|
indeterminate: indeterminate
|
|
642
558
|
});
|
|
643
|
-
|
|
644
559
|
if (checkboxSlot) {
|
|
645
560
|
return $table.callSlot(checkboxSlot, checkboxParams, h);
|
|
646
561
|
}
|
|
647
|
-
|
|
648
562
|
var checkVNs = [];
|
|
649
|
-
|
|
650
563
|
if (isVisible) {
|
|
651
564
|
checkVNs.push(h('span', {
|
|
652
565
|
class: ['vxe-checkbox--icon', indeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
|
|
653
566
|
}));
|
|
654
567
|
}
|
|
655
|
-
|
|
656
568
|
if (defaultSlot || labelField) {
|
|
657
569
|
checkVNs.push(h('span', {
|
|
658
570
|
class: 'vxe-checkbox--label'
|
|
659
571
|
}, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams, h) : _xeUtils.default.get(row, labelField)));
|
|
660
572
|
}
|
|
661
|
-
|
|
662
573
|
return [h('span', {
|
|
663
574
|
class: ['vxe-cell--checkbox', {
|
|
664
575
|
'is--checked': isChecked,
|
|
@@ -671,42 +582,37 @@ var Cell = {
|
|
|
671
582
|
renderTreeSelectionCellByProp: function renderTreeSelectionCellByProp(h, params) {
|
|
672
583
|
return Cell.renderTreeIcon(h, params, Cell.renderCheckboxCellByProp(h, params));
|
|
673
584
|
},
|
|
674
|
-
|
|
675
585
|
/**
|
|
676
586
|
* 展开行
|
|
677
587
|
*/
|
|
678
588
|
renderExpandCell: function renderExpandCell(h, params) {
|
|
679
589
|
var $table = params.$table,
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
590
|
+
isHidden = params.isHidden,
|
|
591
|
+
row = params.row,
|
|
592
|
+
column = params.column;
|
|
683
593
|
var expandOpts = $table.expandOpts,
|
|
684
|
-
|
|
685
|
-
|
|
594
|
+
rowExpandeds = $table.rowExpandeds,
|
|
595
|
+
expandLazyLoadeds = $table.expandLazyLoadeds;
|
|
686
596
|
var lazy = expandOpts.lazy,
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
597
|
+
labelField = expandOpts.labelField,
|
|
598
|
+
iconLoaded = expandOpts.iconLoaded,
|
|
599
|
+
showIcon = expandOpts.showIcon,
|
|
600
|
+
iconOpen = expandOpts.iconOpen,
|
|
601
|
+
iconClose = expandOpts.iconClose,
|
|
602
|
+
visibleMethod = expandOpts.visibleMethod;
|
|
693
603
|
var slots = column.slots;
|
|
694
604
|
var defaultSlot = slots ? slots.default : null;
|
|
695
605
|
var isAceived = false;
|
|
696
606
|
var isLazyLoaded = false;
|
|
697
|
-
|
|
698
607
|
if (slots && slots.icon) {
|
|
699
608
|
return $table.callSlot(slots.icon, params, h);
|
|
700
609
|
}
|
|
701
|
-
|
|
702
610
|
if (!isHidden) {
|
|
703
611
|
isAceived = $table.findRowIndexOf(rowExpandeds, params.row) > -1;
|
|
704
|
-
|
|
705
612
|
if (lazy) {
|
|
706
613
|
isLazyLoaded = $table.findRowIndexOf(expandLazyLoadeds, row) > -1;
|
|
707
614
|
}
|
|
708
615
|
}
|
|
709
|
-
|
|
710
616
|
return [showIcon && (!visibleMethod || visibleMethod(params)) ? h('span', {
|
|
711
617
|
class: ['vxe-table--expanded', {
|
|
712
618
|
'is--active': isAceived
|
|
@@ -724,37 +630,30 @@ var Cell = {
|
|
|
724
630
|
},
|
|
725
631
|
renderExpandData: function renderExpandData(h, params) {
|
|
726
632
|
var $table = params.$table,
|
|
727
|
-
|
|
633
|
+
column = params.column;
|
|
728
634
|
var slots = column.slots,
|
|
729
|
-
|
|
730
|
-
|
|
635
|
+
contentRender = column.contentRender;
|
|
731
636
|
if (slots && slots.content) {
|
|
732
637
|
return $table.callSlot(slots.content, params, h);
|
|
733
638
|
}
|
|
734
|
-
|
|
735
639
|
if (contentRender) {
|
|
736
640
|
var compConf = _vXETable.default.renderer.get(contentRender.name);
|
|
737
|
-
|
|
738
641
|
if (compConf && compConf.renderExpand) {
|
|
739
642
|
return (0, _vn.getSlotVNs)(compConf.renderExpand.call($table, h, contentRender, params));
|
|
740
643
|
}
|
|
741
644
|
}
|
|
742
|
-
|
|
743
645
|
return [];
|
|
744
646
|
},
|
|
745
|
-
|
|
746
647
|
/**
|
|
747
648
|
* HTML 标签
|
|
748
649
|
*/
|
|
749
650
|
renderHTMLCell: function renderHTMLCell(h, params) {
|
|
750
651
|
var $table = params.$table,
|
|
751
|
-
|
|
652
|
+
column = params.column;
|
|
752
653
|
var slots = column.slots;
|
|
753
|
-
|
|
754
654
|
if (slots && slots.default) {
|
|
755
655
|
return $table.callSlot(slots.default, params, h);
|
|
756
656
|
}
|
|
757
|
-
|
|
758
657
|
return [h('span', {
|
|
759
658
|
class: 'vxe-cell--html',
|
|
760
659
|
domProps: {
|
|
@@ -765,14 +664,12 @@ var Cell = {
|
|
|
765
664
|
renderTreeHTMLCell: function renderTreeHTMLCell(h, params) {
|
|
766
665
|
return Cell.renderTreeIcon(h, params, Cell.renderHTMLCell(h, params));
|
|
767
666
|
},
|
|
768
|
-
|
|
769
667
|
/**
|
|
770
668
|
* 排序和筛选
|
|
771
669
|
*/
|
|
772
670
|
renderSortAndFilterHeader: function renderSortAndFilterHeader(h, params) {
|
|
773
671
|
return Cell.renderDefaultHeader(h, params).concat(Cell.renderSortIcon(h, params)).concat(Cell.renderFilterIcon(h, params));
|
|
774
672
|
},
|
|
775
|
-
|
|
776
673
|
/**
|
|
777
674
|
* 排序
|
|
778
675
|
*/
|
|
@@ -781,11 +678,11 @@ var Cell = {
|
|
|
781
678
|
},
|
|
782
679
|
renderSortIcon: function renderSortIcon(h, params) {
|
|
783
680
|
var $table = params.$table,
|
|
784
|
-
|
|
681
|
+
column = params.column;
|
|
785
682
|
var _$table$sortOpts = $table.sortOpts,
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
683
|
+
showIcon = _$table$sortOpts.showIcon,
|
|
684
|
+
iconAsc = _$table$sortOpts.iconAsc,
|
|
685
|
+
iconDesc = _$table$sortOpts.iconDesc;
|
|
789
686
|
return showIcon ? [h('span', {
|
|
790
687
|
class: 'vxe-cell--sort'
|
|
791
688
|
}, [h('i', {
|
|
@@ -814,7 +711,6 @@ var Cell = {
|
|
|
814
711
|
}
|
|
815
712
|
})])] : [];
|
|
816
713
|
},
|
|
817
|
-
|
|
818
714
|
/**
|
|
819
715
|
* 筛选
|
|
820
716
|
*/
|
|
@@ -823,13 +719,13 @@ var Cell = {
|
|
|
823
719
|
},
|
|
824
720
|
renderFilterIcon: function renderFilterIcon(h, params) {
|
|
825
721
|
var $table = params.$table,
|
|
826
|
-
|
|
827
|
-
|
|
722
|
+
column = params.column,
|
|
723
|
+
hasFilter = params.hasFilter;
|
|
828
724
|
var filterStore = $table.filterStore,
|
|
829
|
-
|
|
725
|
+
filterOpts = $table.filterOpts;
|
|
830
726
|
var showIcon = filterOpts.showIcon,
|
|
831
|
-
|
|
832
|
-
|
|
727
|
+
iconNone = filterOpts.iconNone,
|
|
728
|
+
iconMatch = filterOpts.iconMatch;
|
|
833
729
|
return showIcon ? [h('span', {
|
|
834
730
|
class: ['vxe-cell--filter', {
|
|
835
731
|
'is--active': filterStore.visible && filterStore.column === column
|
|
@@ -846,32 +742,28 @@ var Cell = {
|
|
|
846
742
|
}
|
|
847
743
|
})])] : [];
|
|
848
744
|
},
|
|
849
|
-
|
|
850
745
|
/**
|
|
851
746
|
* 可编辑
|
|
852
747
|
*/
|
|
853
748
|
renderEditHeader: function renderEditHeader(h, params) {
|
|
854
749
|
var $table = params.$table,
|
|
855
|
-
|
|
750
|
+
column = params.column;
|
|
856
751
|
var editConfig = $table.editConfig,
|
|
857
|
-
|
|
858
|
-
|
|
752
|
+
editRules = $table.editRules,
|
|
753
|
+
editOpts = $table.editOpts;
|
|
859
754
|
var sortable = column.sortable,
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
755
|
+
remoteSort = column.remoteSort,
|
|
756
|
+
filters = column.filters,
|
|
757
|
+
editRender = column.editRender;
|
|
863
758
|
var isRequired = false;
|
|
864
|
-
|
|
865
759
|
if (editRules) {
|
|
866
760
|
var columnRules = _xeUtils.default.get(editRules, column.field);
|
|
867
|
-
|
|
868
761
|
if (columnRules) {
|
|
869
762
|
isRequired = columnRules.some(function (rule) {
|
|
870
763
|
return rule.required;
|
|
871
764
|
});
|
|
872
765
|
}
|
|
873
766
|
}
|
|
874
|
-
|
|
875
767
|
return ((0, _utils.isEnableConf)(editConfig) ? [isRequired && editOpts.showAsterisk ? h('i', {
|
|
876
768
|
class: 'vxe-cell--required-icon'
|
|
877
769
|
}) : null, (0, _utils.isEnableConf)(editRender) && editOpts.showIcon ? h('i', {
|
|
@@ -881,7 +773,7 @@ var Cell = {
|
|
|
881
773
|
// 行格编辑模式
|
|
882
774
|
renderRowEdit: function renderRowEdit(h, params) {
|
|
883
775
|
var $table = params.$table,
|
|
884
|
-
|
|
776
|
+
column = params.column;
|
|
885
777
|
var editRender = column.editRender;
|
|
886
778
|
var actived = $table.editStore.actived;
|
|
887
779
|
return Cell.runRenderer(h, params, this, (0, _utils.isEnableConf)(editRender) && actived && actived.row === params.row);
|
|
@@ -892,7 +784,7 @@ var Cell = {
|
|
|
892
784
|
// 单元格编辑模式
|
|
893
785
|
renderCellEdit: function renderCellEdit(h, params) {
|
|
894
786
|
var $table = params.$table,
|
|
895
|
-
|
|
787
|
+
column = params.column;
|
|
896
788
|
var editRender = column.editRender;
|
|
897
789
|
var actived = $table.editStore.actived;
|
|
898
790
|
return Cell.runRenderer(h, params, this, (0, _utils.isEnableConf)(editRender) && actived && actived.row === params.row && actived.column === params.column);
|
|
@@ -902,37 +794,30 @@ var Cell = {
|
|
|
902
794
|
},
|
|
903
795
|
runRenderer: function runRenderer(h, params, _vm, isEdit) {
|
|
904
796
|
var $table = params.$table,
|
|
905
|
-
|
|
797
|
+
column = params.column;
|
|
906
798
|
var slots = column.slots,
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
799
|
+
editRender = column.editRender,
|
|
800
|
+
formatter = column.formatter;
|
|
910
801
|
var compConf = _vXETable.default.renderer.get(editRender.name);
|
|
911
|
-
|
|
912
802
|
if (isEdit) {
|
|
913
803
|
if (slots && slots.edit) {
|
|
914
804
|
return $table.callSlot(slots.edit, params, h);
|
|
915
805
|
}
|
|
916
|
-
|
|
917
806
|
if (compConf && compConf.renderEdit) {
|
|
918
807
|
return (0, _vn.getSlotVNs)(compConf.renderEdit.call($table, h, editRender, Object.assign({
|
|
919
808
|
$type: 'edit'
|
|
920
809
|
}, params)));
|
|
921
810
|
}
|
|
922
|
-
|
|
923
811
|
return [];
|
|
924
812
|
}
|
|
925
|
-
|
|
926
813
|
if (slots && slots.default) {
|
|
927
814
|
return $table.callSlot(slots.default, params, h);
|
|
928
815
|
}
|
|
929
|
-
|
|
930
816
|
if (formatter) {
|
|
931
817
|
return [h('span', {
|
|
932
818
|
class: 'vxe-cell--label'
|
|
933
819
|
}, [getDefaultCellLabel(params)])];
|
|
934
820
|
}
|
|
935
|
-
|
|
936
821
|
return Cell.renderDefaultCell.call(_vm, h, params);
|
|
937
822
|
}
|
|
938
823
|
};
|