vxe-table 4.7.83 → 4.7.85
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/grid/src/grid.js +5 -5
- package/es/locale/lang/en-US.js +2 -1
- package/es/locale/lang/es-ES.js +2 -1
- package/es/locale/lang/hu-HU.js +2 -1
- package/es/locale/lang/ja-JP.js +2 -1
- package/es/locale/lang/ko-KR.js +2 -1
- package/es/locale/lang/pt-BR.js +2 -1
- package/es/locale/lang/ru-RU.js +2 -1
- package/es/locale/lang/uk-UA.js +2 -1
- package/es/locale/lang/vi-VN.js +2 -1
- package/es/locale/lang/zh-CHT.js +2 -1
- package/es/locale/lang/zh-CN.js +2 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/table/render/index.js +10 -0
- package/es/table/src/table.js +255 -261
- package/es/table/style.css +1 -1
- package/es/table/style.min.css +1 -1
- package/es/toolbar/src/toolbar.js +6 -6
- package/es/ui/index.js +2 -2
- package/es/ui/src/log.js +1 -1
- package/es/vxe-table/style.css +1 -1
- package/es/vxe-table/style.min.css +1 -1
- package/helper/vetur/attributes.json +1 -1
- package/helper/vetur/tags.json +1 -1
- package/lib/grid/src/grid.js +5 -5
- package/lib/grid/src/grid.min.js +1 -1
- package/lib/index.umd.js +294 -282
- package/lib/index.umd.min.js +1 -1
- package/lib/locale/lang/en-US.js +2 -1
- package/lib/locale/lang/en-US.min.js +1 -1
- package/lib/locale/lang/en-US.umd.js +2 -1
- package/lib/locale/lang/es-ES.js +2 -1
- package/lib/locale/lang/es-ES.min.js +1 -1
- package/lib/locale/lang/es-ES.umd.js +2 -1
- package/lib/locale/lang/hu-HU.js +2 -1
- package/lib/locale/lang/hu-HU.min.js +1 -1
- package/lib/locale/lang/hu-HU.umd.js +2 -1
- package/lib/locale/lang/ja-JP.js +2 -1
- package/lib/locale/lang/ja-JP.min.js +1 -1
- package/lib/locale/lang/ja-JP.umd.js +2 -1
- package/lib/locale/lang/ko-KR.js +2 -1
- package/lib/locale/lang/ko-KR.min.js +1 -1
- package/lib/locale/lang/ko-KR.umd.js +2 -1
- package/lib/locale/lang/pt-BR.js +2 -1
- package/lib/locale/lang/pt-BR.min.js +1 -1
- package/lib/locale/lang/pt-BR.umd.js +2 -1
- package/lib/locale/lang/ru-RU.js +2 -1
- package/lib/locale/lang/ru-RU.min.js +1 -1
- package/lib/locale/lang/ru-RU.umd.js +2 -1
- package/lib/locale/lang/uk-UA.js +2 -1
- package/lib/locale/lang/uk-UA.min.js +1 -1
- package/lib/locale/lang/uk-UA.umd.js +2 -1
- package/lib/locale/lang/vi-VN.js +2 -1
- package/lib/locale/lang/vi-VN.min.js +1 -1
- package/lib/locale/lang/zh-CHT.js +2 -1
- package/lib/locale/lang/zh-CHT.min.js +1 -1
- package/lib/locale/lang/zh-CN.js +2 -1
- package/lib/locale/lang/zh-CN.min.js +1 -1
- package/lib/locale/lang/zh-CN.umd.js +2 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/table/render/index.js +15 -0
- package/lib/table/render/index.min.js +1 -1
- package/lib/table/src/table.js +260 -266
- package/lib/table/src/table.min.js +1 -1
- package/lib/table/style/style.css +1 -1
- package/lib/table/style/style.min.css +1 -1
- package/lib/toolbar/src/toolbar.js +6 -6
- package/lib/toolbar/src/toolbar.min.js +1 -1
- package/lib/ui/index.js +2 -2
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-table/style/style.css +1 -1
- package/lib/vxe-table/style/style.min.css +1 -1
- package/package.json +2 -2
- package/packages/grid/src/grid.ts +5 -5
- package/packages/locale/lang/en-US.ts +2 -1
- package/packages/locale/lang/es-ES.ts +2 -1
- package/packages/locale/lang/hu-HU.ts +2 -1
- package/packages/locale/lang/ja-JP.ts +2 -1
- package/packages/locale/lang/ko-KR.ts +2 -1
- package/packages/locale/lang/pt-BR.ts +2 -1
- package/packages/locale/lang/ru-RU.ts +2 -1
- package/packages/locale/lang/uk-UA.ts +2 -1
- package/packages/locale/lang/vi-VN.ts +2 -1
- package/packages/locale/lang/zh-CHT.ts +2 -1
- package/packages/locale/lang/zh-CN.ts +2 -1
- package/packages/table/render/index.ts +14 -0
- package/packages/table/src/table.ts +261 -267
- package/packages/toolbar/src/toolbar.ts +6 -6
- package/styles/components/table.scss +5 -1
- /package/es/{iconfont.1727355554097.ttf → iconfont.1727599604340.ttf} +0 -0
- /package/es/{iconfont.1727355554097.woff → iconfont.1727599604340.woff} +0 -0
- /package/es/{iconfont.1727355554097.woff2 → iconfont.1727599604340.woff2} +0 -0
- /package/lib/{iconfont.1727355554097.ttf → iconfont.1727599604340.ttf} +0 -0
- /package/lib/{iconfont.1727355554097.woff → iconfont.1727599604340.woff} +0 -0
- /package/lib/{iconfont.1727355554097.woff2 → iconfont.1727599604340.woff2} +0 -0
package/lib/table/src/table.js
CHANGED
|
@@ -391,13 +391,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
391
391
|
return '';
|
|
392
392
|
});
|
|
393
393
|
const computeValidOpts = (0, _vue.computed)(() => {
|
|
394
|
-
return Object.assign({}, getConfig().table.validConfig, props.validConfig);
|
|
394
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.validConfig, true), props.validConfig);
|
|
395
395
|
});
|
|
396
396
|
const computeSXOpts = (0, _vue.computed)(() => {
|
|
397
|
-
return Object.assign({}, getConfig().table.scrollX, props.scrollX);
|
|
397
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.scrollX, true), props.scrollX);
|
|
398
398
|
});
|
|
399
399
|
const computeSYOpts = (0, _vue.computed)(() => {
|
|
400
|
-
return Object.assign({}, getConfig().table.scrollY, props.scrollY);
|
|
400
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.scrollY, true), props.scrollY);
|
|
401
401
|
});
|
|
402
402
|
const computeRowHeightMaps = (0, _vue.computed)(() => {
|
|
403
403
|
return {
|
|
@@ -408,31 +408,31 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
408
408
|
};
|
|
409
409
|
});
|
|
410
410
|
const computeColumnOpts = (0, _vue.computed)(() => {
|
|
411
|
-
return Object.assign({}, getConfig().table.columnConfig, props.columnConfig);
|
|
411
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.columnConfig, true), props.columnConfig);
|
|
412
412
|
});
|
|
413
413
|
const computeRowOpts = (0, _vue.computed)(() => {
|
|
414
|
-
return Object.assign({}, getConfig().table.rowConfig, props.rowConfig);
|
|
414
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.rowConfig, true), props.rowConfig);
|
|
415
415
|
});
|
|
416
416
|
const computeResizeOpts = (0, _vue.computed)(() => {
|
|
417
|
-
return Object.assign({}, getConfig().table.resizeConfig, props.resizeConfig);
|
|
417
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.resizeConfig, true), props.resizeConfig);
|
|
418
418
|
});
|
|
419
419
|
const computeResizableOpts = (0, _vue.computed)(() => {
|
|
420
|
-
return Object.assign({}, getConfig().table.resizableConfig, props.resizableConfig);
|
|
420
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.resizableConfig, true), props.resizableConfig);
|
|
421
421
|
});
|
|
422
422
|
const computeSeqOpts = (0, _vue.computed)(() => {
|
|
423
423
|
return Object.assign({
|
|
424
424
|
startIndex: 0
|
|
425
|
-
}, getConfig().table.seqConfig, props.seqConfig);
|
|
425
|
+
}, _xeUtils.default.clone(getConfig().table.seqConfig, true), props.seqConfig);
|
|
426
426
|
});
|
|
427
427
|
const computeRadioOpts = (0, _vue.computed)(() => {
|
|
428
|
-
return Object.assign({}, getConfig().table.radioConfig, props.radioConfig);
|
|
428
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.radioConfig, true), props.radioConfig);
|
|
429
429
|
});
|
|
430
430
|
const computeCheckboxOpts = (0, _vue.computed)(() => {
|
|
431
|
-
return Object.assign({}, getConfig().table.checkboxConfig, props.checkboxConfig);
|
|
431
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.checkboxConfig, true), props.checkboxConfig);
|
|
432
432
|
});
|
|
433
433
|
let computeTooltipOpts = (0, _vue.ref)();
|
|
434
434
|
computeTooltipOpts = (0, _vue.computed)(() => {
|
|
435
|
-
return Object.assign({}, getConfig().tooltip, getConfig().table.tooltipConfig, props.tooltipConfig);
|
|
435
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().tooltip, true), _xeUtils.default.clone(getConfig().table.tooltipConfig, true), props.tooltipConfig);
|
|
436
436
|
});
|
|
437
437
|
const computeTipConfig = (0, _vue.computed)(() => {
|
|
438
438
|
const tooltipOpts = computeTooltipOpts.value;
|
|
@@ -445,33 +445,33 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
445
445
|
}, tooltipOpts);
|
|
446
446
|
});
|
|
447
447
|
const computeEditOpts = (0, _vue.computed)(() => {
|
|
448
|
-
return Object.assign({}, getConfig().table.editConfig, props.editConfig);
|
|
448
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.editConfig, true), props.editConfig);
|
|
449
449
|
});
|
|
450
450
|
const computeSortOpts = (0, _vue.computed)(() => {
|
|
451
451
|
return Object.assign({
|
|
452
452
|
orders: ['asc', 'desc', null]
|
|
453
|
-
}, getConfig().table.sortConfig, props.sortConfig);
|
|
453
|
+
}, _xeUtils.default.clone(getConfig().table.sortConfig, true), props.sortConfig);
|
|
454
454
|
});
|
|
455
455
|
const computeFilterOpts = (0, _vue.computed)(() => {
|
|
456
|
-
return Object.assign({}, getConfig().table.filterConfig, props.filterConfig);
|
|
456
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.filterConfig, true), props.filterConfig);
|
|
457
457
|
});
|
|
458
458
|
const computeMouseOpts = (0, _vue.computed)(() => {
|
|
459
|
-
return Object.assign({}, getConfig().table.mouseConfig, props.mouseConfig);
|
|
459
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.mouseConfig, true), props.mouseConfig);
|
|
460
460
|
});
|
|
461
461
|
const computeAreaOpts = (0, _vue.computed)(() => {
|
|
462
|
-
return Object.assign({}, getConfig().table.areaConfig, props.areaConfig);
|
|
462
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.areaConfig, true), props.areaConfig);
|
|
463
463
|
});
|
|
464
464
|
const computeKeyboardOpts = (0, _vue.computed)(() => {
|
|
465
|
-
return Object.assign({}, getConfig().table.keyboardConfig, props.keyboardConfig);
|
|
465
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.keyboardConfig, true), props.keyboardConfig);
|
|
466
466
|
});
|
|
467
467
|
const computeClipOpts = (0, _vue.computed)(() => {
|
|
468
|
-
return Object.assign({}, getConfig().table.clipConfig, props.clipConfig);
|
|
468
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.clipConfig, true), props.clipConfig);
|
|
469
469
|
});
|
|
470
470
|
const computeFNROpts = (0, _vue.computed)(() => {
|
|
471
|
-
return Object.assign({}, getConfig().table.fnrConfig, props.fnrConfig);
|
|
471
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.fnrConfig, true), props.fnrConfig);
|
|
472
472
|
});
|
|
473
473
|
const computeMenuOpts = (0, _vue.computed)(() => {
|
|
474
|
-
return Object.assign({}, getConfig().table.menuConfig, props.menuConfig);
|
|
474
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.menuConfig, true), props.menuConfig);
|
|
475
475
|
});
|
|
476
476
|
const computeHeaderMenu = (0, _vue.computed)(() => {
|
|
477
477
|
const menuOpts = computeMenuOpts.value;
|
|
@@ -508,31 +508,31 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
508
508
|
return rest;
|
|
509
509
|
});
|
|
510
510
|
const computeExportOpts = (0, _vue.computed)(() => {
|
|
511
|
-
return Object.assign({}, getConfig().table.exportConfig, props.exportConfig);
|
|
511
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.exportConfig, true), props.exportConfig);
|
|
512
512
|
});
|
|
513
513
|
const computeImportOpts = (0, _vue.computed)(() => {
|
|
514
|
-
return Object.assign({}, getConfig().table.importConfig, props.importConfig);
|
|
514
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.importConfig, true), props.importConfig);
|
|
515
515
|
});
|
|
516
516
|
const computePrintOpts = (0, _vue.computed)(() => {
|
|
517
|
-
return Object.assign({}, getConfig().table.printConfig, props.printConfig);
|
|
517
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.printConfig, true), props.printConfig);
|
|
518
518
|
});
|
|
519
519
|
const computeExpandOpts = (0, _vue.computed)(() => {
|
|
520
|
-
return Object.assign({}, getConfig().table.expandConfig, props.expandConfig);
|
|
520
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.expandConfig, true), props.expandConfig);
|
|
521
521
|
});
|
|
522
522
|
const computeTreeOpts = (0, _vue.computed)(() => {
|
|
523
|
-
return Object.assign({}, getConfig().table.treeConfig, props.treeConfig);
|
|
523
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.treeConfig, true), props.treeConfig);
|
|
524
524
|
});
|
|
525
525
|
const computeEmptyOpts = (0, _vue.computed)(() => {
|
|
526
|
-
return Object.assign({}, getConfig().table.emptyRender, props.emptyRender);
|
|
526
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.emptyRender, true), props.emptyRender);
|
|
527
527
|
});
|
|
528
528
|
const computeLoadingOpts = (0, _vue.computed)(() => {
|
|
529
|
-
return Object.assign({}, getConfig().table.loadingConfig, props.loadingConfig);
|
|
529
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.loadingConfig, true), props.loadingConfig);
|
|
530
530
|
});
|
|
531
531
|
const computeCellOffsetWidth = (0, _vue.computed)(() => {
|
|
532
532
|
return props.border ? Math.max(2, Math.ceil(reactData.scrollbarWidth / reactData.tableColumn.length)) : 1;
|
|
533
533
|
});
|
|
534
534
|
const computeCustomOpts = (0, _vue.computed)(() => {
|
|
535
|
-
return Object.assign({}, getConfig().table.customConfig, props.customConfig);
|
|
535
|
+
return Object.assign({}, _xeUtils.default.clone(getConfig().table.customConfig, true), props.customConfig);
|
|
536
536
|
});
|
|
537
537
|
const computeAutoWidthColumnList = (0, _vue.computed)(() => {
|
|
538
538
|
const {
|
|
@@ -5958,12 +5958,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
5958
5958
|
(0, _util.setCellValue)(selected.row, selected.column, null);
|
|
5959
5959
|
$xeTable.handleEdit(selected.args, evnt);
|
|
5960
5960
|
}
|
|
5961
|
-
const afterEditMethod = editOpts.afterEditMethod;
|
|
5962
|
-
if (afterEditMethod) {
|
|
5963
|
-
(0, _vue.nextTick)(() => {
|
|
5964
|
-
afterEditMethod(params);
|
|
5965
|
-
});
|
|
5966
|
-
}
|
|
5967
5961
|
}
|
|
5968
5962
|
}
|
|
5969
5963
|
}
|
|
@@ -7700,6 +7694,237 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
7700
7694
|
tableMethods.recalculate();
|
|
7701
7695
|
}
|
|
7702
7696
|
}
|
|
7697
|
+
const renderVN = () => {
|
|
7698
|
+
const {
|
|
7699
|
+
loading,
|
|
7700
|
+
stripe,
|
|
7701
|
+
showHeader,
|
|
7702
|
+
height,
|
|
7703
|
+
treeConfig,
|
|
7704
|
+
mouseConfig,
|
|
7705
|
+
showFooter,
|
|
7706
|
+
highlightCell,
|
|
7707
|
+
highlightHoverRow,
|
|
7708
|
+
highlightHoverColumn,
|
|
7709
|
+
editConfig,
|
|
7710
|
+
editRules
|
|
7711
|
+
} = props;
|
|
7712
|
+
const {
|
|
7713
|
+
isCalcColumn,
|
|
7714
|
+
isGroup,
|
|
7715
|
+
overflowX,
|
|
7716
|
+
overflowY,
|
|
7717
|
+
scrollXLoad,
|
|
7718
|
+
scrollYLoad,
|
|
7719
|
+
scrollbarHeight,
|
|
7720
|
+
tableData,
|
|
7721
|
+
tableColumn,
|
|
7722
|
+
tableGroupColumn,
|
|
7723
|
+
footerTableData,
|
|
7724
|
+
initStore,
|
|
7725
|
+
columnStore,
|
|
7726
|
+
filterStore,
|
|
7727
|
+
customStore,
|
|
7728
|
+
tooltipStore
|
|
7729
|
+
} = reactData;
|
|
7730
|
+
const {
|
|
7731
|
+
leftList,
|
|
7732
|
+
rightList
|
|
7733
|
+
} = columnStore;
|
|
7734
|
+
const loadingSlot = slots.loading;
|
|
7735
|
+
const tipConfig = computeTipConfig.value;
|
|
7736
|
+
const validOpts = computeValidOpts.value;
|
|
7737
|
+
const checkboxOpts = computeCheckboxOpts.value;
|
|
7738
|
+
const treeOpts = computeTreeOpts.value;
|
|
7739
|
+
const rowOpts = computeRowOpts.value;
|
|
7740
|
+
const columnOpts = computeColumnOpts.value;
|
|
7741
|
+
const vSize = computeSize.value;
|
|
7742
|
+
const tableBorder = computeTableBorder.value;
|
|
7743
|
+
const mouseOpts = computeMouseOpts.value;
|
|
7744
|
+
const validTipOpts = computeValidTipOpts.value;
|
|
7745
|
+
const loadingOpts = computeLoadingOpts.value;
|
|
7746
|
+
const isMenu = computeIsMenu.value;
|
|
7747
|
+
const currLoading = reactData._isLoading || loading;
|
|
7748
|
+
return (0, _vue.h)('div', {
|
|
7749
|
+
ref: refElem,
|
|
7750
|
+
class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
|
|
7751
|
+
[`size--${vSize}`]: vSize,
|
|
7752
|
+
[`valid-msg--${validOpts.msgMode}`]: !!editRules,
|
|
7753
|
+
'vxe-editable': !!editConfig,
|
|
7754
|
+
'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete',
|
|
7755
|
+
'cell--highlight': highlightCell,
|
|
7756
|
+
'cell--selected': mouseConfig && mouseOpts.selected,
|
|
7757
|
+
'cell--area': mouseConfig && mouseOpts.area,
|
|
7758
|
+
'row--highlight': rowOpts.isHover || highlightHoverRow,
|
|
7759
|
+
'column--highlight': columnOpts.isHover || highlightHoverColumn,
|
|
7760
|
+
'checkbox--range': checkboxOpts.range,
|
|
7761
|
+
'column--calc': isCalcColumn,
|
|
7762
|
+
'is--header': showHeader,
|
|
7763
|
+
'is--footer': showFooter,
|
|
7764
|
+
'is--group': isGroup,
|
|
7765
|
+
'is--tree-line': treeConfig && (treeOpts.showLine || treeOpts.line),
|
|
7766
|
+
'is--fixed-left': leftList.length,
|
|
7767
|
+
'is--fixed-right': rightList.length,
|
|
7768
|
+
'is--animat': !!props.animat,
|
|
7769
|
+
'is--padding': props.padding,
|
|
7770
|
+
'is--round': props.round,
|
|
7771
|
+
'is--stripe': !treeConfig && stripe,
|
|
7772
|
+
'is--loading': currLoading,
|
|
7773
|
+
'is--empty': !currLoading && !tableData.length,
|
|
7774
|
+
'is--scroll-y': overflowY,
|
|
7775
|
+
'is--scroll-x': overflowX,
|
|
7776
|
+
'is--virtual-x': scrollXLoad,
|
|
7777
|
+
'is--virtual-y': scrollYLoad
|
|
7778
|
+
}],
|
|
7779
|
+
spellcheck: false,
|
|
7780
|
+
onKeydown: keydownEvent
|
|
7781
|
+
}, [
|
|
7782
|
+
/**
|
|
7783
|
+
* 隐藏列
|
|
7784
|
+
*/
|
|
7785
|
+
(0, _vue.h)('div', {
|
|
7786
|
+
class: 'vxe-table-slots'
|
|
7787
|
+
}, slots.default ? slots.default({}) : []), (0, _vue.h)('div', {
|
|
7788
|
+
class: 'vxe-table--render-wrapper'
|
|
7789
|
+
}, [(0, _vue.h)('div', {
|
|
7790
|
+
class: 'vxe-table--main-wrapper'
|
|
7791
|
+
}, [
|
|
7792
|
+
/**
|
|
7793
|
+
* 表头
|
|
7794
|
+
*/
|
|
7795
|
+
showHeader ? (0, _vue.h)(_header.default, {
|
|
7796
|
+
ref: refTableHeader,
|
|
7797
|
+
tableData,
|
|
7798
|
+
tableColumn,
|
|
7799
|
+
tableGroupColumn
|
|
7800
|
+
}) : (0, _vue.createCommentVNode)(),
|
|
7801
|
+
/**
|
|
7802
|
+
* 表体
|
|
7803
|
+
*/
|
|
7804
|
+
(0, _vue.h)(_body.default, {
|
|
7805
|
+
ref: refTableBody,
|
|
7806
|
+
tableData,
|
|
7807
|
+
tableColumn
|
|
7808
|
+
}),
|
|
7809
|
+
/**
|
|
7810
|
+
* 表尾
|
|
7811
|
+
*/
|
|
7812
|
+
showFooter ? (0, _vue.h)(_footer.default, {
|
|
7813
|
+
ref: refTableFooter,
|
|
7814
|
+
footerTableData,
|
|
7815
|
+
tableColumn
|
|
7816
|
+
}) : (0, _vue.createCommentVNode)()]), (0, _vue.h)('div', {
|
|
7817
|
+
class: 'vxe-table--fixed-wrapper'
|
|
7818
|
+
}, [
|
|
7819
|
+
/**
|
|
7820
|
+
* 左侧固定区域
|
|
7821
|
+
*/
|
|
7822
|
+
leftList && leftList.length && overflowX ? renderFixed('left') : (0, _vue.createCommentVNode)(),
|
|
7823
|
+
/**
|
|
7824
|
+
* 右侧固定区域
|
|
7825
|
+
*/
|
|
7826
|
+
rightList && rightList.length && overflowX ? renderFixed('right') : (0, _vue.createCommentVNode)()])]),
|
|
7827
|
+
/**
|
|
7828
|
+
* 空数据
|
|
7829
|
+
*/
|
|
7830
|
+
(0, _vue.h)('div', {
|
|
7831
|
+
ref: refEmptyPlaceholder,
|
|
7832
|
+
class: 'vxe-table--empty-placeholder'
|
|
7833
|
+
}, [(0, _vue.h)('div', {
|
|
7834
|
+
class: 'vxe-table--empty-content'
|
|
7835
|
+
}, renderEmptyContenet())]),
|
|
7836
|
+
/**
|
|
7837
|
+
* 边框线
|
|
7838
|
+
*/
|
|
7839
|
+
(0, _vue.h)('div', {
|
|
7840
|
+
class: 'vxe-table--border-line'
|
|
7841
|
+
}),
|
|
7842
|
+
/**
|
|
7843
|
+
* 列宽线
|
|
7844
|
+
*/
|
|
7845
|
+
(0, _vue.h)('div', {
|
|
7846
|
+
ref: refCellResizeBar,
|
|
7847
|
+
class: 'vxe-table--resizable-bar',
|
|
7848
|
+
style: overflowX ? {
|
|
7849
|
+
'padding-bottom': `${scrollbarHeight}px`
|
|
7850
|
+
} : null
|
|
7851
|
+
}),
|
|
7852
|
+
/**
|
|
7853
|
+
* 加载中
|
|
7854
|
+
*/
|
|
7855
|
+
VxeUILoadingComponent ? (0, _vue.h)(VxeUILoadingComponent, {
|
|
7856
|
+
class: 'vxe-table--loading',
|
|
7857
|
+
modelValue: currLoading,
|
|
7858
|
+
icon: loadingOpts.icon,
|
|
7859
|
+
text: loadingOpts.text
|
|
7860
|
+
}, loadingSlot ? {
|
|
7861
|
+
default: () => loadingSlot({
|
|
7862
|
+
$table: $xeTable,
|
|
7863
|
+
$grid: $xeGrid
|
|
7864
|
+
})
|
|
7865
|
+
} : {}) : (0, _vue.createCommentVNode)(),
|
|
7866
|
+
/**
|
|
7867
|
+
* 自定义列
|
|
7868
|
+
*/
|
|
7869
|
+
initStore.custom ? (0, _vue.h)(_panel.default, {
|
|
7870
|
+
ref: refTableCustom,
|
|
7871
|
+
customStore
|
|
7872
|
+
}) : (0, _vue.createCommentVNode)(),
|
|
7873
|
+
/**
|
|
7874
|
+
* 筛选
|
|
7875
|
+
*/
|
|
7876
|
+
initStore.filter ? (0, _vue.h)(_panel2.default, {
|
|
7877
|
+
ref: refTableFilter,
|
|
7878
|
+
filterStore
|
|
7879
|
+
}) : (0, _vue.createCommentVNode)(),
|
|
7880
|
+
/**
|
|
7881
|
+
* 导入
|
|
7882
|
+
*/
|
|
7883
|
+
initStore.import && props.importConfig ? (0, _vue.h)(_importPanel.default, {
|
|
7884
|
+
defaultOptions: reactData.importParams,
|
|
7885
|
+
storeData: reactData.importStore
|
|
7886
|
+
}) : (0, _vue.createCommentVNode)(),
|
|
7887
|
+
/**
|
|
7888
|
+
* 导出
|
|
7889
|
+
*/
|
|
7890
|
+
initStore.export && (props.exportConfig || props.printConfig) ? (0, _vue.h)(_exportPanel.default, {
|
|
7891
|
+
defaultOptions: reactData.exportParams,
|
|
7892
|
+
storeData: reactData.exportStore
|
|
7893
|
+
}) : (0, _vue.createCommentVNode)(),
|
|
7894
|
+
/**
|
|
7895
|
+
* 快捷菜单
|
|
7896
|
+
*/
|
|
7897
|
+
isMenu ? (0, _vue.h)(_panel3.default, {
|
|
7898
|
+
ref: refTableMenu
|
|
7899
|
+
}) : (0, _vue.createCommentVNode)(),
|
|
7900
|
+
/**
|
|
7901
|
+
* 提示相关
|
|
7902
|
+
*/
|
|
7903
|
+
VxeUITooltipComponent ? (0, _vue.h)('div', {}, [
|
|
7904
|
+
/**
|
|
7905
|
+
* 通用提示
|
|
7906
|
+
*/
|
|
7907
|
+
(0, _vue.h)(VxeUITooltipComponent, {
|
|
7908
|
+
ref: refCommTooltip,
|
|
7909
|
+
isArrow: false,
|
|
7910
|
+
enterable: false
|
|
7911
|
+
}),
|
|
7912
|
+
/**
|
|
7913
|
+
* 工具提示
|
|
7914
|
+
*/
|
|
7915
|
+
(0, _vue.h)(VxeUITooltipComponent, Object.assign({
|
|
7916
|
+
ref: refTooltip
|
|
7917
|
+
}, tipConfig, tooltipStore.currOpts)),
|
|
7918
|
+
/**
|
|
7919
|
+
* 校验提示
|
|
7920
|
+
*/
|
|
7921
|
+
props.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? (0, _vue.h)(VxeUITooltipComponent, Object.assign({
|
|
7922
|
+
ref: refValidTooltip,
|
|
7923
|
+
class: [{
|
|
7924
|
+
'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'
|
|
7925
|
+
}, 'vxe-table--valid-error']
|
|
7926
|
+
}, validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : {})) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)()]);
|
|
7927
|
+
};
|
|
7703
7928
|
const dataFlag = (0, _vue.ref)(0);
|
|
7704
7929
|
(0, _vue.watch)(() => props.data ? props.data.length : -1, () => {
|
|
7705
7930
|
dataFlag.value++;
|
|
@@ -8087,238 +8312,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
8087
8312
|
$table: $xeTable
|
|
8088
8313
|
});
|
|
8089
8314
|
});
|
|
8090
|
-
const renderVN = () => {
|
|
8091
|
-
const {
|
|
8092
|
-
loading,
|
|
8093
|
-
stripe,
|
|
8094
|
-
showHeader,
|
|
8095
|
-
height,
|
|
8096
|
-
treeConfig,
|
|
8097
|
-
mouseConfig,
|
|
8098
|
-
showFooter,
|
|
8099
|
-
highlightCell,
|
|
8100
|
-
highlightHoverRow,
|
|
8101
|
-
highlightHoverColumn,
|
|
8102
|
-
editConfig,
|
|
8103
|
-
editRules
|
|
8104
|
-
} = props;
|
|
8105
|
-
const {
|
|
8106
|
-
isCalcColumn,
|
|
8107
|
-
isGroup,
|
|
8108
|
-
overflowX,
|
|
8109
|
-
overflowY,
|
|
8110
|
-
scrollXLoad,
|
|
8111
|
-
scrollYLoad,
|
|
8112
|
-
scrollbarHeight,
|
|
8113
|
-
tableData,
|
|
8114
|
-
tableColumn,
|
|
8115
|
-
tableGroupColumn,
|
|
8116
|
-
footerTableData,
|
|
8117
|
-
initStore,
|
|
8118
|
-
columnStore,
|
|
8119
|
-
filterStore,
|
|
8120
|
-
customStore,
|
|
8121
|
-
tooltipStore
|
|
8122
|
-
} = reactData;
|
|
8123
|
-
const {
|
|
8124
|
-
leftList,
|
|
8125
|
-
rightList
|
|
8126
|
-
} = columnStore;
|
|
8127
|
-
const loadingSlot = slots.loading;
|
|
8128
|
-
const tipConfig = computeTipConfig.value;
|
|
8129
|
-
const validOpts = computeValidOpts.value;
|
|
8130
|
-
const checkboxOpts = computeCheckboxOpts.value;
|
|
8131
|
-
const treeOpts = computeTreeOpts.value;
|
|
8132
|
-
const rowOpts = computeRowOpts.value;
|
|
8133
|
-
const columnOpts = computeColumnOpts.value;
|
|
8134
|
-
const vSize = computeSize.value;
|
|
8135
|
-
const tableBorder = computeTableBorder.value;
|
|
8136
|
-
const mouseOpts = computeMouseOpts.value;
|
|
8137
|
-
const validTipOpts = computeValidTipOpts.value;
|
|
8138
|
-
const loadingOpts = computeLoadingOpts.value;
|
|
8139
|
-
const isMenu = computeIsMenu.value;
|
|
8140
|
-
const currLoading = reactData._isLoading || loading;
|
|
8141
|
-
return (0, _vue.h)('div', {
|
|
8142
|
-
ref: refElem,
|
|
8143
|
-
class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
|
|
8144
|
-
[`size--${vSize}`]: vSize,
|
|
8145
|
-
[`valid-msg--${validOpts.msgMode}`]: !!editRules,
|
|
8146
|
-
'vxe-editable': !!editConfig,
|
|
8147
|
-
'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete',
|
|
8148
|
-
'cell--highlight': highlightCell,
|
|
8149
|
-
'cell--selected': mouseConfig && mouseOpts.selected,
|
|
8150
|
-
'cell--area': mouseConfig && mouseOpts.area,
|
|
8151
|
-
'row--highlight': rowOpts.isHover || highlightHoverRow,
|
|
8152
|
-
'column--highlight': columnOpts.isHover || highlightHoverColumn,
|
|
8153
|
-
'checkbox--range': checkboxOpts.range,
|
|
8154
|
-
'column--calc': isCalcColumn,
|
|
8155
|
-
'is--header': showHeader,
|
|
8156
|
-
'is--footer': showFooter,
|
|
8157
|
-
'is--group': isGroup,
|
|
8158
|
-
'is--tree-line': treeConfig && (treeOpts.showLine || treeOpts.line),
|
|
8159
|
-
'is--fixed-left': leftList.length,
|
|
8160
|
-
'is--fixed-right': rightList.length,
|
|
8161
|
-
'is--animat': !!props.animat,
|
|
8162
|
-
'is--padding': props.padding,
|
|
8163
|
-
'is--round': props.round,
|
|
8164
|
-
'is--stripe': !treeConfig && stripe,
|
|
8165
|
-
'is--loading': currLoading,
|
|
8166
|
-
'is--empty': !currLoading && !tableData.length,
|
|
8167
|
-
'is--scroll-y': overflowY,
|
|
8168
|
-
'is--scroll-x': overflowX,
|
|
8169
|
-
'is--virtual-x': scrollXLoad,
|
|
8170
|
-
'is--virtual-y': scrollYLoad
|
|
8171
|
-
}],
|
|
8172
|
-
spellcheck: false,
|
|
8173
|
-
onKeydown: keydownEvent
|
|
8174
|
-
}, [
|
|
8175
|
-
/**
|
|
8176
|
-
* 隐藏列
|
|
8177
|
-
*/
|
|
8178
|
-
(0, _vue.h)('div', {
|
|
8179
|
-
class: 'vxe-table-slots'
|
|
8180
|
-
}, slots.default ? slots.default({}) : []), (0, _vue.h)('div', {
|
|
8181
|
-
class: 'vxe-table--render-wrapper'
|
|
8182
|
-
}, [(0, _vue.h)('div', {
|
|
8183
|
-
class: 'vxe-table--main-wrapper'
|
|
8184
|
-
}, [
|
|
8185
|
-
/**
|
|
8186
|
-
* 表头
|
|
8187
|
-
*/
|
|
8188
|
-
showHeader ? (0, _vue.h)(_header.default, {
|
|
8189
|
-
ref: refTableHeader,
|
|
8190
|
-
tableData,
|
|
8191
|
-
tableColumn,
|
|
8192
|
-
tableGroupColumn
|
|
8193
|
-
}) : (0, _vue.createCommentVNode)(),
|
|
8194
|
-
/**
|
|
8195
|
-
* 表体
|
|
8196
|
-
*/
|
|
8197
|
-
(0, _vue.h)(_body.default, {
|
|
8198
|
-
ref: refTableBody,
|
|
8199
|
-
tableData,
|
|
8200
|
-
tableColumn
|
|
8201
|
-
}),
|
|
8202
|
-
/**
|
|
8203
|
-
* 表尾
|
|
8204
|
-
*/
|
|
8205
|
-
showFooter ? (0, _vue.h)(_footer.default, {
|
|
8206
|
-
ref: refTableFooter,
|
|
8207
|
-
footerTableData,
|
|
8208
|
-
tableColumn
|
|
8209
|
-
}) : (0, _vue.createCommentVNode)()]), (0, _vue.h)('div', {
|
|
8210
|
-
class: 'vxe-table--fixed-wrapper'
|
|
8211
|
-
}, [
|
|
8212
|
-
/**
|
|
8213
|
-
* 左侧固定区域
|
|
8214
|
-
*/
|
|
8215
|
-
leftList && leftList.length && overflowX ? renderFixed('left') : (0, _vue.createCommentVNode)(),
|
|
8216
|
-
/**
|
|
8217
|
-
* 右侧固定区域
|
|
8218
|
-
*/
|
|
8219
|
-
rightList && rightList.length && overflowX ? renderFixed('right') : (0, _vue.createCommentVNode)()])]),
|
|
8220
|
-
/**
|
|
8221
|
-
* 空数据
|
|
8222
|
-
*/
|
|
8223
|
-
(0, _vue.h)('div', {
|
|
8224
|
-
ref: refEmptyPlaceholder,
|
|
8225
|
-
class: 'vxe-table--empty-placeholder'
|
|
8226
|
-
}, [(0, _vue.h)('div', {
|
|
8227
|
-
class: 'vxe-table--empty-content'
|
|
8228
|
-
}, renderEmptyContenet())]),
|
|
8229
|
-
/**
|
|
8230
|
-
* 边框线
|
|
8231
|
-
*/
|
|
8232
|
-
(0, _vue.h)('div', {
|
|
8233
|
-
class: 'vxe-table--border-line'
|
|
8234
|
-
}),
|
|
8235
|
-
/**
|
|
8236
|
-
* 列宽线
|
|
8237
|
-
*/
|
|
8238
|
-
(0, _vue.h)('div', {
|
|
8239
|
-
ref: refCellResizeBar,
|
|
8240
|
-
class: 'vxe-table--resizable-bar',
|
|
8241
|
-
style: overflowX ? {
|
|
8242
|
-
'padding-bottom': `${scrollbarHeight}px`
|
|
8243
|
-
} : null
|
|
8244
|
-
}),
|
|
8245
|
-
/**
|
|
8246
|
-
* 加载中
|
|
8247
|
-
*/
|
|
8248
|
-
VxeUILoadingComponent ? (0, _vue.h)(VxeUILoadingComponent, {
|
|
8249
|
-
class: 'vxe-table--loading',
|
|
8250
|
-
modelValue: currLoading,
|
|
8251
|
-
icon: loadingOpts.icon,
|
|
8252
|
-
text: loadingOpts.text
|
|
8253
|
-
}, loadingSlot ? {
|
|
8254
|
-
default: () => loadingSlot({
|
|
8255
|
-
$table: $xeTable,
|
|
8256
|
-
$grid: $xeGrid
|
|
8257
|
-
})
|
|
8258
|
-
} : {}) : (0, _vue.createCommentVNode)(),
|
|
8259
|
-
/**
|
|
8260
|
-
* 自定义列
|
|
8261
|
-
*/
|
|
8262
|
-
initStore.custom ? (0, _vue.h)(_panel.default, {
|
|
8263
|
-
ref: refTableCustom,
|
|
8264
|
-
customStore
|
|
8265
|
-
}) : (0, _vue.createCommentVNode)(),
|
|
8266
|
-
/**
|
|
8267
|
-
* 筛选
|
|
8268
|
-
*/
|
|
8269
|
-
initStore.filter ? (0, _vue.h)(_panel2.default, {
|
|
8270
|
-
ref: refTableFilter,
|
|
8271
|
-
filterStore
|
|
8272
|
-
}) : (0, _vue.createCommentVNode)(),
|
|
8273
|
-
/**
|
|
8274
|
-
* 导入
|
|
8275
|
-
*/
|
|
8276
|
-
initStore.import && props.importConfig ? (0, _vue.h)(_importPanel.default, {
|
|
8277
|
-
defaultOptions: reactData.importParams,
|
|
8278
|
-
storeData: reactData.importStore
|
|
8279
|
-
}) : (0, _vue.createCommentVNode)(),
|
|
8280
|
-
/**
|
|
8281
|
-
* 导出
|
|
8282
|
-
*/
|
|
8283
|
-
initStore.export && (props.exportConfig || props.printConfig) ? (0, _vue.h)(_exportPanel.default, {
|
|
8284
|
-
defaultOptions: reactData.exportParams,
|
|
8285
|
-
storeData: reactData.exportStore
|
|
8286
|
-
}) : (0, _vue.createCommentVNode)(),
|
|
8287
|
-
/**
|
|
8288
|
-
* 快捷菜单
|
|
8289
|
-
*/
|
|
8290
|
-
isMenu ? (0, _vue.h)(_panel3.default, {
|
|
8291
|
-
ref: refTableMenu
|
|
8292
|
-
}) : (0, _vue.createCommentVNode)(),
|
|
8293
|
-
/**
|
|
8294
|
-
* 提示相关
|
|
8295
|
-
*/
|
|
8296
|
-
VxeUITooltipComponent ? (0, _vue.h)('div', {}, [
|
|
8297
|
-
/**
|
|
8298
|
-
* 通用提示
|
|
8299
|
-
*/
|
|
8300
|
-
(0, _vue.h)(VxeUITooltipComponent, {
|
|
8301
|
-
ref: refCommTooltip,
|
|
8302
|
-
isArrow: false,
|
|
8303
|
-
enterable: false
|
|
8304
|
-
}),
|
|
8305
|
-
/**
|
|
8306
|
-
* 工具提示
|
|
8307
|
-
*/
|
|
8308
|
-
(0, _vue.h)(VxeUITooltipComponent, Object.assign({
|
|
8309
|
-
ref: refTooltip
|
|
8310
|
-
}, tipConfig, tooltipStore.currOpts)),
|
|
8311
|
-
/**
|
|
8312
|
-
* 校验提示
|
|
8313
|
-
*/
|
|
8314
|
-
props.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? (0, _vue.h)(VxeUITooltipComponent, Object.assign({
|
|
8315
|
-
ref: refValidTooltip,
|
|
8316
|
-
class: [{
|
|
8317
|
-
'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'
|
|
8318
|
-
}, 'vxe-table--valid-error']
|
|
8319
|
-
}, validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : {})) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)()]);
|
|
8320
|
-
};
|
|
8321
|
-
$xeTable.renderVN = renderVN;
|
|
8322
8315
|
if (process.env.NODE_ENV === 'development') {
|
|
8323
8316
|
(0, _vue.nextTick)(() => {
|
|
8324
8317
|
if (props.loading) {
|
|
@@ -8335,6 +8328,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
8335
8328
|
}
|
|
8336
8329
|
(0, _vue.provide)('$xeColgroup', null);
|
|
8337
8330
|
(0, _vue.provide)('$xeTable', $xeTable);
|
|
8331
|
+
$xeTable.renderVN = renderVN;
|
|
8338
8332
|
return $xeTable;
|
|
8339
8333
|
},
|
|
8340
8334
|
render() {
|