vxe-table 3.7.2 → 3.7.4
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/README.md +1 -1
- package/lib/all.js +3 -3
- package/lib/button/index.js +5 -5
- package/lib/button/src/button.js +29 -29
- package/lib/button/style/style.css +2 -2
- package/lib/button/style/style.min.css +1 -1
- package/lib/checkbox/index.js +5 -5
- package/lib/checkbox/src/checkbox.js +17 -17
- package/lib/checkbox/src/group.js +10 -10
- package/lib/checkbox/style/style.css +1 -0
- package/lib/checkbox/style/style.min.css +1 -1
- package/lib/checkbox-group/index.js +5 -5
- package/lib/colgroup/index.js +6 -6
- package/lib/column/index.js +6 -6
- package/lib/edit/index.js +5 -5
- package/lib/edit/src/mixin.js +28 -28
- package/lib/export/index.js +15 -15
- package/lib/export/src/export-panel.js +57 -57
- package/lib/export/src/import-panel.js +21 -21
- package/lib/export/src/mixin.js +72 -72
- package/lib/export/style/style.css +5 -0
- package/lib/export/style/style.min.css +1 -1
- package/lib/filter/index.js +7 -7
- package/lib/filter/src/mixin.js +8 -8
- package/lib/filter/src/panel.js +24 -24
- package/lib/filter/style/style.css +3 -0
- package/lib/filter/style/style.min.css +1 -1
- package/lib/footer/index.js +5 -5
- package/lib/footer/src/footer.js +14 -14
- package/lib/form/index.js +5 -5
- package/lib/form/src/form-config-item.js +27 -27
- package/lib/form/src/form-gather.js +5 -5
- package/lib/form/src/form-item.js +36 -36
- package/lib/form/src/form.js +69 -69
- package/lib/form/src/render.js +9 -9
- package/lib/form/src/util.js +6 -6
- package/lib/form/style/style.css +10 -2
- package/lib/form/style/style.min.css +1 -1
- package/lib/form-gather/index.js +5 -5
- package/lib/form-item/index.js +5 -5
- package/lib/grid/index.js +7 -7
- package/lib/grid/src/grid.js +77 -77
- package/lib/grid/style/style.css +1 -0
- package/lib/grid/style/style.min.css +1 -1
- package/lib/header/index.js +5 -5
- package/lib/header/src/header.js +21 -21
- package/lib/icon/index.js +5 -5
- package/lib/icon/src/icon.js +3 -3
- package/lib/icon/style/style.css +2 -1
- package/lib/icon/style/style.min.css +2 -1
- package/lib/index.common.js +3 -3
- package/lib/index.css +1 -1
- package/lib/index.umd.js +1238 -1836
- package/lib/index.umd.min.js +1 -1
- package/lib/input/index.js +5 -5
- package/lib/input/src/date.js +3 -3
- package/lib/input/src/input.js +248 -248
- package/lib/input/src/number.js +4 -4
- package/lib/input/style/style.css +9 -2
- package/lib/input/style/style.min.css +1 -1
- package/lib/keyboard/index.js +5 -5
- package/lib/keyboard/src/mixin.js +15 -15
- package/lib/list/index.js +5 -5
- package/lib/list/src/list.js +19 -19
- package/lib/loading/index.js +6 -6
- package/lib/loading/src/loading.js +13 -13
- package/lib/loading/style/style.css +1 -0
- package/lib/loading/style/style.min.css +1 -1
- package/lib/locale/lang/en-US.js +7 -7
- package/lib/locale/lang/en-US.umd.js +7 -7
- package/lib/locale/lang/es-ES.js +5 -5
- package/lib/locale/lang/es-ES.umd.js +5 -5
- package/lib/locale/lang/ja-JP.js +7 -7
- package/lib/locale/lang/ja-JP.umd.js +7 -7
- package/lib/locale/lang/pt-BR.js +7 -7
- package/lib/locale/lang/pt-BR.umd.js +7 -7
- package/lib/locale/lang/zh-CN.js +7 -7
- package/lib/locale/lang/zh-CN.umd.js +7 -7
- package/lib/locale/lang/zh-HK.js +4 -4
- package/lib/locale/lang/zh-HK.umd.js +7 -7
- package/lib/locale/lang/zh-MO.js +4 -4
- package/lib/locale/lang/zh-MO.umd.js +7 -7
- package/lib/locale/lang/zh-TC.js +7 -7
- package/lib/locale/lang/zh-TC.umd.js +7 -7
- package/lib/locale/lang/zh-TW.js +4 -4
- package/lib/locale/lang/zh-TW.umd.js +7 -7
- package/lib/menu/index.js +7 -7
- package/lib/menu/src/mixin.js +16 -16
- package/lib/menu/src/panel.js +14 -14
- package/lib/menu/style/style.css +1 -0
- package/lib/menu/style/style.min.css +1 -1
- package/lib/mixins/size.js +2 -2
- package/lib/modal/index.js +12 -12
- package/lib/modal/src/modal.js +104 -104
- package/lib/modal/style/style.css +2 -0
- package/lib/modal/style/style.min.css +1 -1
- package/lib/optgroup/index.js +5 -5
- package/lib/option/index.js +5 -5
- package/lib/pager/index.js +5 -5
- package/lib/pager/src/pager.js +67 -67
- package/lib/pager/style/style.css +2 -0
- package/lib/pager/style/style.min.css +1 -1
- package/lib/pulldown/index.js +5 -5
- package/lib/pulldown/src/pulldown.js +16 -16
- package/lib/pulldown/style/style.css +1 -2
- package/lib/pulldown/style/style.min.css +1 -1
- package/lib/radio/index.js +5 -5
- package/lib/radio/src/button.js +14 -14
- package/lib/radio/src/group.js +12 -12
- package/lib/radio/src/radio.js +16 -16
- package/lib/radio/style/style.css +1 -0
- package/lib/radio/style/style.min.css +1 -1
- package/lib/radio-button/index.js +5 -5
- package/lib/radio-group/index.js +5 -5
- package/lib/select/index.js +9 -9
- package/lib/select/src/optgroup.js +6 -6
- package/lib/select/src/option.js +6 -6
- package/lib/select/src/select.js +58 -58
- package/lib/select/src/util.js +2 -2
- package/lib/select/style/style.css +2 -2
- package/lib/select/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/switch/index.js +5 -5
- package/lib/switch/src/switch.js +17 -17
- package/lib/switch/style/style.css +1 -0
- package/lib/switch/style/style.min.css +1 -1
- package/lib/table/index.js +15 -15
- package/lib/table/src/body.js +39 -39
- package/lib/table/src/cell.js +77 -77
- package/lib/table/src/column.js +17 -17
- package/lib/table/src/columnInfo.js +13 -13
- package/lib/table/src/group.js +4 -4
- package/lib/table/src/methods.js +223 -223
- package/lib/table/src/table.js +124 -124
- package/lib/table/src/util.js +19 -19
- package/lib/table/style/style.css +10 -0
- package/lib/table/style/style.min.css +1 -1
- package/lib/textarea/index.js +5 -5
- package/lib/textarea/src/textarea.js +27 -27
- package/lib/textarea/style/style.css +3 -0
- package/lib/textarea/style/style.min.css +1 -1
- package/lib/toolbar/index.js +5 -5
- package/lib/toolbar/src/toolbar.js +79 -79
- package/lib/toolbar/style/style.css +3 -0
- package/lib/toolbar/style/style.min.css +1 -1
- package/lib/tools/dom.js +8 -8
- package/lib/tools/event.js +3 -3
- package/lib/tools/log.js +2 -2
- package/lib/tools/log.min.js +1 -1
- package/lib/tools/resize.js +4 -4
- package/lib/tools/utils.js +13 -13
- package/lib/tools/vn.js +2 -2
- package/lib/tooltip/index.js +6 -6
- package/lib/tooltip/src/tooltip.js +30 -30
- package/lib/v-x-e-table/index.js +9 -9
- package/lib/v-x-e-table/index.min.js +1 -1
- package/lib/v-x-e-table/src/commands.js +6 -6
- package/lib/v-x-e-table/src/conf.js +4 -4
- package/lib/v-x-e-table/src/config.js +6 -2
- package/lib/v-x-e-table/src/config.min.js +1 -1
- package/lib/v-x-e-table/src/formats.js +6 -6
- package/lib/v-x-e-table/src/interceptor.js +5 -5
- package/lib/v-x-e-table/src/menus.js +6 -6
- package/lib/v-x-e-table/src/renderer.js +49 -49
- package/lib/v-x-e-table/src/store.js +7 -7
- package/lib/v-x-e-table/src/validators.js +2 -2
- package/lib/v-x-e-table/style/style.css +2 -0
- package/lib/v-x-e-table/style/style.min.css +1 -1
- package/lib/validator/index.js +5 -5
- package/lib/validator/src/mixin.js +29 -29
- package/package.json +4 -4
- package/packages/v-x-e-table/src/config.js +4 -0
- package/styles/form.scss +3 -2
- package/styles/table.scss +4 -4
- /package/lib/icon/style/{iconfont.1694939101562.ttf → iconfont.1695342574976.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1694939101562.woff → iconfont.1695342574976.woff} +0 -0
- /package/lib/icon/style/{iconfont.1694939101562.woff2 → iconfont.1695342574976.woff2} +0 -0
- /package/lib/{iconfont.1694939101562.ttf → iconfont.1695342574976.ttf} +0 -0
- /package/lib/{iconfont.1694939101562.woff → iconfont.1695342574976.woff} +0 -0
- /package/lib/{iconfont.1694939101562.woff2 → iconfont.1695342574976.woff2} +0 -0
package/lib/table/src/cell.js
CHANGED
|
@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports.default = exports.Cell = void 0;
|
|
8
8
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
9
9
|
var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
|
|
10
10
|
var _vXETable = _interopRequireDefault(require("../../v-x-e-table"));
|
|
@@ -13,8 +13,8 @@ var _utils = _interopRequireWildcard(require("../../tools/utils"));
|
|
|
13
13
|
var _util = require("./util");
|
|
14
14
|
var _vn = require("../../tools/vn");
|
|
15
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); }
|
|
16
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
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; }
|
|
17
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
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
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; }
|
|
20
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; }
|
|
@@ -23,7 +23,7 @@ function renderHelpIcon(h, params) {
|
|
|
23
23
|
column = params.column;
|
|
24
24
|
var titlePrefix = column.titlePrefix || column.titleHelp;
|
|
25
25
|
return titlePrefix ? [h('i', {
|
|
26
|
-
|
|
26
|
+
class: ['vxe-cell-help-icon', titlePrefix.icon || _conf.default.icon.TABLE_HELP],
|
|
27
27
|
on: {
|
|
28
28
|
mouseenter: function mouseenter(evnt) {
|
|
29
29
|
$table.triggerHeaderHelpEvent(evnt, params);
|
|
@@ -42,7 +42,7 @@ function renderTitleContent(h, params, content) {
|
|
|
42
42
|
var allColumnHeaderOverflow = $table.showHeaderOverflow,
|
|
43
43
|
tooltipOpts = $table.tooltipOpts;
|
|
44
44
|
var showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
|
|
45
|
-
var headOverflow = _xeUtils
|
|
45
|
+
var headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
|
|
46
46
|
var showTitle = headOverflow === 'title';
|
|
47
47
|
var showTooltip = headOverflow === true || headOverflow === 'tooltip';
|
|
48
48
|
var ons = {};
|
|
@@ -52,7 +52,7 @@ function renderTitleContent(h, params, content) {
|
|
|
52
52
|
return;
|
|
53
53
|
}
|
|
54
54
|
if (showTitle) {
|
|
55
|
-
_dom
|
|
55
|
+
_dom.default.updateCellTitle(evnt.currentTarget, column);
|
|
56
56
|
} else if (showTooltip || showAllTip) {
|
|
57
57
|
$table.triggerHeaderTooltipEvent(evnt, params);
|
|
58
58
|
}
|
|
@@ -68,14 +68,14 @@ function renderTitleContent(h, params, content) {
|
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
}
|
|
71
|
-
return [type === 'html' && _xeUtils
|
|
72
|
-
|
|
71
|
+
return [type === 'html' && _xeUtils.default.isString(content) ? h('span', {
|
|
72
|
+
class: 'vxe-cell--title',
|
|
73
73
|
domProps: {
|
|
74
74
|
innerHTML: content
|
|
75
75
|
},
|
|
76
76
|
on: ons
|
|
77
77
|
}) : h('span', {
|
|
78
|
-
|
|
78
|
+
class: 'vxe-cell--title',
|
|
79
79
|
on: ons
|
|
80
80
|
}, (0, _vn.getSlotVNs)(content))];
|
|
81
81
|
}
|
|
@@ -92,18 +92,18 @@ function getFooterContent(h, params) {
|
|
|
92
92
|
return $table.callSlot(slots.footer, params, h);
|
|
93
93
|
}
|
|
94
94
|
if (renderOpts) {
|
|
95
|
-
var compConf = _vXETable
|
|
95
|
+
var compConf = _vXETable.default.renderer.get(renderOpts.name);
|
|
96
96
|
if (compConf && compConf.renderFooter) {
|
|
97
97
|
return (0, _vn.getSlotVNs)(compConf.renderFooter.call($table, h, renderOpts, params));
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
|
-
return [_utils
|
|
100
|
+
return [_utils.default.formatText(items[_columnIndex], 1)];
|
|
101
101
|
}
|
|
102
102
|
function getDefaultCellLabel(params) {
|
|
103
103
|
var $table = params.$table,
|
|
104
104
|
row = params.row,
|
|
105
105
|
column = params.column;
|
|
106
|
-
return _utils
|
|
106
|
+
return _utils.default.formatText($table.getCellLabel(row, column), 1);
|
|
107
107
|
}
|
|
108
108
|
var Cell = {
|
|
109
109
|
createColumn: function createColumn($xetable, _vm) {
|
|
@@ -176,12 +176,12 @@ var Cell = {
|
|
|
176
176
|
return renderTitleContent(h, params, $table.callSlot(slots.header, params, h));
|
|
177
177
|
}
|
|
178
178
|
if (renderOpts) {
|
|
179
|
-
var compConf = _vXETable
|
|
179
|
+
var compConf = _vXETable.default.renderer.get(renderOpts.name);
|
|
180
180
|
if (compConf && compConf.renderHeader) {
|
|
181
181
|
return (0, _vn.getSlotVNs)(renderTitleContent(h, params, compConf.renderHeader.call($table, h, renderOpts, params)));
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
|
-
return renderTitleContent(h, params, _utils
|
|
184
|
+
return renderTitleContent(h, params, _utils.default.formatText(column.getTitle(), 1));
|
|
185
185
|
},
|
|
186
186
|
renderDefaultHeader: function renderDefaultHeader(h, params) {
|
|
187
187
|
return renderHelpIcon(h, params).concat(Cell.renderHeaderTitle(h, params));
|
|
@@ -194,12 +194,12 @@ var Cell = {
|
|
|
194
194
|
editRender = column.editRender,
|
|
195
195
|
cellRender = column.cellRender;
|
|
196
196
|
var renderOpts = editRender || cellRender;
|
|
197
|
-
if (slots && slots
|
|
198
|
-
return $table.callSlot(slots
|
|
197
|
+
if (slots && slots.default) {
|
|
198
|
+
return $table.callSlot(slots.default, params, h);
|
|
199
199
|
}
|
|
200
200
|
if (renderOpts) {
|
|
201
201
|
var funName = editRender ? 'renderCell' : 'renderDefault';
|
|
202
|
-
var compConf = _vXETable
|
|
202
|
+
var compConf = _vXETable.default.renderer.get(renderOpts.name);
|
|
203
203
|
if (compConf && compConf[funName]) {
|
|
204
204
|
return (0, _vn.getSlotVNs)(compConf[funName].call($table, h, renderOpts, Object.assign({
|
|
205
205
|
$type: editRender ? 'edit' : 'cell'
|
|
@@ -209,19 +209,19 @@ var Cell = {
|
|
|
209
209
|
var cellValue = $table.getCellLabel(row, column);
|
|
210
210
|
var cellPlaceholder = editRender ? editRender.placeholder : '';
|
|
211
211
|
return [h('span', {
|
|
212
|
-
|
|
212
|
+
class: 'vxe-cell--label'
|
|
213
213
|
}, editRender && (0, _utils.eqEmptyValue)(cellValue) ? [
|
|
214
214
|
// 如果设置占位符
|
|
215
215
|
h('span', {
|
|
216
|
-
|
|
217
|
-
}, _utils
|
|
216
|
+
class: 'vxe-cell--placeholder'
|
|
217
|
+
}, _utils.default.formatText((0, _utils.getFuncText)(cellPlaceholder), 1))] : _utils.default.formatText(cellValue, 1))];
|
|
218
218
|
},
|
|
219
219
|
renderTreeCell: function renderTreeCell(h, params) {
|
|
220
220
|
return Cell.renderTreeIcon(h, params, Cell.renderDefaultCell.call(this, h, params));
|
|
221
221
|
},
|
|
222
222
|
renderDefaultFooter: function renderDefaultFooter(h, params) {
|
|
223
223
|
return [h('span', {
|
|
224
|
-
|
|
224
|
+
class: 'vxe-cell--item'
|
|
225
225
|
}, getFooterContent(h, params))];
|
|
226
226
|
},
|
|
227
227
|
/**
|
|
@@ -269,19 +269,19 @@ var Cell = {
|
|
|
269
269
|
};
|
|
270
270
|
}
|
|
271
271
|
return [h('div', {
|
|
272
|
-
|
|
272
|
+
class: ['vxe-cell--tree-node', {
|
|
273
273
|
'is--active': isAceived
|
|
274
274
|
}],
|
|
275
275
|
style: {
|
|
276
276
|
paddingLeft: "".concat(level * indent, "px")
|
|
277
277
|
}
|
|
278
278
|
}, [showIcon && (rowChilds && rowChilds.length || hasLazyChilds) ? [h('div', {
|
|
279
|
-
|
|
279
|
+
class: 'vxe-tree--btn-wrapper',
|
|
280
280
|
on: on
|
|
281
281
|
}, [h('i', {
|
|
282
|
-
|
|
282
|
+
class: ['vxe-tree--node-btn', isLazyLoaded ? iconLoaded || _conf.default.icon.TABLE_TREE_LOADED : isAceived ? iconOpen || _conf.default.icon.TABLE_TREE_OPEN : iconClose || _conf.default.icon.TABLE_TREE_CLOSE]
|
|
283
283
|
})])] : null, h('div', {
|
|
284
|
-
|
|
284
|
+
class: 'vxe-tree-cell'
|
|
285
285
|
}, cellVNodes)])];
|
|
286
286
|
},
|
|
287
287
|
/**
|
|
@@ -291,7 +291,7 @@ var Cell = {
|
|
|
291
291
|
var $table = params.$table,
|
|
292
292
|
column = params.column;
|
|
293
293
|
var slots = column.slots;
|
|
294
|
-
return renderTitleContent(h, params, slots && slots.header ? $table.callSlot(slots.header, params, h) : _utils
|
|
294
|
+
return renderTitleContent(h, params, slots && slots.header ? $table.callSlot(slots.header, params, h) : _utils.default.formatText(column.getTitle(), 1));
|
|
295
295
|
},
|
|
296
296
|
renderSeqCell: function renderSeqCell(h, params) {
|
|
297
297
|
var $table = params.$table,
|
|
@@ -299,12 +299,12 @@ var Cell = {
|
|
|
299
299
|
var treeConfig = $table.treeConfig,
|
|
300
300
|
seqOpts = $table.seqOpts;
|
|
301
301
|
var slots = column.slots;
|
|
302
|
-
if (slots && slots
|
|
303
|
-
return $table.callSlot(slots
|
|
302
|
+
if (slots && slots.default) {
|
|
303
|
+
return $table.callSlot(slots.default, params, h);
|
|
304
304
|
}
|
|
305
305
|
var seq = params.seq;
|
|
306
306
|
var seqMethod = seqOpts.seqMethod;
|
|
307
|
-
return [_utils
|
|
307
|
+
return [_utils.default.formatText(seqMethod ? seqMethod(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)];
|
|
308
308
|
},
|
|
309
309
|
renderTreeIndexCell: function renderTreeIndexCell(h, params) {
|
|
310
310
|
return Cell.renderTreeIcon(h, params, Cell.renderSeqCell(h, params));
|
|
@@ -319,8 +319,8 @@ var Cell = {
|
|
|
319
319
|
var headerSlot = slots ? slots.header : null;
|
|
320
320
|
var titleSlot = slots ? slots.title : null;
|
|
321
321
|
return renderTitleContent(h, params, headerSlot ? $table.callSlot(headerSlot, params, h) : [h('span', {
|
|
322
|
-
|
|
323
|
-
}, titleSlot ? $table.callSlot(titleSlot, params, h) : _utils
|
|
322
|
+
class: 'vxe-radio--label'
|
|
323
|
+
}, titleSlot ? $table.callSlot(titleSlot, params, h) : _utils.default.formatText(column.getTitle(), 1))]);
|
|
324
324
|
},
|
|
325
325
|
renderRadioCell: function renderRadioCell(h, params) {
|
|
326
326
|
var $table = params.$table,
|
|
@@ -333,7 +333,7 @@ var Cell = {
|
|
|
333
333
|
checkMethod = radioOpts.checkMethod,
|
|
334
334
|
visibleMethod = radioOpts.visibleMethod;
|
|
335
335
|
var row = params.row;
|
|
336
|
-
var defaultSlot = slots ? slots
|
|
336
|
+
var defaultSlot = slots ? slots.default : null;
|
|
337
337
|
var radioSlot = slots ? slots.radio : null;
|
|
338
338
|
var isChecked = row === selectRadioRow;
|
|
339
339
|
var isVisible = !visibleMethod || visibleMethod({
|
|
@@ -367,16 +367,16 @@ var Cell = {
|
|
|
367
367
|
var radioVNs = [];
|
|
368
368
|
if (isVisible) {
|
|
369
369
|
radioVNs.push(h('span', {
|
|
370
|
-
|
|
370
|
+
class: ['vxe-radio--icon', isChecked ? _conf.default.icon.TABLE_RADIO_CHECKED : _conf.default.icon.TABLE_RADIO_UNCHECKED]
|
|
371
371
|
}));
|
|
372
372
|
}
|
|
373
373
|
if (defaultSlot || labelField) {
|
|
374
374
|
radioVNs.push(h('span', {
|
|
375
|
-
|
|
376
|
-
}, defaultSlot ? $table.callSlot(defaultSlot, radioParams, h) : _xeUtils
|
|
375
|
+
class: 'vxe-radio--label'
|
|
376
|
+
}, defaultSlot ? $table.callSlot(defaultSlot, radioParams, h) : _xeUtils.default.get(row, labelField)));
|
|
377
377
|
}
|
|
378
378
|
return [h('span', {
|
|
379
|
-
|
|
379
|
+
class: ['vxe-cell--radio', {
|
|
380
380
|
'is--checked': isChecked,
|
|
381
381
|
'is--disabled': isDisabled
|
|
382
382
|
}],
|
|
@@ -422,23 +422,23 @@ var Cell = {
|
|
|
422
422
|
}
|
|
423
423
|
if (checkboxOpts.checkStrictly ? !checkboxOpts.showHeader : checkboxOpts.showHeader === false) {
|
|
424
424
|
return renderTitleContent(h, checkboxParams, [h('span', {
|
|
425
|
-
|
|
425
|
+
class: 'vxe-checkbox--label'
|
|
426
426
|
}, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)]);
|
|
427
427
|
}
|
|
428
428
|
return renderTitleContent(h, checkboxParams, [h('span', {
|
|
429
|
-
|
|
429
|
+
class: ['vxe-cell--checkbox', {
|
|
430
430
|
'is--checked': isAllCheckboxSelected,
|
|
431
431
|
'is--disabled': isAllCheckboxDisabled,
|
|
432
432
|
'is--indeterminate': isAllCheckboxIndeterminate
|
|
433
433
|
}],
|
|
434
434
|
attrs: {
|
|
435
|
-
title: _conf
|
|
435
|
+
title: _conf.default.i18n('vxe.table.allTitle')
|
|
436
436
|
},
|
|
437
437
|
on: on
|
|
438
438
|
}, [h('span', {
|
|
439
|
-
|
|
439
|
+
class: ['vxe-checkbox--icon', isAllCheckboxIndeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isAllCheckboxSelected ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
|
|
440
440
|
})].concat(titleSlot || headerTitle ? [h('span', {
|
|
441
|
-
|
|
441
|
+
class: 'vxe-checkbox--label'
|
|
442
442
|
}, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)] : []))]);
|
|
443
443
|
},
|
|
444
444
|
renderCheckboxCell: function renderCheckboxCell(h, params) {
|
|
@@ -454,7 +454,7 @@ var Cell = {
|
|
|
454
454
|
checkMethod = _$table$checkboxOpts.checkMethod,
|
|
455
455
|
visibleMethod = _$table$checkboxOpts.visibleMethod;
|
|
456
456
|
var slots = column.slots;
|
|
457
|
-
var defaultSlot = slots ? slots
|
|
457
|
+
var defaultSlot = slots ? slots.default : null;
|
|
458
458
|
var checkboxSlot = slots ? slots.checkbox : null;
|
|
459
459
|
var indeterminate = false;
|
|
460
460
|
var isChecked = false;
|
|
@@ -495,16 +495,16 @@ var Cell = {
|
|
|
495
495
|
var checkVNs = [];
|
|
496
496
|
if (isVisible) {
|
|
497
497
|
checkVNs.push(h('span', {
|
|
498
|
-
|
|
498
|
+
class: ['vxe-checkbox--icon', indeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
|
|
499
499
|
}));
|
|
500
500
|
}
|
|
501
501
|
if (defaultSlot || labelField) {
|
|
502
502
|
checkVNs.push(h('span', {
|
|
503
|
-
|
|
504
|
-
}, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams, h) : _xeUtils
|
|
503
|
+
class: 'vxe-checkbox--label'
|
|
504
|
+
}, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams, h) : _xeUtils.default.get(row, labelField)));
|
|
505
505
|
}
|
|
506
506
|
return [h('span', {
|
|
507
|
-
|
|
507
|
+
class: ['vxe-cell--checkbox', {
|
|
508
508
|
'is--checked': isChecked,
|
|
509
509
|
'is--disabled': isDisabled,
|
|
510
510
|
'is--indeterminate': indeterminate
|
|
@@ -529,7 +529,7 @@ var Cell = {
|
|
|
529
529
|
visibleMethod = checkboxOpts.visibleMethod;
|
|
530
530
|
var indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
|
|
531
531
|
var slots = column.slots;
|
|
532
|
-
var defaultSlot = slots ? slots
|
|
532
|
+
var defaultSlot = slots ? slots.default : null;
|
|
533
533
|
var checkboxSlot = slots ? slots.checkbox : null;
|
|
534
534
|
var isIndeterminate = false;
|
|
535
535
|
var isChecked = false;
|
|
@@ -540,7 +540,7 @@ var Cell = {
|
|
|
540
540
|
var on;
|
|
541
541
|
if (!isHidden) {
|
|
542
542
|
var rowid = (0, _util.getRowid)($table, row);
|
|
543
|
-
isChecked = _xeUtils
|
|
543
|
+
isChecked = _xeUtils.default.get(row, checkField);
|
|
544
544
|
on = {
|
|
545
545
|
click: function click(evnt) {
|
|
546
546
|
if (!isDisabled && isVisible) {
|
|
@@ -570,16 +570,16 @@ var Cell = {
|
|
|
570
570
|
var checkVNs = [];
|
|
571
571
|
if (isVisible) {
|
|
572
572
|
checkVNs.push(h('span', {
|
|
573
|
-
|
|
573
|
+
class: ['vxe-checkbox--icon', isIndeterminate ? _conf.default.icon.TABLE_CHECKBOX_INDETERMINATE : isChecked ? _conf.default.icon.TABLE_CHECKBOX_CHECKED : _conf.default.icon.TABLE_CHECKBOX_UNCHECKED]
|
|
574
574
|
}));
|
|
575
575
|
}
|
|
576
576
|
if (defaultSlot || labelField) {
|
|
577
577
|
checkVNs.push(h('span', {
|
|
578
|
-
|
|
579
|
-
}, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams, h) : _xeUtils
|
|
578
|
+
class: 'vxe-checkbox--label'
|
|
579
|
+
}, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams, h) : _xeUtils.default.get(row, labelField)));
|
|
580
580
|
}
|
|
581
581
|
return [h('span', {
|
|
582
|
-
|
|
582
|
+
class: ['vxe-cell--checkbox', {
|
|
583
583
|
'is--checked': isChecked,
|
|
584
584
|
'is--disabled': isDisabled,
|
|
585
585
|
'is--indeterminate': indeterminateField && !isChecked ? row[indeterminateField] : isIndeterminate
|
|
@@ -609,7 +609,7 @@ var Cell = {
|
|
|
609
609
|
iconClose = expandOpts.iconClose,
|
|
610
610
|
visibleMethod = expandOpts.visibleMethod;
|
|
611
611
|
var slots = column.slots;
|
|
612
|
-
var defaultSlot = slots ? slots
|
|
612
|
+
var defaultSlot = slots ? slots.default : null;
|
|
613
613
|
var isAceived = false;
|
|
614
614
|
var isLazyLoaded = false;
|
|
615
615
|
if (slots && slots.icon) {
|
|
@@ -623,7 +623,7 @@ var Cell = {
|
|
|
623
623
|
}
|
|
624
624
|
}
|
|
625
625
|
return [showIcon && (!visibleMethod || visibleMethod(params)) ? h('span', {
|
|
626
|
-
|
|
626
|
+
class: ['vxe-table--expanded', {
|
|
627
627
|
'is--active': isAceived
|
|
628
628
|
}],
|
|
629
629
|
on: {
|
|
@@ -633,10 +633,10 @@ var Cell = {
|
|
|
633
633
|
}
|
|
634
634
|
}
|
|
635
635
|
}, [h('i', {
|
|
636
|
-
|
|
636
|
+
class: ['vxe-table--expand-btn', isLazyLoaded ? iconLoaded || _conf.default.icon.TABLE_EXPAND_LOADED : isAceived ? iconOpen || _conf.default.icon.TABLE_EXPAND_OPEN : iconClose || _conf.default.icon.TABLE_EXPAND_CLOSE]
|
|
637
637
|
})]) : null, defaultSlot || labelField ? h('span', {
|
|
638
|
-
|
|
639
|
-
}, defaultSlot ? $table.callSlot(defaultSlot, params, h) : _xeUtils
|
|
638
|
+
class: 'vxe-table--expand-label'
|
|
639
|
+
}, defaultSlot ? $table.callSlot(defaultSlot, params, h) : _xeUtils.default.get(row, labelField)) : null];
|
|
640
640
|
},
|
|
641
641
|
renderExpandData: function renderExpandData(h, params) {
|
|
642
642
|
var $table = params.$table,
|
|
@@ -647,7 +647,7 @@ var Cell = {
|
|
|
647
647
|
return $table.callSlot(slots.content, params, h);
|
|
648
648
|
}
|
|
649
649
|
if (contentRender) {
|
|
650
|
-
var compConf = _vXETable
|
|
650
|
+
var compConf = _vXETable.default.renderer.get(contentRender.name);
|
|
651
651
|
if (compConf && compConf.renderExpand) {
|
|
652
652
|
return (0, _vn.getSlotVNs)(compConf.renderExpand.call($table, h, contentRender, params));
|
|
653
653
|
}
|
|
@@ -661,11 +661,11 @@ var Cell = {
|
|
|
661
661
|
var $table = params.$table,
|
|
662
662
|
column = params.column;
|
|
663
663
|
var slots = column.slots;
|
|
664
|
-
if (slots && slots
|
|
665
|
-
return $table.callSlot(slots
|
|
664
|
+
if (slots && slots.default) {
|
|
665
|
+
return $table.callSlot(slots.default, params, h);
|
|
666
666
|
}
|
|
667
667
|
return [h('span', {
|
|
668
|
-
|
|
668
|
+
class: 'vxe-cell--html',
|
|
669
669
|
domProps: {
|
|
670
670
|
innerHTML: getDefaultCellLabel(params)
|
|
671
671
|
}
|
|
@@ -694,13 +694,13 @@ var Cell = {
|
|
|
694
694
|
iconAsc = _$table$sortOpts.iconAsc,
|
|
695
695
|
iconDesc = _$table$sortOpts.iconDesc;
|
|
696
696
|
return showIcon ? [h('span', {
|
|
697
|
-
|
|
697
|
+
class: 'vxe-cell--sort'
|
|
698
698
|
}, [h('i', {
|
|
699
|
-
|
|
699
|
+
class: ['vxe-sort--asc-btn', iconAsc || _conf.default.icon.TABLE_SORT_ASC, {
|
|
700
700
|
'sort--active': column.order === 'asc'
|
|
701
701
|
}],
|
|
702
702
|
attrs: {
|
|
703
|
-
title: _conf
|
|
703
|
+
title: _conf.default.i18n('vxe.table.sortAsc')
|
|
704
704
|
},
|
|
705
705
|
on: {
|
|
706
706
|
click: function click(evnt) {
|
|
@@ -709,11 +709,11 @@ var Cell = {
|
|
|
709
709
|
}
|
|
710
710
|
}
|
|
711
711
|
}), h('i', {
|
|
712
|
-
|
|
712
|
+
class: ['vxe-sort--desc-btn', iconDesc || _conf.default.icon.TABLE_SORT_DESC, {
|
|
713
713
|
'sort--active': column.order === 'desc'
|
|
714
714
|
}],
|
|
715
715
|
attrs: {
|
|
716
|
-
title: _conf
|
|
716
|
+
title: _conf.default.i18n('vxe.table.sortDesc')
|
|
717
717
|
},
|
|
718
718
|
on: {
|
|
719
719
|
click: function click(evnt) {
|
|
@@ -739,13 +739,13 @@ var Cell = {
|
|
|
739
739
|
iconNone = filterOpts.iconNone,
|
|
740
740
|
iconMatch = filterOpts.iconMatch;
|
|
741
741
|
return showIcon ? [h('span', {
|
|
742
|
-
|
|
742
|
+
class: ['vxe-cell--filter', {
|
|
743
743
|
'is--active': filterStore.visible && filterStore.column === column
|
|
744
744
|
}]
|
|
745
745
|
}, [h('i', {
|
|
746
|
-
|
|
746
|
+
class: ['vxe-filter--btn', hasFilter ? iconMatch || _conf.default.icon.TABLE_FILTER_MATCH : iconNone || _conf.default.icon.TABLE_FILTER_NONE],
|
|
747
747
|
attrs: {
|
|
748
|
-
title: _conf
|
|
748
|
+
title: _conf.default.i18n('vxe.table.filter')
|
|
749
749
|
},
|
|
750
750
|
on: {
|
|
751
751
|
click: function click(evnt) {
|
|
@@ -771,7 +771,7 @@ var Cell = {
|
|
|
771
771
|
editRender = column.editRender;
|
|
772
772
|
var isRequired = false;
|
|
773
773
|
if (editRules) {
|
|
774
|
-
var columnRules = _xeUtils
|
|
774
|
+
var columnRules = _xeUtils.default.get(editRules, column.field);
|
|
775
775
|
if (columnRules) {
|
|
776
776
|
isRequired = columnRules.some(function (rule) {
|
|
777
777
|
return rule.required;
|
|
@@ -779,9 +779,9 @@ var Cell = {
|
|
|
779
779
|
}
|
|
780
780
|
}
|
|
781
781
|
return ((0, _utils.isEnableConf)(editConfig) ? [isRequired && editOpts.showAsterisk ? h('i', {
|
|
782
|
-
|
|
782
|
+
class: 'vxe-cell--required-icon'
|
|
783
783
|
}) : null, (0, _utils.isEnableConf)(editRender) && editOpts.showIcon ? h('i', {
|
|
784
|
-
|
|
784
|
+
class: ['vxe-cell--edit-icon', editOpts.icon || _conf.default.icon.TABLE_EDIT]
|
|
785
785
|
}) : null] : []).concat(Cell.renderDefaultHeader(h, params)).concat(sortable || remoteSort ? Cell.renderSortIcon(h, params) : []).concat(filters ? Cell.renderFilterIcon(h, params) : []);
|
|
786
786
|
},
|
|
787
787
|
// 行格编辑模式
|
|
@@ -812,7 +812,7 @@ var Cell = {
|
|
|
812
812
|
var slots = column.slots,
|
|
813
813
|
editRender = column.editRender,
|
|
814
814
|
formatter = column.formatter;
|
|
815
|
-
var compConf = _vXETable
|
|
815
|
+
var compConf = _vXETable.default.renderer.get(editRender.name);
|
|
816
816
|
if (isEdit) {
|
|
817
817
|
if (slots && slots.edit) {
|
|
818
818
|
return $table.callSlot(slots.edit, params, h);
|
|
@@ -824,12 +824,12 @@ var Cell = {
|
|
|
824
824
|
}
|
|
825
825
|
return [];
|
|
826
826
|
}
|
|
827
|
-
if (slots && slots
|
|
828
|
-
return $table.callSlot(slots
|
|
827
|
+
if (slots && slots.default) {
|
|
828
|
+
return $table.callSlot(slots.default, params, h);
|
|
829
829
|
}
|
|
830
830
|
if (formatter) {
|
|
831
831
|
return [h('span', {
|
|
832
|
-
|
|
832
|
+
class: 'vxe-cell--label'
|
|
833
833
|
}, [getDefaultCellLabel(params)])];
|
|
834
834
|
}
|
|
835
835
|
return Cell.renderDefaultCell.call(_vm, h, params);
|
|
@@ -837,4 +837,4 @@ var Cell = {
|
|
|
837
837
|
};
|
|
838
838
|
exports.Cell = Cell;
|
|
839
839
|
var _default = Cell;
|
|
840
|
-
exports
|
|
840
|
+
exports.default = _default;
|
package/lib/table/src/column.js
CHANGED
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _cell = _interopRequireDefault(require("../../table/src/cell"));
|
|
8
8
|
var _utils = _interopRequireDefault(require("../../tools/utils"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
10
|
var props = {
|
|
11
11
|
// 列唯一主键
|
|
12
12
|
colId: [String, Number],
|
|
@@ -25,7 +25,7 @@ var props = {
|
|
|
25
25
|
// 是否允许拖动列宽调整大小
|
|
26
26
|
resizable: {
|
|
27
27
|
type: Boolean,
|
|
28
|
-
|
|
28
|
+
default: null
|
|
29
29
|
},
|
|
30
30
|
// 将列固定在左侧或者右侧
|
|
31
31
|
fixed: String,
|
|
@@ -38,17 +38,17 @@ var props = {
|
|
|
38
38
|
// 当内容过长时显示为省略号
|
|
39
39
|
showOverflow: {
|
|
40
40
|
type: [Boolean, String],
|
|
41
|
-
|
|
41
|
+
default: null
|
|
42
42
|
},
|
|
43
43
|
// 当表头内容过长时显示为省略号
|
|
44
44
|
showHeaderOverflow: {
|
|
45
45
|
type: [Boolean, String],
|
|
46
|
-
|
|
46
|
+
default: null
|
|
47
47
|
},
|
|
48
48
|
// 当表尾内容过长时显示为省略号
|
|
49
49
|
showFooterOverflow: {
|
|
50
50
|
type: [Boolean, String],
|
|
51
|
-
|
|
51
|
+
default: null
|
|
52
52
|
},
|
|
53
53
|
// 给单元格附加 className
|
|
54
54
|
className: [String, Function],
|
|
@@ -63,7 +63,7 @@ var props = {
|
|
|
63
63
|
// 在 v3 中废弃
|
|
64
64
|
remoteSort: {
|
|
65
65
|
type: Boolean,
|
|
66
|
-
|
|
66
|
+
default: null
|
|
67
67
|
},
|
|
68
68
|
// 在 v3 中只支持字符串类型
|
|
69
69
|
sortBy: [String, Function],
|
|
@@ -74,12 +74,12 @@ var props = {
|
|
|
74
74
|
// 配置筛选条件数组
|
|
75
75
|
filters: {
|
|
76
76
|
type: Array,
|
|
77
|
-
|
|
77
|
+
default: null
|
|
78
78
|
},
|
|
79
79
|
// 筛选是否允许多选
|
|
80
80
|
filterMultiple: {
|
|
81
81
|
type: Boolean,
|
|
82
|
-
|
|
82
|
+
default: true
|
|
83
83
|
},
|
|
84
84
|
// 自定义筛选方法
|
|
85
85
|
filterMethod: Function,
|
|
@@ -94,7 +94,7 @@ var props = {
|
|
|
94
94
|
// 是否可视
|
|
95
95
|
visible: {
|
|
96
96
|
type: Boolean,
|
|
97
|
-
|
|
97
|
+
default: null
|
|
98
98
|
},
|
|
99
99
|
// 表头单元格数据导出方法
|
|
100
100
|
headerExportMethod: Function,
|
|
@@ -142,10 +142,10 @@ var _default = {
|
|
|
142
142
|
},
|
|
143
143
|
inject: {
|
|
144
144
|
$xetable: {
|
|
145
|
-
|
|
145
|
+
default: null
|
|
146
146
|
},
|
|
147
147
|
$xecolumn: {
|
|
148
|
-
|
|
148
|
+
default: null
|
|
149
149
|
}
|
|
150
150
|
},
|
|
151
151
|
watch: watch,
|
|
@@ -153,14 +153,14 @@ var _default = {
|
|
|
153
153
|
this.columnConfig = this.createColumn(this.$xetable, this);
|
|
154
154
|
},
|
|
155
155
|
mounted: function mounted() {
|
|
156
|
-
_utils
|
|
156
|
+
_utils.default.assemColumn(this);
|
|
157
157
|
},
|
|
158
158
|
destroyed: function destroyed() {
|
|
159
|
-
_utils
|
|
159
|
+
_utils.default.destroyColumn(this);
|
|
160
160
|
},
|
|
161
161
|
render: function render(h) {
|
|
162
|
-
return h('div', this.$slots
|
|
162
|
+
return h('div', this.$slots.default);
|
|
163
163
|
},
|
|
164
|
-
methods: _cell
|
|
164
|
+
methods: _cell.default
|
|
165
165
|
};
|
|
166
|
-
exports
|
|
166
|
+
exports.default = _default;
|