vxe-table 4.2.7-beta.0 → 4.2.7-beta.3
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/es/edit/src/hook.js +11 -9
- package/es/filter/src/panel.js +10 -2
- package/es/footer/src/footer.js +1 -2
- package/es/form/src/form-config-item.js +10 -2
- package/es/form/src/form-item.js +10 -2
- package/es/table/src/body.js +22 -7
- package/es/table/src/table.js +7 -8
- package/es/table/src/util.js +0 -3
- package/es/tools/dom.js +3 -0
- package/es/tools/log.js +1 -1
- package/es/v-x-e-table/index.js +1 -1
- package/es/v-x-e-table/src/store.js +8 -4
- package/lib/edit/src/hook.js +12 -9
- package/lib/edit/src/hook.min.js +1 -1
- package/lib/filter/src/panel.js +8 -1
- package/lib/filter/src/panel.min.js +1 -1
- package/lib/footer/src/footer.js +1 -3
- package/lib/footer/src/footer.min.js +1 -1
- package/lib/form/src/form-config-item.js +2 -1
- package/lib/form/src/form-config-item.min.js +1 -1
- package/lib/form/src/form-item.js +2 -1
- package/lib/form/src/form-item.min.js +1 -1
- package/lib/index.umd.js +378 -356
- package/lib/index.umd.min.js +1 -1
- package/lib/table/src/body.js +6 -3
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/table.js +8 -9
- package/lib/table/src/table.min.js +1 -1
- package/lib/table/src/util.js +0 -5
- package/lib/table/src/util.min.js +1 -1
- package/lib/tools/dom.js +5 -0
- package/lib/tools/dom.min.js +1 -1
- package/lib/tools/log.js +1 -1
- package/lib/tools/log.min.js +1 -1
- package/lib/v-x-e-table/index.js +1 -1
- package/lib/v-x-e-table/index.min.js +1 -1
- package/lib/v-x-e-table/src/store.js +10 -5
- package/lib/v-x-e-table/src/store.min.js +1 -1
- package/package.json +1 -1
- package/packages/edit/src/hook.ts +10 -7
- package/packages/filter/src/panel.ts +13 -5
- package/packages/footer/src/footer.ts +1 -2
- package/packages/form/src/form-config-item.ts +17 -9
- package/packages/form/src/form-item.ts +15 -7
- package/packages/table/src/body.ts +40 -25
- package/packages/table/src/table.ts +7 -8
- package/packages/table/src/util.ts +0 -4
- package/packages/tools/dom.ts +4 -0
- package/packages/v-x-e-table/src/store.ts +8 -4
- package/types/v-x-e-table/renderer.d.ts +4 -1
package/es/edit/src/hook.js
CHANGED
|
@@ -692,19 +692,21 @@ var editHook = {
|
|
|
692
692
|
if (isEnableConf(editRender)) {
|
|
693
693
|
var compRender = renderer.get(editRender.name);
|
|
694
694
|
var autofocus = editRender.autofocus, autoselect = editRender.autoselect;
|
|
695
|
-
var inputElem
|
|
696
|
-
|
|
697
|
-
|
|
695
|
+
var inputElem = void 0;
|
|
696
|
+
if (!autofocus && compRender) {
|
|
697
|
+
autofocus = compRender.autofocus;
|
|
698
|
+
}
|
|
698
699
|
// 如果指定了聚焦 class
|
|
699
|
-
if (autofocus) {
|
|
700
|
-
inputElem =
|
|
700
|
+
if (XEUtils.isFunction(autofocus)) {
|
|
701
|
+
inputElem = autofocus.call(this, params);
|
|
701
702
|
}
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
703
|
+
else if (autofocus) {
|
|
704
|
+
inputElem = cell.querySelector(autofocus);
|
|
705
|
+
if (inputElem) {
|
|
706
|
+
inputElem.focus();
|
|
707
|
+
}
|
|
705
708
|
}
|
|
706
709
|
if (inputElem) {
|
|
707
|
-
inputElem.focus();
|
|
708
710
|
if (autoselect) {
|
|
709
711
|
inputElem.select();
|
|
710
712
|
}
|
package/es/filter/src/panel.js
CHANGED
|
@@ -2,6 +2,7 @@ import { defineComponent, h, computed, inject } from 'vue';
|
|
|
2
2
|
import GlobalConfig from '../../v-x-e-table/src/conf';
|
|
3
3
|
import { VXETable } from '../../v-x-e-table';
|
|
4
4
|
import { formatText } from '../../tools/utils';
|
|
5
|
+
import { getPropClass } from '../../tools/dom';
|
|
5
6
|
export default defineComponent({
|
|
6
7
|
name: 'VxeTableFilter',
|
|
7
8
|
props: {
|
|
@@ -201,12 +202,19 @@ export default defineComponent({
|
|
|
201
202
|
var column = filterStore.column;
|
|
202
203
|
var filterRender = column ? column.filterRender : null;
|
|
203
204
|
var compConf = filterRender ? VXETable.renderer.get(filterRender.name) : null;
|
|
205
|
+
var filterClassName = compConf ? compConf.filterClassName : '';
|
|
206
|
+
var params = Object.assign({}, tableInternalData._currFilterParams, { $panel: $panel, $table: $xetable });
|
|
204
207
|
return h('div', {
|
|
205
|
-
class: [
|
|
208
|
+
class: [
|
|
209
|
+
'vxe-table--filter-wrapper',
|
|
210
|
+
'filter--prevent-default',
|
|
211
|
+
getPropClass(filterClassName, params),
|
|
212
|
+
{
|
|
206
213
|
'is--animat': $xetable.props.animat,
|
|
207
214
|
'is--multiple': filterStore.multiple,
|
|
208
215
|
'is--active': filterStore.visible
|
|
209
|
-
}
|
|
216
|
+
}
|
|
217
|
+
],
|
|
210
218
|
style: filterStore.style
|
|
211
219
|
}, initStore.filter && filterStore.visible ? renderOptions(filterRender, compConf).concat(renderFooters()) : []);
|
|
212
220
|
};
|
package/es/footer/src/footer.js
CHANGED
|
@@ -11,8 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { createCommentVNode, defineComponent, h, ref, inject, nextTick, onMounted, onUnmounted } from 'vue';
|
|
13
13
|
import XEUtils from 'xe-utils';
|
|
14
|
-
import { getPropClass } from '../../
|
|
15
|
-
import { updateCellTitle } from '../../tools/dom';
|
|
14
|
+
import { updateCellTitle, getPropClass } from '../../tools/dom';
|
|
16
15
|
var renderType = 'footer';
|
|
17
16
|
function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
|
|
18
17
|
for (var mIndex = 0; mIndex < mergeFooterList.length; mIndex++) {
|
|
@@ -35,6 +35,7 @@ var VxeFormConfigItem = defineComponent({
|
|
|
35
35
|
var validOpts = computeValidOpts.value;
|
|
36
36
|
var slots = item.slots, title = item.title, visible = item.visible, folding = item.folding, visibleMethod = item.visibleMethod, field = item.field, collapseNode = item.collapseNode, itemRender = item.itemRender, showError = item.showError, errRule = item.errRule, className = item.className, titleOverflow = item.titleOverflow, children = item.children;
|
|
37
37
|
var compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null;
|
|
38
|
+
var itemClassName = compConf ? compConf.itemClassName : '';
|
|
38
39
|
var defaultSlot = slots ? slots.default : null;
|
|
39
40
|
var titleSlot = slots ? slots.title : null;
|
|
40
41
|
var span = item.span || allSpan;
|
|
@@ -114,7 +115,13 @@ var VxeFormConfigItem = defineComponent({
|
|
|
114
115
|
onMouseleave: $xeform.handleTitleTipLeaveEvent
|
|
115
116
|
} : {};
|
|
116
117
|
return h('div', {
|
|
117
|
-
class: [
|
|
118
|
+
class: [
|
|
119
|
+
'vxe-form--item',
|
|
120
|
+
item.id,
|
|
121
|
+
span ? "vxe-col--" + span + " is--span" : '',
|
|
122
|
+
className ? (XEUtils.isFunction(className) ? className(params) : className) : '',
|
|
123
|
+
itemClassName ? (XEUtils.isFunction(itemClassName) ? itemClassName(params) : itemClassName) : '',
|
|
124
|
+
{
|
|
118
125
|
'is--title': title,
|
|
119
126
|
'is--colon': titleColon,
|
|
120
127
|
'is--asterisk': titleAsterisk,
|
|
@@ -122,7 +129,8 @@ var VxeFormConfigItem = defineComponent({
|
|
|
122
129
|
'is--hidden': folding && collapseAll,
|
|
123
130
|
'is--active': !itemVisibleMethod || itemVisibleMethod(params),
|
|
124
131
|
'is--error': showError
|
|
125
|
-
}
|
|
132
|
+
}
|
|
133
|
+
],
|
|
126
134
|
itemConfig: item,
|
|
127
135
|
key: item.id
|
|
128
136
|
}, [
|
package/es/form/src/form-item.js
CHANGED
|
@@ -72,6 +72,7 @@ export default defineComponent({
|
|
|
72
72
|
var validOpts = computeValidOpts.value;
|
|
73
73
|
var slots = item.slots, title = item.title, visible = item.visible, folding = item.folding, visibleMethod = item.visibleMethod, field = item.field, collapseNode = item.collapseNode, itemRender = item.itemRender, showError = item.showError, errRule = item.errRule, className = item.className, titleOverflow = item.titleOverflow;
|
|
74
74
|
var compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null;
|
|
75
|
+
var itemClassName = compConf ? compConf.itemClassName : '';
|
|
75
76
|
var defaultSlot = slots ? slots.default : null;
|
|
76
77
|
var titleSlot = slots ? slots.title : null;
|
|
77
78
|
var span = item.span || props.span;
|
|
@@ -134,13 +135,20 @@ export default defineComponent({
|
|
|
134
135
|
} : {};
|
|
135
136
|
return h('div', {
|
|
136
137
|
ref: refElem,
|
|
137
|
-
class: [
|
|
138
|
+
class: [
|
|
139
|
+
'vxe-form--item',
|
|
140
|
+
item.id,
|
|
141
|
+
span ? "vxe-col--" + span + " is--span" : '',
|
|
142
|
+
className ? (XEUtils.isFunction(className) ? className(params) : className) : '',
|
|
143
|
+
itemClassName ? (XEUtils.isFunction(itemClassName) ? itemClassName(params) : itemClassName) : '',
|
|
144
|
+
{
|
|
138
145
|
'is--title': title,
|
|
139
146
|
'is--required': isRequired,
|
|
140
147
|
'is--hidden': visible === false || (folding && collapseAll),
|
|
141
148
|
'is--active': !itemVisibleMethod || itemVisibleMethod(params),
|
|
142
149
|
'is--error': showError
|
|
143
|
-
}
|
|
150
|
+
}
|
|
151
|
+
]
|
|
144
152
|
}, [
|
|
145
153
|
h('div', {
|
|
146
154
|
class: 'vxe-form--item-inner'
|
package/es/table/src/body.js
CHANGED
|
@@ -18,8 +18,8 @@ import { createCommentVNode, defineComponent, h, ref, inject, nextTick, onBefore
|
|
|
18
18
|
import XEUtils from 'xe-utils';
|
|
19
19
|
import GlobalConfig from '../../v-x-e-table/src/conf';
|
|
20
20
|
import { VXETable } from '../../v-x-e-table';
|
|
21
|
-
import { mergeBodyMethod, getRowid,
|
|
22
|
-
import { updateCellTitle } from '../../tools/dom';
|
|
21
|
+
import { mergeBodyMethod, getRowid, removeScrollListener, restoreScrollListener } from './util';
|
|
22
|
+
import { updateCellTitle, getPropClass } from '../../tools/dom';
|
|
23
23
|
import { isEnableConf } from '../../tools/utils';
|
|
24
24
|
var renderType = 'body';
|
|
25
25
|
var lineOffsetSizes = {
|
|
@@ -125,7 +125,7 @@ export default defineComponent({
|
|
|
125
125
|
*/
|
|
126
126
|
var renderColumn = function (seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
|
|
127
127
|
var _a;
|
|
128
|
-
var columnKey = tableProps.columnKey, height = tableProps.height, allColumnOverflow = tableProps.showOverflow,
|
|
128
|
+
var columnKey = tableProps.columnKey, height = tableProps.height, allColumnOverflow = tableProps.showOverflow, allCellClassName = tableProps.cellClassName, cellStyle = tableProps.cellStyle, allAlign = tableProps.align, spanMethod = tableProps.spanMethod, mouseConfig = tableProps.mouseConfig, editConfig = tableProps.editConfig, editRules = tableProps.editRules, tooltipConfig = tableProps.tooltipConfig;
|
|
129
129
|
var tableData = tableReactData.tableData, overflowX = tableReactData.overflowX, scrollYLoad = tableReactData.scrollYLoad, currentColumn = tableReactData.currentColumn, mergeList = tableReactData.mergeList, editStore = tableReactData.editStore, validStore = tableReactData.validStore, isAllOverflow = tableReactData.isAllOverflow;
|
|
130
130
|
var afterFullData = tableInternalData.afterFullData;
|
|
131
131
|
var validOpts = computeValidOpts.value;
|
|
@@ -139,6 +139,9 @@ export default defineComponent({
|
|
|
139
139
|
var actived = editStore.actived;
|
|
140
140
|
var scrollYRHeight = sYOpts.rHeight;
|
|
141
141
|
var rowHeight = rowOpts.height;
|
|
142
|
+
var renderOpts = editRender || cellRender;
|
|
143
|
+
var compConf = renderOpts ? VXETable.renderer.get(renderOpts.name) : null;
|
|
144
|
+
var cellClassName = compConf ? compConf.cellClassName : '';
|
|
142
145
|
var showAllTip = tooltipOpts.showAll;
|
|
143
146
|
var columnIndex = $xetable.getColumnIndex(column);
|
|
144
147
|
var _columnIndex = $xetable.getVTColumnIndex(column);
|
|
@@ -280,7 +283,10 @@ export default defineComponent({
|
|
|
280
283
|
]));
|
|
281
284
|
}
|
|
282
285
|
}
|
|
283
|
-
return h('td', __assign(__assign(__assign({ class: [
|
|
286
|
+
return h('td', __assign(__assign(__assign({ class: [
|
|
287
|
+
'vxe-body--column',
|
|
288
|
+
column.id,
|
|
289
|
+
(_a = {},
|
|
284
290
|
_a["col--" + cellAlign] = cellAlign,
|
|
285
291
|
_a["col--" + type] = type,
|
|
286
292
|
_a['col--last'] = $columnIndex === columns.length - 1,
|
|
@@ -292,7 +298,11 @@ export default defineComponent({
|
|
|
292
298
|
_a['col--actived'] = editConfig && isEdit && (actived.row === row && (actived.column === column || editOpts.mode === 'row')),
|
|
293
299
|
_a['col--valid-error'] = hasValidError,
|
|
294
300
|
_a['col--current'] = currentColumn === column,
|
|
295
|
-
_a),
|
|
301
|
+
_a),
|
|
302
|
+
getPropClass(cellClassName, params),
|
|
303
|
+
getPropClass(className, params),
|
|
304
|
+
getPropClass(allCellClassName, params)
|
|
305
|
+
], key: columnKey || columnOpts.useKey ? column.id : $columnIndex }, attrs), { style: Object.assign({
|
|
296
306
|
height: hasEllipsis && (scrollYRHeight || rowHeight) ? (scrollYRHeight || rowHeight) + "px" : ''
|
|
297
307
|
}, cellStyle ? (XEUtils.isFunction(cellStyle) ? cellStyle(params) : cellStyle) : null) }), tdOns), tdVNs);
|
|
298
308
|
};
|
|
@@ -352,7 +362,10 @@ export default defineComponent({
|
|
|
352
362
|
rowChildren = row[treeOpts.children];
|
|
353
363
|
isExpandTree = rowChildren && rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1;
|
|
354
364
|
}
|
|
355
|
-
rows.push(h('tr', __assign({ class: [
|
|
365
|
+
rows.push(h('tr', __assign({ class: [
|
|
366
|
+
'vxe-body--row',
|
|
367
|
+
treeConfig ? "row--level-" + rowLevel : '',
|
|
368
|
+
{
|
|
356
369
|
'row--stripe': stripe && ($xetable.getVTRowIndex(row) + 1) % 2 === 0,
|
|
357
370
|
'is--new': isNewRow,
|
|
358
371
|
'is--expand-row': isExpandRow,
|
|
@@ -360,7 +373,9 @@ export default defineComponent({
|
|
|
360
373
|
'row--new': isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
|
|
361
374
|
'row--radio': radioOpts.highlight && selectRow === row,
|
|
362
375
|
'row--checked': checkboxOpts.highlight && $xetable.isCheckedByCheckboxRow(row)
|
|
363
|
-
},
|
|
376
|
+
},
|
|
377
|
+
getPropClass(rowClassName, params)
|
|
378
|
+
], rowid: rowid, style: rowStyle ? (XEUtils.isFunction(rowStyle) ? rowStyle(params) : rowStyle) : null, key: (rowKey || rowOpts.useKey) || treeConfig ? rowid : $rowIndex }, trOn), tableColumn.map(function (column, $columnIndex) {
|
|
364
379
|
return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
|
|
365
380
|
})));
|
|
366
381
|
// 如果行被展开了
|
package/es/table/src/table.js
CHANGED
|
@@ -18,7 +18,7 @@ import { defineComponent, getCurrentInstance, h, createCommentVNode, resolveComp
|
|
|
18
18
|
import XEUtils from 'xe-utils';
|
|
19
19
|
import { browse, isPx, isScale, hasClass, addClass, removeClass, getEventTargetNode, getPaddingTopBottomSize, setScrollTop, setScrollLeft, isNodeElement } from '../../tools/dom';
|
|
20
20
|
import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../tools/utils';
|
|
21
|
-
import { warnLog, errLog
|
|
21
|
+
import { warnLog, errLog } from '../../tools/log';
|
|
22
22
|
import { createResizeEvent } from '../../tools/resize';
|
|
23
23
|
import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event';
|
|
24
24
|
import { useSize } from '../../hooks/size';
|
|
@@ -660,13 +660,12 @@ export default defineComponent({
|
|
|
660
660
|
if (merges) {
|
|
661
661
|
var treeConfig = props.treeConfig;
|
|
662
662
|
var visibleColumn_1 = internalData.visibleColumn;
|
|
663
|
-
if (treeConfig) {
|
|
664
|
-
errLog('vxe.error.noTree', ['merge-footer-items']);
|
|
665
|
-
return;
|
|
666
|
-
}
|
|
667
663
|
if (!XEUtils.isArray(merges)) {
|
|
668
664
|
merges = [merges];
|
|
669
665
|
}
|
|
666
|
+
if (treeConfig && merges.length) {
|
|
667
|
+
errLog('vxe.error.noTree', ['merge-cells | merge-footer-items']);
|
|
668
|
+
}
|
|
670
669
|
merges.forEach(function (item) {
|
|
671
670
|
var row = item.row, col = item.col, rowspan = item.rowspan, colspan = item.colspan;
|
|
672
671
|
if (rowList && XEUtils.isNumber(row)) {
|
|
@@ -711,12 +710,12 @@ export default defineComponent({
|
|
|
711
710
|
if (merges) {
|
|
712
711
|
var treeConfig = props.treeConfig;
|
|
713
712
|
var visibleColumn_2 = internalData.visibleColumn;
|
|
714
|
-
if (treeConfig) {
|
|
715
|
-
throw new Error(getLog('vxe.error.noTree', ['merge-cells']));
|
|
716
|
-
}
|
|
717
713
|
if (!XEUtils.isArray(merges)) {
|
|
718
714
|
merges = [merges];
|
|
719
715
|
}
|
|
716
|
+
if (treeConfig && merges.length) {
|
|
717
|
+
errLog('vxe.error.noTree', ['merge-cells | merge-footer-items']);
|
|
718
|
+
}
|
|
720
719
|
merges.forEach(function (item) {
|
|
721
720
|
var row = item.row, col = item.col;
|
|
722
721
|
if (rowList && XEUtils.isNumber(row)) {
|
package/es/table/src/util.js
CHANGED
|
@@ -88,9 +88,6 @@ export function getCellValue(row, column) {
|
|
|
88
88
|
export function setCellValue(row, column, value) {
|
|
89
89
|
return XEUtils.set(row, column.field, value);
|
|
90
90
|
}
|
|
91
|
-
export function getPropClass(property, params) {
|
|
92
|
-
return property ? XEUtils.isFunction(property) ? property(params) : property : '';
|
|
93
|
-
}
|
|
94
91
|
export function getColMinWidth(params) {
|
|
95
92
|
var $table = params.$table, column = params.column, cell = params.cell;
|
|
96
93
|
var tableProps = $table.props;
|
package/es/tools/dom.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import XEUtils from 'xe-utils';
|
|
2
2
|
var reClsMap = {};
|
|
3
3
|
export var browse = XEUtils.browse();
|
|
4
|
+
export function getPropClass(property, params) {
|
|
5
|
+
return property ? XEUtils.isFunction(property) ? property(params) : property : '';
|
|
6
|
+
}
|
|
4
7
|
function getClsRE(cls) {
|
|
5
8
|
if (!reClsMap[cls]) {
|
|
6
9
|
reClsMap[cls] = new RegExp("(?:^|\\s)" + cls + "(?!\\S)", 'g');
|
package/es/tools/log.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import GlobalConfig from '../v-x-e-table/src/conf';
|
|
2
2
|
export function getLog(message, params) {
|
|
3
|
-
return "[vxe-table v" + "4.2.7-beta.
|
|
3
|
+
return "[vxe-table v" + "4.2.7-beta.3" + "] " + GlobalConfig.i18n(message, params);
|
|
4
4
|
}
|
|
5
5
|
function outLog(type) {
|
|
6
6
|
return function (message, params) {
|
package/es/v-x-e-table/index.js
CHANGED
|
@@ -18,13 +18,17 @@ var Store = /** @class */ (function () {
|
|
|
18
18
|
return this.store[name];
|
|
19
19
|
};
|
|
20
20
|
Store.prototype.add = function (name, render) {
|
|
21
|
+
var conf = this.store[name];
|
|
21
22
|
// 检测是否覆盖
|
|
22
23
|
if (process.env.NODE_ENV === 'development') {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
var confKeys_1 = XEUtils.keys(conf);
|
|
25
|
+
XEUtils.each(render, function (item, key) {
|
|
26
|
+
if (confKeys_1.includes(key)) {
|
|
27
|
+
warnLog('vxe.error.coverProp', [name, key]);
|
|
28
|
+
}
|
|
29
|
+
});
|
|
26
30
|
}
|
|
27
|
-
this.store[name] = render;
|
|
31
|
+
this.store[name] = conf ? XEUtils.merge(conf, render) : render;
|
|
28
32
|
return this;
|
|
29
33
|
};
|
|
30
34
|
Store.prototype.delete = function (name) {
|
package/lib/edit/src/hook.js
CHANGED
|
@@ -930,21 +930,24 @@ var editHook = {
|
|
|
930
930
|
|
|
931
931
|
var autofocus = editRender.autofocus,
|
|
932
932
|
autoselect = editRender.autoselect;
|
|
933
|
-
var inputElem
|
|
934
|
-
|
|
933
|
+
var inputElem = void 0;
|
|
934
|
+
|
|
935
|
+
if (!autofocus && compRender) {
|
|
936
|
+
autofocus = compRender.autofocus;
|
|
937
|
+
} // 如果指定了聚焦 class
|
|
935
938
|
|
|
936
|
-
if (autofocus) {
|
|
937
|
-
inputElem = cell.querySelector(autofocus);
|
|
938
|
-
} // 渲染器的聚焦处理
|
|
939
939
|
|
|
940
|
+
if (_xeUtils.default.isFunction(autofocus)) {
|
|
941
|
+
inputElem = autofocus.call(this, params);
|
|
942
|
+
} else if (autofocus) {
|
|
943
|
+
inputElem = cell.querySelector(autofocus);
|
|
940
944
|
|
|
941
|
-
|
|
942
|
-
|
|
945
|
+
if (inputElem) {
|
|
946
|
+
inputElem.focus();
|
|
947
|
+
}
|
|
943
948
|
}
|
|
944
949
|
|
|
945
950
|
if (inputElem) {
|
|
946
|
-
inputElem.focus();
|
|
947
|
-
|
|
948
951
|
if (autoselect) {
|
|
949
952
|
inputElem.select();
|
|
950
953
|
} else {
|
package/lib/edit/src/hook.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_util=require("../../table/src/util"),_dom=require("../../tools/dom"),_log=require("../../tools/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,r=1,l=arguments.length;r<l;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},__spreadArray=function(e,t){for(var r=0,l=t.length,n=e.length;r<l;r++,n++)e[n]=t[r];return e},tableEditMethodKeys=["insert","insertAt","remove","removeCheckboxRow","removeRadioRow","removeCurrentRow","getRecordset","getInsertRecords","getRemoveRecords","getUpdateRecords","getEditRecord","getActiveRecord","getSelectedCell","clearEdit","clearActived","clearSelected","isEditByRow","isActiveByRow","setEditRow","setActiveRow","setEditCell","setActiveCell","setSelectCell"],editHook={setupTable:function(x){function v(e,t){var r=t.model;t.editRender&&(r.value=(0,_util.getCellValue)(e,t),r.update=!1)}function n(e,t){var r=t.model;t.editRender&&r.update&&((0,_util.setCellValue)(e,t,r.value),r.update=!1,r.value=null)}function r(){var e=o.value;!e||(e=e.querySelector(".col--selected"))&&(0,_dom.removeClass)(e,"col--selected")}var _=x.props,C=x.reactData,E=x.internalData,o=x.getRefMaps().refElem,e=x.getComputeMaps(),s=e.computeMouseOpts,p=e.computeEditOpts,w=e.computeCheckboxOpts,b=e.computeTreeOpts,g={},m={};function a(){var e=C.editStore,t=C.tableColumn,r=p.value,e=e.actived,l=e.row,e=e.column;(l||e)&&("row"===r.mode?t.forEach(function(e){return n(l,e)}):n(l,e))}function I(e,t){var a=E.tableFullTreeData,i=E.afterFullData,u=E.fullDataRowIdData,c=E.fullAllDataRowIdData,r=b.value,d=r.rowField,s=r.parentField,f=r.children,v=r.mapChildren,p=t?"push":"unshift";e.forEach(function(e){var t,r,l=e[s],n=(0,_util.getRowid)(x,e),o=l?_xeUtils.default.findTree(a,function(e){return l===e[d]},{children:v}):null;e=o?(t=o.item,o=(r=c[(0,_util.getRowid)(x,t)])?r.level:0,r=t[f],(r=!_xeUtils.default.isArray(r)?t[f]=[]:r)[p](e),{row:e,rowid:n,seq:-1,index:-1,_index:-1,$index:-1,items:r,parent:parent,level:o+1}):("development"===process.env.NODE_ENV&&l&&(0,_log.warnLog)("vxe.error.unableInsert"),i[p](e),a[p](e),{row:e,rowid:n,seq:-1,index:-1,_index:-1,$index:-1,items:a,parent:null,level:0}),u[n]=e,c[n]=e})}return g={insert:function(e){return g.insertAt(e,null)},insertAt:function(e,t){var r=_.treeConfig,l=C.mergeList,n=C.editStore,o=E.tableFullTreeData,a=E.afterFullData,i=E.tableFullData,u=E.fullDataRowIdData,c=E.fullAllDataRowIdData,d=b.value,s=d.transform,f=d.rowField,v=d.mapChildren,p=(e=!_xeUtils.default.isArray(e)?[e]:e).map(function(e){return x.defineField(Object.assign({},e))});if(t)if(-1===t)r&&s?I(p,!0):(a.push.apply(a,p),i.push.apply(i,p),l.forEach(function(e){var t=e.row,r=e.rowspan;t+r>a.length&&(e.rowspan=r+p.length)}));else if(r&&s){var w,g,m,h=_xeUtils.default.findTree(o,function(e){return t[f]===e[f]},{children:v});h?(w=h.parent,g=h.items,v=c[(0,_util.getRowid)(x,w)],m=v?v.level:0,p.forEach(function(e,t){var r=(0,_util.getRowid)(x,e);"development"===process.env.NODE_ENV&&e[d.parentField]&&w&&e[d.parentField]!==w[f]&&(0,_log.errLog)("vxe.error.errProp",[d.parentField+"="+e[d.parentField],d.parentField+"="+w[f]]),w&&(e[d.parentField]=w[f]),g.splice(h.index+t,0,e);e={row:e,rowid:r,seq:-1,index:-1,_index:-1,$index:-1,items:g,parent:w,level:m+1};u[r]=e,c[r]=e})):("development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.unableInsert"),I(p,!0))}else{if(r)throw new Error((0,_log.getLog)("vxe.error.noTree",["insert"]));var R=-1;if(_xeUtils.default.isNumber(t)?t<a.length&&(R=t):R=x.findRowIndexOf(a,t),-1===R)throw new Error((0,_log.errLog)("vxe.error.unableInsert"));a.splice.apply(a,__spreadArray([R,0],p)),i.splice.apply(i,__spreadArray([x.findRowIndexOf(i,t),0],p)),l.forEach(function(e){var t=e.row,r=e.rowspan;R<t?e.row=t+p.length:R<t+r&&(e.rowspan=r+p.length)})}else r&&s?I(p,!1):(a.unshift.apply(a,p),i.unshift.apply(i,p),l.forEach(function(e){var t=e.row;0<t&&(e.row=t+p.length)}));return(n=n.insertList).unshift.apply(n,p),x.updateFooter(),x.cacheRowMap(),x.handleTableData(r&&s),r&&s||x.updateAfterDataIndex(),x.checkSelectionStatus(),C.scrollYLoad&&x.updateScrollYSpace(),(0,_vue.nextTick)().then(function(){return x.updateCellAreas(),x.recalculate()}).then(function(){return{row:p.length?p[p.length-1]:null,rows:p}})},remove:function(e){var t=_.treeConfig,r=C.mergeList,l=C.editStore,n=C.selection,o=E.tableFullTreeData,a=E.afterFullData,i=E.tableFullData,u=w.value,c=b.value,d=c.transform,s=l.actived,f=l.removeList,v=l.insertList,u=u.checkField,p=[];return e?_xeUtils.default.isArray(e)||(e=[e]):e=i,e.forEach(function(e){x.isInsertByRow(e)||f.push(e)}),u||e.forEach(function(e){e=x.findRowIndexOf(n,e);-1<e&&n.splice(e,1)}),i===e?(e=p=i.slice(0),E.tableFullData=[],E.afterFullData=[],x.clearMergeCells()):t&&d?e.forEach(function(e){var t=(0,_util.getRowid)(x,e),r=_xeUtils.default.findTree(o,function(e){return t===(0,_util.getRowid)(x,e)},c);r&&(r=r.items.splice(r.index,1),p.push(r[0]));e=x.findRowIndexOf(a,e);-1<e&&a.splice(e,1)}):e.forEach(function(e){var t=x.findRowIndexOf(i,e);-1<t&&(t=i.splice(t,1),p.push(t[0]));var l=x.findRowIndexOf(a,e);-1<l&&(r.forEach(function(e){var t=e.row,r=e.rowspan;l<t?e.row=t-1:l<t+r&&(e.rowspan=r-1)}),a.splice(l,1))}),s.row&&-1<x.findRowIndexOf(e,s.row)&&g.clearActived(),e.forEach(function(e){e=x.findRowIndexOf(v,e);-1<e&&v.splice(e,1)}),x.updateFooter(),x.cacheRowMap(),x.handleTableData(t&&d),t&&d||x.updateAfterDataIndex(),x.checkSelectionStatus(),C.scrollYLoad&&x.updateScrollYSpace(),(0,_vue.nextTick)().then(function(){return x.updateCellAreas(),x.recalculate()}).then(function(){return{row:p.length?p[p.length-1]:null,rows:p}})},removeCheckboxRow:function(){return g.remove(x.getCheckboxRecords()).then(function(e){return x.clearCheckboxRow(),e})},removeRadioRow:function(){var e=x.getRadioRecord();return g.remove(e||[]).then(function(e){return x.clearRadioRow(),e})},removeCurrentRow:function(){var e=x.getCurrentRecord();return g.remove(e||[]).then(function(e){return x.clearCurrentRow(),e})},getRecordset:function(){return{insertRecords:g.getInsertRecords(),removeRecords:g.getRemoveRecords(),updateRecords:g.getUpdateRecords()}},getInsertRecords:function(){var e=_.treeConfig,t=C.editStore,r=E.tableFullTreeData,l=E.tableFullData,n=b.value,t=t.insertList,o=[];return t.length&&(e&&n.transform?t.forEach(function(e){var t=(0,_util.getRowid)(x,e);_xeUtils.default.findTree(r,function(e){return t===(0,_util.getRowid)(x,e)},n)&&o.push(e)}):t.forEach(function(e){-1<x.findRowIndexOf(l,e)&&o.push(e)})),o},getRemoveRecords:function(){return C.editStore.removeList},getUpdateRecords:function(){var e=_.keepSource,t=_.treeConfig,r=E.tableFullData,l=b.value;return e?(a(),t?_xeUtils.default.filterTree(r,function(e){return x.isUpdateByRow(e)},l):r.filter(function(e){return x.isUpdateByRow(e)})):[]},getActiveRecord:function(){return this.getEditRecord()},getEditRecord:function(){var e=C.editStore,t=E.afterFullData,r=o.value,l=e.actived,e=l.args,l=l.row;return e&&-1<x.findRowIndexOf(t,l)&&r.querySelectorAll(".vxe-body--column.col--actived").length?Object.assign({},e):null},getSelectedCell:function(){var e=C.editStore.selected,t=e.args,e=e.column;return t&&e?Object.assign({},t):null},clearActived:function(e){return this.clearEdit(e)},clearEdit:function(e){var t=C.editStore.actived,r=t.row,l=t.column;return(r||l)&&(a(),t.args=null,t.row=null,t.column=null,x.updateFooter(),x.dispatchEvent("edit-closed",{row:r,rowIndex:x.getRowIndex(r),$rowIndex:x.getVMRowIndex(r),column:l,columnIndex:x.getColumnIndex(l),$columnIndex:x.getVMColumnIndex(l)},e||null)),x.clearValidate?x.clearValidate():(0,_vue.nextTick)()},clearSelected:function(){var e=C.editStore.selected;return e.row=null,e.column=null,r(),(0,_vue.nextTick)()},isActiveByRow:function(e){return this.isEditByRow(e)},isEditByRow:function(e){return C.editStore.actived.row===e},setActiveRow:function(e){return g.setEditRow(e)},setEditRow:function(e){var t=E.visibleColumn;return x.setEditCell(e,_xeUtils.default.find(t,function(e){return(0,_utils.isEnableConf)(e.editRender)}))},setActiveCell:function(e,t){return g.setEditCell(e,t)},setEditCell:function(t,e){var r=_.editConfig,l=_xeUtils.default.isString(e)?x.getColumnByField(e):e;return t&&l&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(l.editRender)?x.scrollToRow(t,l).then(function(){var e=x.getCell(t,l);return e&&(m.handleActived({row:t,rowIndex:x.getRowIndex(t),column:l,columnIndex:x.getColumnIndex(l),cell:e,$table:x}),E._lastCallTime=Date.now()),(0,_vue.nextTick)()}):(0,_vue.nextTick)()},setSelectCell:function(e,t){var r=C.tableData,l=E.visibleColumn,n=p.value,t=_xeUtils.default.isString(t)?x.getColumnByField(t):t;return e&&t&&"manual"!==n.trigger&&(-1<(n=x.findRowIndexOf(r,e))&&t&&(r=x.getCell(e,t),r={row:e,rowIndex:n,column:t,columnIndex:l.indexOf(t),cell:r},x.handleSelected(r,{}))),(0,_vue.nextTick)()}},m={handleActived:function(e,t){var r,l=_.editConfig,n=_.mouseConfig,o=C.editStore,a=C.tableColumn,i=p.value,u=i.mode,c=o.actived,d=e.row,s=e.column,f=s.editRender,o=e.cell||x.getCell(d,s),i=i.beforeEditMethod||i.activeMethod;return e.cell=o,(0,_utils.isEnableConf)(l)&&(0,_utils.isEnableConf)(f)&&o&&(c.row!==d||"cell"===u&&c.column!==s?(r="edit-disabled",i&&!i(__assign(__assign({},e),{$table:x}))||(n&&(g.clearSelected(),x.clearCellAreas&&(x.clearCellAreas(),x.clearCopyCellArea())),x.closeTooltip(),c.column&&g.clearActived(t),r="edit-actived",s.renderHeight=o.offsetHeight,c.args=e,c.row=d,c.column=s,"row"===u?a.forEach(function(e){return v(d,e)}):v(d,s),(0,_vue.nextTick)(function(){m.handleFocus(e,t)})),x.dispatchEvent(r,{row:d,rowIndex:x.getRowIndex(d),$rowIndex:x.getVMRowIndex(d),column:s,columnIndex:x.getColumnIndex(s),$columnIndex:x.getVMColumnIndex(s)},t)):(r=c.column,n&&(g.clearSelected(),x.clearCellAreas&&(x.clearCellAreas(),x.clearCopyCellArea())),r!==s&&((n=r.model).update&&(0,_util.setCellValue)(d,r,n.value),x.clearValidate&&x.clearValidate()),s.renderHeight=o.offsetHeight,c.args=e,c.column=s,setTimeout(function(){m.handleFocus(e,t)})),x.focus()),(0,_vue.nextTick)()},handleFocus:function(e){var t,r,l=e.row,n=e.column,o=e.cell,a=n.editRender;(0,_utils.isEnableConf)(a)&&(t=_vXETable.renderer.get(a.name),r=a.autofocus,e=a.autoselect,a=void 0,(a=!(a=r?o.querySelector(r):a)&&t&&t.autofocus?o.querySelector(t.autofocus):a)?(a.focus(),e?a.select():_dom.browse.msie&&((a=a.createTextRange()).collapse(!1),a.select())):x.scrollToRow(l,n))},handleSelected:function(e,t){var r=_.mouseConfig,l=C.editStore,n=s.value,o=p.value,a=l.actived,i=l.selected,u=e.row,c=e.column,d=r&&n.selected;return!d||i.row===u&&i.column===c||(a.row!==u||"cell"===o.mode&&a.column!==c)&&(g.clearActived(t),g.clearSelected(),x.clearCellAreas&&(x.clearCellAreas(),x.clearCopyCellArea()),i.args=e,i.row=u,i.column=c,d&&m.addCellSelectedClass(),x.focus(),t&&x.dispatchEvent("cell-selected",e,t)),(0,_vue.nextTick)()},addCellSelectedClass:function(){var e=C.editStore.selected,t=e.row,e=e.column;r(),t&&e&&((e=x.getCell(t,e))&&(0,_dom.addClass)(e,"col--selected"))}},__assign(__assign({},g),m)},setupGrid:function(e){return e.extendTableMethods(tableEditMethodKeys)}},_default=editHook;exports.default=_default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_util=require("../../table/src/util"),_dom=require("../../tools/dom"),_log=require("../../tools/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,r=1,l=arguments.length;r<l;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},__spreadArray=function(e,t){for(var r=0,l=t.length,n=e.length;r<l;r++,n++)e[n]=t[r];return e},tableEditMethodKeys=["insert","insertAt","remove","removeCheckboxRow","removeRadioRow","removeCurrentRow","getRecordset","getInsertRecords","getRemoveRecords","getUpdateRecords","getEditRecord","getActiveRecord","getSelectedCell","clearEdit","clearActived","clearSelected","isEditByRow","isActiveByRow","setEditRow","setActiveRow","setEditCell","setActiveCell","setSelectCell"],editHook={setupTable:function(x){function v(e,t){var r=t.model;t.editRender&&(r.value=(0,_util.getCellValue)(e,t),r.update=!1)}function n(e,t){var r=t.model;t.editRender&&r.update&&((0,_util.setCellValue)(e,t,r.value),r.update=!1,r.value=null)}function r(){var e=o.value;!e||(e=e.querySelector(".col--selected"))&&(0,_dom.removeClass)(e,"col--selected")}var _=x.props,C=x.reactData,E=x.internalData,o=x.getRefMaps().refElem,e=x.getComputeMaps(),s=e.computeMouseOpts,p=e.computeEditOpts,w=e.computeCheckboxOpts,b=e.computeTreeOpts,g={},m={};function a(){var e=C.editStore,t=C.tableColumn,r=p.value,e=e.actived,l=e.row,e=e.column;(l||e)&&("row"===r.mode?t.forEach(function(e){return n(l,e)}):n(l,e))}function I(e,t){var a=E.tableFullTreeData,i=E.afterFullData,u=E.fullDataRowIdData,c=E.fullAllDataRowIdData,r=b.value,d=r.rowField,s=r.parentField,f=r.children,v=r.mapChildren,p=t?"push":"unshift";e.forEach(function(e){var t,r,l=e[s],n=(0,_util.getRowid)(x,e),o=l?_xeUtils.default.findTree(a,function(e){return l===e[d]},{children:v}):null;e=o?(t=o.item,o=(r=c[(0,_util.getRowid)(x,t)])?r.level:0,r=t[f],(r=!_xeUtils.default.isArray(r)?t[f]=[]:r)[p](e),{row:e,rowid:n,seq:-1,index:-1,_index:-1,$index:-1,items:r,parent:parent,level:o+1}):("development"===process.env.NODE_ENV&&l&&(0,_log.warnLog)("vxe.error.unableInsert"),i[p](e),a[p](e),{row:e,rowid:n,seq:-1,index:-1,_index:-1,$index:-1,items:a,parent:null,level:0}),u[n]=e,c[n]=e})}return g={insert:function(e){return g.insertAt(e,null)},insertAt:function(e,t){var r=_.treeConfig,l=C.mergeList,n=C.editStore,o=E.tableFullTreeData,a=E.afterFullData,i=E.tableFullData,u=E.fullDataRowIdData,c=E.fullAllDataRowIdData,d=b.value,s=d.transform,f=d.rowField,v=d.mapChildren,p=(e=!_xeUtils.default.isArray(e)?[e]:e).map(function(e){return x.defineField(Object.assign({},e))});if(t)if(-1===t)r&&s?I(p,!0):(a.push.apply(a,p),i.push.apply(i,p),l.forEach(function(e){var t=e.row,r=e.rowspan;t+r>a.length&&(e.rowspan=r+p.length)}));else if(r&&s){var w,g,m,h=_xeUtils.default.findTree(o,function(e){return t[f]===e[f]},{children:v});h?(w=h.parent,g=h.items,v=c[(0,_util.getRowid)(x,w)],m=v?v.level:0,p.forEach(function(e,t){var r=(0,_util.getRowid)(x,e);"development"===process.env.NODE_ENV&&e[d.parentField]&&w&&e[d.parentField]!==w[f]&&(0,_log.errLog)("vxe.error.errProp",[d.parentField+"="+e[d.parentField],d.parentField+"="+w[f]]),w&&(e[d.parentField]=w[f]),g.splice(h.index+t,0,e);e={row:e,rowid:r,seq:-1,index:-1,_index:-1,$index:-1,items:g,parent:w,level:m+1};u[r]=e,c[r]=e})):("development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.unableInsert"),I(p,!0))}else{if(r)throw new Error((0,_log.getLog)("vxe.error.noTree",["insert"]));var R=-1;if(_xeUtils.default.isNumber(t)?t<a.length&&(R=t):R=x.findRowIndexOf(a,t),-1===R)throw new Error((0,_log.errLog)("vxe.error.unableInsert"));a.splice.apply(a,__spreadArray([R,0],p)),i.splice.apply(i,__spreadArray([x.findRowIndexOf(i,t),0],p)),l.forEach(function(e){var t=e.row,r=e.rowspan;R<t?e.row=t+p.length:R<t+r&&(e.rowspan=r+p.length)})}else r&&s?I(p,!1):(a.unshift.apply(a,p),i.unshift.apply(i,p),l.forEach(function(e){var t=e.row;0<t&&(e.row=t+p.length)}));return(n=n.insertList).unshift.apply(n,p),x.updateFooter(),x.cacheRowMap(),x.handleTableData(r&&s),r&&s||x.updateAfterDataIndex(),x.checkSelectionStatus(),C.scrollYLoad&&x.updateScrollYSpace(),(0,_vue.nextTick)().then(function(){return x.updateCellAreas(),x.recalculate()}).then(function(){return{row:p.length?p[p.length-1]:null,rows:p}})},remove:function(e){var t=_.treeConfig,r=C.mergeList,l=C.editStore,n=C.selection,o=E.tableFullTreeData,a=E.afterFullData,i=E.tableFullData,u=w.value,c=b.value,d=c.transform,s=l.actived,f=l.removeList,v=l.insertList,u=u.checkField,p=[];return e?_xeUtils.default.isArray(e)||(e=[e]):e=i,e.forEach(function(e){x.isInsertByRow(e)||f.push(e)}),u||e.forEach(function(e){e=x.findRowIndexOf(n,e);-1<e&&n.splice(e,1)}),i===e?(e=p=i.slice(0),E.tableFullData=[],E.afterFullData=[],x.clearMergeCells()):t&&d?e.forEach(function(e){var t=(0,_util.getRowid)(x,e),r=_xeUtils.default.findTree(o,function(e){return t===(0,_util.getRowid)(x,e)},c);r&&(r=r.items.splice(r.index,1),p.push(r[0]));e=x.findRowIndexOf(a,e);-1<e&&a.splice(e,1)}):e.forEach(function(e){var t=x.findRowIndexOf(i,e);-1<t&&(t=i.splice(t,1),p.push(t[0]));var l=x.findRowIndexOf(a,e);-1<l&&(r.forEach(function(e){var t=e.row,r=e.rowspan;l<t?e.row=t-1:l<t+r&&(e.rowspan=r-1)}),a.splice(l,1))}),s.row&&-1<x.findRowIndexOf(e,s.row)&&g.clearActived(),e.forEach(function(e){e=x.findRowIndexOf(v,e);-1<e&&v.splice(e,1)}),x.updateFooter(),x.cacheRowMap(),x.handleTableData(t&&d),t&&d||x.updateAfterDataIndex(),x.checkSelectionStatus(),C.scrollYLoad&&x.updateScrollYSpace(),(0,_vue.nextTick)().then(function(){return x.updateCellAreas(),x.recalculate()}).then(function(){return{row:p.length?p[p.length-1]:null,rows:p}})},removeCheckboxRow:function(){return g.remove(x.getCheckboxRecords()).then(function(e){return x.clearCheckboxRow(),e})},removeRadioRow:function(){var e=x.getRadioRecord();return g.remove(e||[]).then(function(e){return x.clearRadioRow(),e})},removeCurrentRow:function(){var e=x.getCurrentRecord();return g.remove(e||[]).then(function(e){return x.clearCurrentRow(),e})},getRecordset:function(){return{insertRecords:g.getInsertRecords(),removeRecords:g.getRemoveRecords(),updateRecords:g.getUpdateRecords()}},getInsertRecords:function(){var e=_.treeConfig,t=C.editStore,r=E.tableFullTreeData,l=E.tableFullData,n=b.value,t=t.insertList,o=[];return t.length&&(e&&n.transform?t.forEach(function(e){var t=(0,_util.getRowid)(x,e);_xeUtils.default.findTree(r,function(e){return t===(0,_util.getRowid)(x,e)},n)&&o.push(e)}):t.forEach(function(e){-1<x.findRowIndexOf(l,e)&&o.push(e)})),o},getRemoveRecords:function(){return C.editStore.removeList},getUpdateRecords:function(){var e=_.keepSource,t=_.treeConfig,r=E.tableFullData,l=b.value;return e?(a(),t?_xeUtils.default.filterTree(r,function(e){return x.isUpdateByRow(e)},l):r.filter(function(e){return x.isUpdateByRow(e)})):[]},getActiveRecord:function(){return this.getEditRecord()},getEditRecord:function(){var e=C.editStore,t=E.afterFullData,r=o.value,l=e.actived,e=l.args,l=l.row;return e&&-1<x.findRowIndexOf(t,l)&&r.querySelectorAll(".vxe-body--column.col--actived").length?Object.assign({},e):null},getSelectedCell:function(){var e=C.editStore.selected,t=e.args,e=e.column;return t&&e?Object.assign({},t):null},clearActived:function(e){return this.clearEdit(e)},clearEdit:function(e){var t=C.editStore.actived,r=t.row,l=t.column;return(r||l)&&(a(),t.args=null,t.row=null,t.column=null,x.updateFooter(),x.dispatchEvent("edit-closed",{row:r,rowIndex:x.getRowIndex(r),$rowIndex:x.getVMRowIndex(r),column:l,columnIndex:x.getColumnIndex(l),$columnIndex:x.getVMColumnIndex(l)},e||null)),x.clearValidate?x.clearValidate():(0,_vue.nextTick)()},clearSelected:function(){var e=C.editStore.selected;return e.row=null,e.column=null,r(),(0,_vue.nextTick)()},isActiveByRow:function(e){return this.isEditByRow(e)},isEditByRow:function(e){return C.editStore.actived.row===e},setActiveRow:function(e){return g.setEditRow(e)},setEditRow:function(e){var t=E.visibleColumn;return x.setEditCell(e,_xeUtils.default.find(t,function(e){return(0,_utils.isEnableConf)(e.editRender)}))},setActiveCell:function(e,t){return g.setEditCell(e,t)},setEditCell:function(t,e){var r=_.editConfig,l=_xeUtils.default.isString(e)?x.getColumnByField(e):e;return t&&l&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(l.editRender)?x.scrollToRow(t,l).then(function(){var e=x.getCell(t,l);return e&&(m.handleActived({row:t,rowIndex:x.getRowIndex(t),column:l,columnIndex:x.getColumnIndex(l),cell:e,$table:x}),E._lastCallTime=Date.now()),(0,_vue.nextTick)()}):(0,_vue.nextTick)()},setSelectCell:function(e,t){var r=C.tableData,l=E.visibleColumn,n=p.value,t=_xeUtils.default.isString(t)?x.getColumnByField(t):t;return e&&t&&"manual"!==n.trigger&&(-1<(n=x.findRowIndexOf(r,e))&&t&&(r=x.getCell(e,t),r={row:e,rowIndex:n,column:t,columnIndex:l.indexOf(t),cell:r},x.handleSelected(r,{}))),(0,_vue.nextTick)()}},m={handleActived:function(e,t){var r,l=_.editConfig,n=_.mouseConfig,o=C.editStore,a=C.tableColumn,i=p.value,u=i.mode,c=o.actived,d=e.row,s=e.column,f=s.editRender,o=e.cell||x.getCell(d,s),i=i.beforeEditMethod||i.activeMethod;return e.cell=o,(0,_utils.isEnableConf)(l)&&(0,_utils.isEnableConf)(f)&&o&&(c.row!==d||"cell"===u&&c.column!==s?(r="edit-disabled",i&&!i(__assign(__assign({},e),{$table:x}))||(n&&(g.clearSelected(),x.clearCellAreas&&(x.clearCellAreas(),x.clearCopyCellArea())),x.closeTooltip(),c.column&&g.clearActived(t),r="edit-actived",s.renderHeight=o.offsetHeight,c.args=e,c.row=d,c.column=s,"row"===u?a.forEach(function(e){return v(d,e)}):v(d,s),(0,_vue.nextTick)(function(){m.handleFocus(e,t)})),x.dispatchEvent(r,{row:d,rowIndex:x.getRowIndex(d),$rowIndex:x.getVMRowIndex(d),column:s,columnIndex:x.getColumnIndex(s),$columnIndex:x.getVMColumnIndex(s)},t)):(r=c.column,n&&(g.clearSelected(),x.clearCellAreas&&(x.clearCellAreas(),x.clearCopyCellArea())),r!==s&&((n=r.model).update&&(0,_util.setCellValue)(d,r,n.value),x.clearValidate&&x.clearValidate()),s.renderHeight=o.offsetHeight,c.args=e,c.column=s,setTimeout(function(){m.handleFocus(e,t)})),x.focus()),(0,_vue.nextTick)()},handleFocus:function(e){var t,r,l,n=e.row,o=e.column,a=e.cell,i=o.editRender;(0,_utils.isEnableConf)(i)&&(t=_vXETable.renderer.get(i.name),r=i.autofocus,l=i.autoselect,i=void 0,!r&&t&&(r=t.autofocus),_xeUtils.default.isFunction(r)?i=r.call(this,e):r&&(i=a.querySelector(r))&&i.focus(),i?l?i.select():_dom.browse.msie&&((i=i.createTextRange()).collapse(!1),i.select()):x.scrollToRow(n,o))},handleSelected:function(e,t){var r=_.mouseConfig,l=C.editStore,n=s.value,o=p.value,a=l.actived,i=l.selected,u=e.row,c=e.column,d=r&&n.selected;return!d||i.row===u&&i.column===c||(a.row!==u||"cell"===o.mode&&a.column!==c)&&(g.clearActived(t),g.clearSelected(),x.clearCellAreas&&(x.clearCellAreas(),x.clearCopyCellArea()),i.args=e,i.row=u,i.column=c,d&&m.addCellSelectedClass(),x.focus(),t&&x.dispatchEvent("cell-selected",e,t)),(0,_vue.nextTick)()},addCellSelectedClass:function(){var e=C.editStore.selected,t=e.row,e=e.column;r(),t&&e&&((e=x.getCell(t,e))&&(0,_dom.addClass)(e,"col--selected"))}},__assign(__assign({},g),m)},setupGrid:function(e){return e.extendTableMethods(tableEditMethodKeys)}},_default=editHook;exports.default=_default;
|
package/lib/filter/src/panel.js
CHANGED
|
@@ -13,6 +13,8 @@ var _vXETable = require("../../v-x-e-table");
|
|
|
13
13
|
|
|
14
14
|
var _utils = require("../../tools/utils");
|
|
15
15
|
|
|
16
|
+
var _dom = require("../../tools/dom");
|
|
17
|
+
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
|
|
18
20
|
var _default = (0, _vue.defineComponent)({
|
|
@@ -213,8 +215,13 @@ var _default = (0, _vue.defineComponent)({
|
|
|
213
215
|
var column = filterStore.column;
|
|
214
216
|
var filterRender = column ? column.filterRender : null;
|
|
215
217
|
var compConf = filterRender ? _vXETable.VXETable.renderer.get(filterRender.name) : null;
|
|
218
|
+
var filterClassName = compConf ? compConf.filterClassName : '';
|
|
219
|
+
var params = Object.assign({}, tableInternalData._currFilterParams, {
|
|
220
|
+
$panel: $panel,
|
|
221
|
+
$table: $xetable
|
|
222
|
+
});
|
|
216
223
|
return (0, _vue.h)('div', {
|
|
217
|
-
class: ['vxe-table--filter-wrapper', 'filter--prevent-default',
|
|
224
|
+
class: ['vxe-table--filter-wrapper', 'filter--prevent-default', (0, _dom.getPropClass)(filterClassName, params), {
|
|
218
225
|
'is--animat': $xetable.props.animat,
|
|
219
226
|
'is--multiple': filterStore.multiple,
|
|
220
227
|
'is--active': filterStore.visible
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableFilter",props:{filterStore:Object},setup:function(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableFilter",props:{filterStore:Object},setup:function(a){function i(e,t,l){a.filterStore.options.forEach(function(e){e._checked=!1}),l._checked=t,s.checkFilterOptions(),d(e)}function c(e,t,l){l._checked=t,s.checkFilterOptions()}var s=(0,_vue.inject)("$xetable",{}),u=s.reactData,v=s.internalData,f=(0,_vue.computed)(function(){var e=a.filterStore;return e&&e.options.some(function(e){return e.checked})}),d=function(e){a.filterStore.options.forEach(function(e){e.checked=e._checked}),s.confirmFilterEvent(e)},h=function(e){var t=a.filterStore;s.handleClearFilter(t.column),s.confirmFilterEvent(e)},b=function(e,t,l){a.filterStore.multiple?c(0,t,l):i(e,t,l)},p=function(e,t){var l;a.filterStore.multiple?(l=t,(t=a.filterStore).options.forEach(function(e){e._checked=l,e.checked=l}),t.isAllSelected=l,t.isIndeterminate=!1):h(e)},x={changeRadioOption:i,changeMultipleOption:c,changeAllOption:p,changeOption:b,confirmFilter:d,resetFilter:h};return function(){var t,e,l=a.filterStore,i=u.initStore,c=l.column,n=c?c.filterRender:null,r=n?_vXETable.VXETable.renderer.get(n.name):null,o=r?r.filterClassName:"",c=Object.assign({},v._currFilterParams,{$panel:x,$table:s});return(0,_vue.h)("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",(0,_dom.getPropClass)(o,c),{"is--animat":s.props.animat,"is--multiple":l.multiple,"is--active":l.visible}],style:l.style},i.filter&&l.visible?(c=n,i=r,t=a.filterStore,l=t.column,e=t.multiple,n=t.maxHeight,r=l.slots,l=r?r.filter:null,r=Object.assign({},v._currFilterParams,{$panel:x,$table:s}),(l?[(0,_vue.h)("div",{class:"vxe-table--filter-template"},s.callSlot(l,r))]:i&&i.renderFilter?[(0,_vue.h)("div",{class:"vxe-table--filter-template"},i.renderFilter(c,r))]:[(0,_vue.h)("ul",{class:"vxe-table--filter-header"},[(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":e?t.isAllSelected:!t.options.some(function(e){return e._checked}),"is--indeterminate":e&&t.isIndeterminate}],title:_conf.default.i18n(e?"vxe.table.allTitle":"vxe.table.allFilter"),onClick:function(e){p(e,!t.isAllSelected)}},(e?[(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.table.allFilter"))]))]),(0,_vue.h)("ul",{class:"vxe-table--filter-body",style:n?{maxHeight:n+"px"}:{}},t.options.map(function(t){return(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":t._checked}],title:t.label,onClick:function(e){b(e,!t._checked,t)}},(e?[(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},(0,_utils.formatText)(t.label,1))]))}))]).concat((i=a.filterStore,c=i.column,r=i.multiple,n=f.value,c=(c=c.filterRender)?_vXETable.VXETable.renderer.get(c.name):null,i=!n&&!i.isAllSelected&&!i.isIndeterminate,!r||c&&!1===c.showFilterFooter?[]:[(0,_vue.h)("div",{class:"vxe-table--filter-footer"},[(0,_vue.h)("button",{class:{"is--disabled":i},disabled:i,onClick:d},_conf.default.i18n("vxe.table.confirmFilter")),(0,_vue.h)("button",{onClick:h},_conf.default.i18n("vxe.table.resetFilter"))])]))):[])}}});exports.default=_default;
|
package/lib/footer/src/footer.js
CHANGED
|
@@ -9,8 +9,6 @@ var _vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
11
11
|
|
|
12
|
-
var _util = require("../../table/src/util");
|
|
13
|
-
|
|
14
12
|
var _dom = require("../../tools/dom");
|
|
15
13
|
|
|
16
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -379,7 +377,7 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
379
377
|
}
|
|
380
378
|
|
|
381
379
|
return (0, _vue.h)('td', __assign(__assign(__assign(__assign({
|
|
382
|
-
class: ['vxe-footer--column', column.id, (_a = {}, _a["col--" + footAlign] = footAlign, _a["col--" + type] = type, _a['col--last'] = $columnIndex === tableColumn.length - 1, _a['fixed--hidden'] = fixedHiddenColumn, _a['col--ellipsis'] = hasEllipsis, _a['col--current'] = currentColumn === column, _a), (0,
|
|
380
|
+
class: ['vxe-footer--column', column.id, (_a = {}, _a["col--" + footAlign] = footAlign, _a["col--" + type] = type, _a['col--last'] = $columnIndex === tableColumn.length - 1, _a['fixed--hidden'] = fixedHiddenColumn, _a['col--ellipsis'] = hasEllipsis, _a['col--current'] = currentColumn === column, _a), (0, _dom.getPropClass)(footerClassName, params), (0, _dom.getPropClass)(footerCellClassName, params)]
|
|
383
381
|
}, attrs), {
|
|
384
382
|
style: footerCellStyle ? _xeUtils.default.isFunction(footerCellStyle) ? footerCellStyle(params) : footerCellStyle : null
|
|
385
383
|
}), tfOns), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,l=1,o=arguments.length;l<o;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},renderType="footer";function mergeFooterMethod(e,t,l){for(var o=0;o<e.length;o++){var r=e[o],n=r.row,a=r.col,i=r.rowspan,r=r.colspan;if(-1<a&&-1<n&&i&&r){if(n===t&&a===l)return{rowspan:i,colspan:r};if(n<=t&&t<n+i&&a<=l&&l<a+r)return{rowspan:0,colspan:0}}}}var _default2=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:function(){return[]}},tableColumn:{type:Array,default:function(){return[]}},fixedColumn:{type:Array,default:function(){return[]}},fixedType:{type:String,default:null}},setup:function(u){function n(e){var t=u.fixedType,l=s.scrollXLoad,o=c.lastScrollLeft,r=p.value,n=f.value,a=d.value,i=n?n.$el:null,n=x.value,a=a.$el,o=(n=n.scrollLeft)!==o;c.lastScrollLeft=n,c.lastScrollTime=Date.now(),i&&(i.scrollLeft=n),a&&(a.scrollLeft=n),l&&o&&q.triggerScrollXEvent(e),o&&r&&r.reactData.visible&&r.updatePlacement(),q.dispatchEvent("scroll",{type:renderType,fixed:t,scrollTop:a.scrollTop,scrollLeft:n,isX:o,isY:!1},e)}var q=(0,_vue.inject)("$xetable",{}),a=q.xID,i=q.props,s=q.reactData,c=q.internalData,e=q.getRefMaps(),f=e.refTableHeader,d=e.refTableBody,p=e.refValidTooltip,e=q.getComputeMaps(),v=e.computeTooltipOpts,_=e.computeColumnOpts,x=(0,_vue.ref)(),m=(0,_vue.ref)(),g=(0,_vue.ref)(),y=(0,_vue.ref)(),h=(0,_vue.ref)();(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=u.fixedType,t=c.elemStore,e=(e||"main")+"-footer-";t[e+"wrapper"]=x,t[e+"table"]=m,t[e+"colgroup"]=g,t[e+"list"]=y,t[e+"xSpace"]=h})}),(0,_vue.onUnmounted)(function(){var e=u.fixedType,t=c.elemStore,e=(e||"main")+"-footer-";t[e+"wrapper"]=null,t[e+"table"]=null,t[e+"colgroup"]=null,t[e+"list"]=null,t[e+"xSpace"]=null});return function(){var b=u.fixedType,e=u.fixedColumn,T=u.tableColumn,C=u.footerTableData,t=i.footerRowClassName,I=i.footerCellClassName,l=i.footerRowStyle,S=i.footerCellStyle,F=i.footerAlign,D=i.footerSpanMethod,L=i.align,M=i.columnKey,O=i.showFooterOverflow,o=c.visibleColumn,$=s.scrollYLoad,U=s.overflowX,r=s.scrollbarWidth,k=s.currentColumn,j=s.mergeFooterList,A=v.value,E=_.value;return b&&(T=!$&&!O||j.length&&D?o:e),(0,_vue.h)("div",{ref:x,class:["vxe-table--footer-wrapper",b?"fixed-"+b+"--wrapper":"body--wrapper"],xid:a,onScroll:n},[b?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:h,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:m,class:"vxe-table--footer",xid:a,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:g},T.map(function(e,t){return(0,_vue.h)("col",{name:e.id,key:t})}).concat(r?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("tfoot",{ref:y},C.map(function(y,h){var w=h;return(0,_vue.h)("tr",{class:["vxe-footer--row",t?_xeUtils.default.isFunction(t)?t({$table:q,_rowIndex:h,$rowIndex:w,fixed:b,type:renderType}):t:""],style:l?_xeUtils.default.isFunction(l)?l({$table:q,_rowIndex:h,$rowIndex:w,fixed:b,type:renderType}):l:null},T.map(function(t,e){var l=t.type,o=t.showFooterOverflow,r=t.footerAlign,n=t.align,a=t.footerClassName,i=A.showAll,u=t.children&&t.children.length,s=b?t.fixed!==b&&!u:t.fixed&&U,c=_xeUtils.default.isUndefined(o)||_xeUtils.default.isNull(o)?O:o,f=r||n||F||L,d="ellipsis"===c,p="title"===c,v=!0===c||"tooltip"===c,u=p||v||d,o={colid:t.id},r={},n=q.getColumnIndex(t),c=q.getVTColumnIndex(t),_={$table:q,_rowIndex:h,$rowIndex:w,column:t,columnIndex:n,$columnIndex:e,_columnIndex:c,itemIndex:c,items:y,fixed:b,type:renderType,data:C};if($&&!u&&(d=u=!0),(p||v||i)&&(r.onMouseenter=function(e){p?(0,_dom.updateCellTitle)(e.currentTarget,t):(v||i)&&q.triggerFooterTooltipEvent(e,_)}),(v||i)&&(r.onMouseleave=function(e){(v||i)&&q.handleTargetLeaveEvent(e)}),r.onClick=function(e){q.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},_),e)},r.onDblclick=function(e){q.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},_),e)},j.length){var x=mergeFooterMethod(j,h,c);if(x){var m=x.rowspan,g=x.colspan;if(!m||!g)return null;1<m&&(o.rowspan=m),1<g&&(o.colspan=g)}}else if(D){var c=D(_)||{},x=c.rowspan,m=void 0===x?1:x,c=c.colspan,g=void 0===c?1:c;if(!m||!g)return null;1<m&&(o.rowspan=m),1<g&&(o.colspan=g)}return(0,_vue.h)("td",__assign(__assign(__assign(__assign({class:["vxe-footer--column",t.id,((g={})["col--"+f]=f,g["col--"+l]=l,g["col--last"]=e===T.length-1,g["fixed--hidden"]=s,g["col--ellipsis"]=u,g["col--current"]=k===t,g),(0,_dom.getPropClass)(a,_),(0,_dom.getPropClass)(I,_)]},o),{style:S?_xeUtils.default.isFunction(S)?S(_):S:null}),r),{key:M||E.useKey?t.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":p,"c--tooltip":v,"c--ellipsis":d}]},t.renderFooter(_))])}).concat(r?[(0,_vue.h)("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])}}});exports.default=_default2;
|
|
@@ -79,6 +79,7 @@ var VxeFormConfigItem = (0, _vue.defineComponent)({
|
|
|
79
79
|
titleOverflow = item.titleOverflow,
|
|
80
80
|
children = item.children;
|
|
81
81
|
var compConf = (0, _utils.isEnableConf)(itemRender) ? _vXETable.VXETable.renderer.get(itemRender.name) : null;
|
|
82
|
+
var itemClassName = compConf ? compConf.itemClassName : '';
|
|
82
83
|
var defaultSlot = slots ? slots.default : null;
|
|
83
84
|
var titleSlot = slots ? slots.title : null;
|
|
84
85
|
var span = item.span || allSpan;
|
|
@@ -173,7 +174,7 @@ var VxeFormConfigItem = (0, _vue.defineComponent)({
|
|
|
173
174
|
onMouseleave: $xeform.handleTitleTipLeaveEvent
|
|
174
175
|
} : {};
|
|
175
176
|
return (0, _vue.h)('div', {
|
|
176
|
-
class: ['vxe-form--item', item.id, span ? "vxe-col--" + span + " is--span" : '', className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', {
|
|
177
|
+
class: ['vxe-form--item', item.id, span ? "vxe-col--" + span + " is--span" : '', className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', itemClassName ? _xeUtils.default.isFunction(itemClassName) ? itemClassName(params) : itemClassName : '', {
|
|
177
178
|
'is--title': title,
|
|
178
179
|
'is--colon': titleColon,
|
|
179
180
|
'is--asterisk': titleAsterisk,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},VxeFormConfigItem=(0,_vue.defineComponent)({name:"VxeFormConfigItem",props:{itemConfig2:Object,itemConfig:Object},setup:function(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},VxeFormConfigItem=(0,_vue.defineComponent)({name:"VxeFormConfigItem",props:{itemConfig2:Object,itemConfig:Object},setup:function(w){var E=(0,_vue.inject)("$xeform",{}),e={itemConfig:w.itemConfig};(0,_vue.provide)("$xeformiteminfo",e),(0,_vue.provide)("$xeformgather",null);return{renderVN:function(){var e=E.reactData,t=E.props,i=t.data,l=t.rules,n=t.span,r=t.align,o=t.titleAlign,s=t.titleWidth,u=t.titleColon,a=t.titleAsterisk,f=t.titleOverflow,d=E.getComputeMaps().computeValidOpts,v=w.itemConfig,m=e.collapseAll,_=d.value,c=v.slots,g=v.title,x=v.visible,p=v.folding,h=v.visibleMethod,C=v.field,N=v.collapseNode,b=v.itemRender,q=v.showError,U=v.errRule,O=v.className,V=v.titleOverflow,F=v.children,M=(0,_utils.isEnableConf)(b)?_vXETable.VXETable.renderer.get(b.name):null,t=M?M.itemClassName:"",e=c?c.default:null,d=c?c.title:null,c=v.span||n,n=v.align||r,r=_xeUtils.default.eqNull(v.titleAlign)?o:v.titleAlign,o=_xeUtils.default.eqNull(v.titleWidth)?s:v.titleWidth,s=_xeUtils.default.eqNull(v.titleColon)?u:v.titleColon,u=_xeUtils.default.eqNull(v.titleAsterisk)?a:v.titleAsterisk,a=_xeUtils.default.isUndefined(V)||_xeUtils.default.isNull(V)?f:V,f="title"===a,V=!0===a||"tooltip"===a,a=f||V||"ellipsis"===a,h=h,y={data:i,field:C,property:C,item:v,$form:E};if(!1===x)return(0,_vue.createCommentVNode)();x=!1;if(!l||(l=l[C])&&(x=l.some(function(e){return e.required})),F&&0<F.length){var T=F.map(function(e,t){return(0,_vue.h)(VxeFormConfigItem,{key:t,itemConfig:e})});return T.length?(0,_vue.h)("div",{class:["vxe-form--gather vxe-row",v.id,c?"vxe-col--"+c+" is--span":"",O?_xeUtils.default.isFunction(O)?O(y):O:""]},T):(0,_vue.createCommentVNode)()}!h&&M&&M.itemVisibleMethod&&(h=M.itemVisibleMethod);T=[];e?T=E.callSlot(e,y):M&&M.renderItemContent?T=M.renderItemContent(b,y):C&&(T=[_xeUtils.default.toValueString(_xeUtils.default.get(i,C))]),N&&T.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:E.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},m?_conf.default.i18n("vxe.form.unfolding"):_conf.default.i18n("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",m?_conf.default.icon.FORM_FOLDING:_conf.default.icon.FORM_UNFOLDING]})])),U&&_.showMessage&&T.push((0,_vue.h)("div",{class:"vxe-form--item-valid",style:U.maxWidth?{width:U.maxWidth+"px"}:null},U.content));V=V?{onMouseenter:function(e){E.triggerTitleTipEvent(e,y)},onMouseleave:E.handleTitleTipLeaveEvent}:{};return(0,_vue.h)("div",{class:["vxe-form--item",v.id,c?"vxe-col--"+c+" is--span":"",O?_xeUtils.default.isFunction(O)?O(y):O:"",t?_xeUtils.default.isFunction(t)?t(y):t:"",{"is--title":g,"is--colon":s,"is--asterisk":u,"is--required":x,"is--hidden":p&&m,"is--active":!h||h(y),"is--error":q}],itemConfig:v,key:v.id},[(0,_vue.h)("div",{class:"vxe-form--item-inner"},[g||d?(0,_vue.h)("div",__assign({class:["vxe-form--item-title",r?"align--"+r:null,{"is--ellipsis":a}],style:o?{width:isNaN(o)?o:o+"px"}:null,title:f?(0,_utils.getFuncText)(g):null},V),(0,_render.renderTitle)(E,v)):null,(0,_vue.h)("div",{class:["vxe-form--item-content",n?"align--"+n:null]},T)])])}}},render:function(){return this.renderVN()}}),_default=VxeFormConfigItem;exports.default=_default;
|
|
@@ -122,6 +122,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
122
122
|
className = item.className,
|
|
123
123
|
titleOverflow = item.titleOverflow;
|
|
124
124
|
var compConf = (0, _utils.isEnableConf)(itemRender) ? _vXETable.VXETable.renderer.get(itemRender.name) : null;
|
|
125
|
+
var itemClassName = compConf ? compConf.itemClassName : '';
|
|
125
126
|
var defaultSlot = slots ? slots.default : null;
|
|
126
127
|
var titleSlot = slots ? slots.title : null;
|
|
127
128
|
var span = item.span || props.span;
|
|
@@ -195,7 +196,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
195
196
|
} : {};
|
|
196
197
|
return (0, _vue.h)('div', {
|
|
197
198
|
ref: refElem,
|
|
198
|
-
class: ['vxe-form--item', item.id, span ? "vxe-col--" + span + " is--span" : '', className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', {
|
|
199
|
+
class: ['vxe-form--item', item.id, span ? "vxe-col--" + span + " is--span" : '', className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', itemClassName ? _xeUtils.default.isFunction(itemClassName) ? itemClassName(params) : itemClassName : '', {
|
|
199
200
|
'is--title': title,
|
|
200
201
|
'is--required': isRequired,
|
|
201
202
|
'is--hidden': visible === false || folding && collapseAll,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_util=require("./util"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},formItemProps={title:String,field:String,span:[String,Number],align:String,titleAlign:String,titleWidth:[String,Number],titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},className:[String,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object};exports.formItemProps=formItemProps;var _default=(0,_vue.defineComponent)({name:"VxeFormItem",props:formItemProps,setup:function(e,t){var i=t.slots,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_util=require("./util"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},formItemProps={title:String,field:String,span:[String,Number],align:String,titleAlign:String,titleWidth:[String,Number],titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},className:[String,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object};exports.formItemProps=formItemProps;var _default=(0,_vue.defineComponent)({name:"VxeFormItem",props:formItemProps,setup:function(e,t){var i=t.slots,w=(0,_vue.ref)(),l=(0,_vue.inject)("$xeform",{}),r=(0,_vue.inject)("$xeformgather",null),n=(0,_util.createItem)(l,e),o={formItem:n},t={itemConfig:n};n.slots=i,(0,_vue.provide)("$xeformiteminfo",t),(0,_vue.provide)("$xeformitem",o),(0,_vue.provide)("$xeformgather",null),(0,_util.watchItem)(e,n),(0,_vue.onMounted)(function(){(0,_util.assemItem)(l,w.value,n,r)}),(0,_vue.onUnmounted)(function(){(0,_util.destroyItem)(l,n)});return{renderVN:function(){var e=l?l.props:null;return e&&e.customLayout?function(t,e){var i=t.props,l=t.reactData,r=i.data,n=i.rules,o=i.titleOverflow,u=l.collapseAll,s=t.getComputeMaps().computeValidOpts.value,a=e.slots,f=e.title,d=e.visible,v=e.folding,m=e.visibleMethod,c=e.field,_=e.collapseNode,p=e.itemRender,g=e.showError,x=e.errRule,h=e.className,b=e.titleOverflow,I=(0,_utils.isEnableConf)(p)?_vXETable.VXETable.renderer.get(p.name):null,N=I?I.itemClassName:"",O=a?a.default:null,y=a?a.title:null,M=e.span||i.span,q=e.align||i.align,C=e.titleAlign||i.titleAlign,l=e.titleWidth||i.titleWidth,a=_xeUtils.default.isUndefined(b)||_xeUtils.default.isNull(b)?o:b,i="title"===a,o=!0===a||"tooltip"===a,b=i||o||"ellipsis"===a,a=m,F={data:r,field:c,property:c,item:e,$form:t},m=!1;!n||(S=n[c])&&(m=S.some(function(e){return e.required})),!a&&I&&I.itemVisibleMethod&&(a=I.itemVisibleMethod);var S=[];O?S=t.callSlot(O,F):I&&I.renderItemContent?S=I.renderItemContent(p,F):c&&(S=[""+_xeUtils.default.get(r,c)]),_&&S.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:t.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},u?_conf.default.i18n("vxe.form.unfolding"):_conf.default.i18n("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",u?_conf.default.icon.FORM_FOLDING:_conf.default.icon.FORM_UNFOLDING]})])),x&&s.showMessage&&S.push((0,_vue.h)("div",{class:"vxe-form--item-valid",style:x.maxWidth?{width:x.maxWidth+"px"}:null},x.message));o=o?{onMouseenter:function(e){t.triggerTitleTipEvent(e,F)},onMouseleave:t.handleTitleTipLeaveEvent}:{};return(0,_vue.h)("div",{ref:w,class:["vxe-form--item",e.id,M?"vxe-col--"+M+" is--span":"",h?_xeUtils.default.isFunction(h)?h(F):h:"",N?_xeUtils.default.isFunction(N)?N(F):N:"",{"is--title":f,"is--required":m,"is--hidden":!1===d||v&&u,"is--active":!a||a(F),"is--error":g}]},[(0,_vue.h)("div",{class:"vxe-form--item-inner"},[f||y?(0,_vue.h)("div",__assign({class:["vxe-form--item-title",C?"align--"+C:null,{"is--ellipsis":b}],style:l?{width:isNaN(l)?l:l+"px"}:null,title:i?(0,_utils.getFuncText)(f):null},o),(0,_render.renderTitle)(t,e)):null,(0,_vue.h)("div",{class:["vxe-form--item-content",q?"align--"+q:null]},S)])])}(l,n):(0,_vue.h)("div",{ref:w})}}},render:function(){return this.renderVN()}});exports.default=_default;
|