vxe-table 4.11.14 → 4.12.0-beta.0

package/README.md

@@ -28,14 +28,15 @@
     * [x] ~~v3.0 基于 vue2.6+，支持现代浏览器并保留兼容 IE11~~
     * [x] v3.9 基于 vue2.6+，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE
     * [x] v3.13 重构展开行功能，同时支持展开行与虚拟渲染和冻结列
+    * [x] v3.14 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升
   * **V4**
     * [x] ~~v4.0 基于 vue3.2+，只支持现代浏览器，不支持 IE~~
     * [x] v4.7 基于 vue3.2+，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE
     * [x] v4.11 重构展开行功能，同时支持展开行与虚拟渲染和冻结列
+    * [x] v4.12 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升
 * 版本计划
-    * [ ] 虚拟滚动渲染性能提升到极致
-    * [ ] 虚拟渲染，支持百万级数据渲染
-    * [ ] 虚拟渲染，支持千万级数据渲染
+    * [ ] 优化展开行与冻结列
+    * [ ] 优化虚拟渲染，支持千万级数据渲染
     * [ ] 数据图表可视化
 
 ## 浏览器支持

package/es/grid/src/grid.js

@@ -139,30 +139,29 @@ export default defineComponent({
         });
         const computeTableProps = computed(() => {
             const { seqConfig, pagerConfig, loading, editConfig, proxyConfig } = props;
-            const { isZMax, tableLoading, tablePage, tableData } = reactData;
+            const { isZMax, tableLoading, tablePage } = reactData;
             const tableExtendProps = computeTableExtendProps.value;
             const proxyOpts = computeProxyOpts.value;
             const pagerOpts = computePagerOpts.value;
-            const tableProps = Object.assign({}, tableExtendProps);
+            const tProps = Object.assign({}, tableExtendProps);
             if (isZMax) {
                 if (tableExtendProps.maxHeight) {
-                    tableProps.maxHeight = '100%';
+                    tProps.maxHeight = '100%';
                 }
                 else {
-                    tableProps.height = '100%';
+                    tProps.height = '100%';
                 }
             }
             if (proxyConfig && isEnableConf(proxyOpts)) {
-                tableProps.loading = loading || tableLoading;
-                tableProps.data = tableData;
+                tProps.loading = loading || tableLoading;
                 if (pagerConfig && proxyOpts.seq && isEnableConf(pagerOpts)) {
-                    tableProps.seqConfig = Object.assign({}, seqConfig, { startIndex: (tablePage.currentPage - 1) * tablePage.pageSize });
+                    tProps.seqConfig = Object.assign({}, seqConfig, { startIndex: (tablePage.currentPage - 1) * tablePage.pageSize });
                 }
             }
             if (editConfig) {
-                tableProps.editConfig = Object.assign({}, editConfig);
+                tProps.editConfig = Object.assign({}, editConfig);
             }
-            return tableProps;
+            return tProps;
         });
         const computeCurrLayoutConf = computed(() => {
             const { layouts } = props;
@@ -877,6 +876,7 @@ export default defineComponent({
                             reactData.tableLoading = true;
                             return Promise.resolve((beforeQuery || ajaxMethods)(commitParams, ...args))
                                 .then(rest => {
+                                let tableData = [];
                                 reactData.tableLoading = false;
                                 if (rest) {
                                     if (pagerConfig && isEnableConf(pagerOpts)) {
@@ -884,7 +884,7 @@ export default defineComponent({
                                         const total = (XEUtils.isFunction(totalProp) ? totalProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, totalProp || 'page.total')) || 0;
                                         tablePage.total = XEUtils.toNumber(total);
                                         const resultProp = resConfigs.result;
-                                        reactData.tableData = (XEUtils.isFunction(resultProp) ? resultProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, resultProp || 'result')) || [];
+                                        tableData = (XEUtils.isFunction(resultProp) ? resultProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, resultProp || 'result')) || [];
                                         // 检验当前页码，不能超出当前最大页数
                                         const pageCount = Math.max(Math.ceil(total / tablePage.pageSize), 1);
                                         if (tablePage.currentPage > pageCount) {
@@ -893,11 +893,18 @@ export default defineComponent({
                                     }
                                     else {
                                         const listProp = resConfigs.list;
-                                        reactData.tableData = (listProp ? (XEUtils.isFunction(listProp) ? listProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, listProp)) : rest) || [];
+                                        tableData = (listProp ? (XEUtils.isFunction(listProp) ? listProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, listProp)) : rest) || [];
                                     }
                                 }
+                                if ($xeTable) {
+                                    $xeTable.loadData(tableData);
+                                }
                                 else {
-                                    reactData.tableData = [];
+                                    nextTick(() => {
+                                        if ($xeTable) {
+                                            $xeTable.loadData(tableData);
+                                        }
+                                    });
                                 }
                                 if (afterQuery) {
                                     afterQuery(commitParams, ...args);
@@ -1110,7 +1117,7 @@ export default defineComponent({
                 if (props.proxyConfig) {
                     const { sortData } = reactData;
                     return {
-                        data: reactData.tableData,
+                        data: $xeTable ? $xeTable.getFullData() : [],
                         filter: reactData.filterData,
                         form: getFormData(),
                         sort: sortData.length ? sortData[0] : {},

package/es/locale/lang/ar-EG.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
             scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
             errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '无法插入到指定位置，请检查参数是否正确',
             useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
             barUnableLink: '工具栏无法关联表格',

package/es/locale/lang/de-DE.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'Bei der Gruppierung von Spaltenüberschriften sollte „{0}“ anstelle von „{1}“ verwendet werden, was zu Fehlern führen kann',
             scrollErrProp: 'Der Parameter „{0}“ wird nicht unterstützt, wenn virtuelles Scrollen aktiviert ist',
             errConflicts: 'Parameter „{0}“ stehen im Konflikt mit „{1}“',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'Das Einfügen an der angegebenen Position ist nicht möglich. Bitte überprüfen Sie, ob die Parameter korrekt sind',
             useErr: 'Bei der Installation des Moduls „{0}“ ist möglicherweise die falsche Reihenfolge aufgetreten. Die abhängigen Module müssen vor der Tabelle installiert werden.',
             barUnableLink: 'Die Symbolleiste kann nicht mit der Tabelle verknüpft werden',

package/es/locale/lang/en-US.js

@@ -11,12 +11,13 @@ export default {
         },
         error: {
             downErr: 'Download failed',
-            errLargeData: '当绑定的数据量过大时，应该请使用 {0}，否则可能会出现卡顿',
+            errLargeData: 'When the amount of data bound is too large, you should use "{0}"; otherwise, a stall may occur',
             groupFixed: 'If using group headers, frozen columns must be set by group',
             groupMouseRange: 'The group header and "{0}" cannot be used at the same time, which may cause an error.',
             groupTag: 'Grouping column headers should use "{0}" instead of "{1}", which may cause errors',
             scrollErrProp: 'The parameter "{0}" is not supported when virtual scrolling is enabled',
-            errConflicts: 'Parameters "{0}" conflict with "{1}"',
+            errConflicts: '"{1}" is not supported when parameter "{0}", it should be "{2}", otherwise an error will occur',
+            notSupportProp: '"{1}" is not supported when parameter "{0}" is enabled, it should be "{2}", otherwise an error will occur',
             unableInsert: 'Unable to insert into the specified position, please check whether the parameters are correct',
             useErr: 'An error occurred while installing the "{0}" module. The order may be incorrect. The dependent modules need to be installed before Table.',
             barUnableLink: 'The toolbar cannot be associated with the table',

package/es/locale/lang/es-ES.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'El encabezado de columna de agrupación debería utilizar "{0}" en lugar de "{1}", lo que puede causar errores.',
             scrollErrProp: 'El parámetro "{0}" no es compatible cuando el desplazamiento virtual está habilitado.',
             errConflicts: 'El argumento "{0}" entra en conflicto con "{1}"',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'No se puede insertar en la ubicación especificada.',
             useErr: 'Error al instalar el módulo "{0}", posiblemente en el orden equivocado, los módulos dependientes deben ser instalados antes de la tabla.',
             barUnableLink: 'La barra de herramientas no puede asociarse con la tabla.',

package/es/locale/lang/fr-FR.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
             scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
             errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '无法插入到指定位置，请检查参数是否正确',
             useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
             barUnableLink: '工具栏无法关联表格',

package/es/locale/lang/hu-HU.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'A csoportosító oszlopfejlécben a „{0}” értéket kell használni a „{1}” helyett, ami hibákat okozhat',
             scrollErrProp: 'A "{0}" paraméter nem támogatott, ha a virtuális görgetés engedélyezve van',
             errConflicts: 'A "{0}" paraméter ütközik a következővel: "{1}"',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'Nem sikerült beilleszteni a megadott pozícióba, ellenőrizze, hogy a paraméterek helyesek-e',
             useErr: 'Hiba történt a "{0}" modul telepítésekor. Lehet, hogy a sorrend helytelen. A függő modulokat a táblázat előtt kell telepíteni.',
             barUnableLink: 'Az eszköztár nem társítható a táblázathoz',

package/es/locale/lang/hy-AM.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
             scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
             errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '无法插入到指定位置，请检查参数是否正确',
             useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
             barUnableLink: '工具栏无法关联表格',

package/es/locale/lang/id-ID.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
             scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
             errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '无法插入到指定位置，请检查参数是否正确',
             useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
             barUnableLink: '工具栏无法关联表格',

package/es/locale/lang/it-IT.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'Le intestazioni delle colonne di raggruppamento devono utilizzare "{0}" anziché "{1}", il che potrebbe causare errori',
             scrollErrProp: 'Il parametro "{0}" non è supportato quando è abilitato lo scorrimento virtuale',
             errConflicts: 'I parametri "{0}" sono in conflitto con "{1}"',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'Impossibile inserire nella posizione specificata, verificare se i parametri sono corretti',
             useErr: "Si è verificato un errore durante l'installazione del modulo \"{0}\". L'ordine potrebbe essere errato. I moduli dipendenti devono essere installati prima della Tabella.",
             barUnableLink: 'La barra degli strumenti non può essere associata alla tabella',

package/es/locale/lang/ja-JP.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'ヘッダー結合は "{0}" を使ってください。 "{1}" はエラーが発生する可能性があります',
             scrollErrProp: '仮想スクロールはこのパラメータを使えません： "{0}"',
             errConflicts: 'パラメータ "{0}" と "{1}" は同時に使えません',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '指定された位置に挿入できない',
             useErr: '"{0}" モジュールをインストールする際にエラーが発生し、順序が正しくない可能性がある。依存するモジュールはTableの前にインストールする必要がある',
             barUnableLink: 'ツールバーはフォームを関連付けることができない',

package/es/locale/lang/ko-KR.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '그룹화된 열 헤더는 "{0}"을 사용해야 하며, "{1}"을 사용하면 오류가 발생할 수 있습니다.',
             scrollErrProp: '가상 스크롤을 활성화한 경우, 매개변수 "{0}"은 지원되지 않습니다.',
             errConflicts: '매개변수 "{0}"과(와) "{1}"은(는) 충돌합니다.',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '지정된 위치에 삽입할 수 없습니다. 매개변수가 올바른지 확인하세요.',
             useErr: '"{0}" 모듈 설치 중 오류가 발생했습니다. 순서가 잘못되었을 수 있으며, 테이블 전에 종속 모듈이 설치되어야 합니다.',
             barUnableLink: '도구 모음과 테이블을 연결할 수 없습니다.',

package/es/locale/lang/nb-NO.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
             scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
             errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '无法插入到指定位置，请检查参数是否正确',
             useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
             barUnableLink: '工具栏无法关联表格',

package/es/locale/lang/pt-BR.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'O cabeçalho da coluna de agrupamento deve usar "{0}" em vez de "{1}", o que pode causar erros.',
             scrollErrProp: 'O parâmetro "{0}" não é suportado quando a rolagem virtual está habilitada.',
             errConflicts: 'O argumento "{0}" entra em conflito com "{1}"',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'Não é possível inserir na localização especificada.',
             useErr: 'Erro ao instalar o módulo "{0}", possivelmente na ordem errada, os módulos dependentes precisam ser instalados antes da Tabela.',
             barUnableLink: 'A barra de ferramentas não pode ser associada à tabela.',

package/es/locale/lang/ru-RU.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'При группировке заголовков столбцов следует использовать "{0}" вместо "{1}", что может привести к ошибкам.',
             scrollErrProp: 'Параметр "{0}" не поддерживается, если включена виртуальная прокрутка.',
             errConflicts: 'Параметры "{0}" конфликтуют с "{1}"',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'Невозможно вставить в указанную позицию, проверьте правильность параметров.',
             useErr: 'Произошла ошибка при установке модуля "{0}". Порядок может быть неправильным. Зависимые модули необходимо установить перед Табл.',
             barUnableLink: 'Панель инструментов не может быть связана с таблицей',

package/es/locale/lang/th-TH.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'การจัดกลุ่มส่วนหัวคอลัมน์ควรใช้ "{0}" แทน "{1}" ซึ่งอาจทำให้เกิดข้อผิดพลาด',
             scrollErrProp: 'ไม่สนับสนุนพารามิเตอร์ "{0}" เมื่อเปิดใช้งานการเลื่อนเสมือน',
             errConflicts: 'พารามิเตอร์ "{0}" ขัดแย้งกับ "{1}"',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'ไม่สามารถแทรกลงในตำแหน่งที่ระบุได้ โปรดตรวจสอบว่าพารามิเตอร์ถูกต้องหรือไม่',
             useErr: 'เกิดข้อผิดพลาดขณะติดตั้งโมดูล "{0}" ลำดับอาจไม่ถูกต้อง จำเป็นต้องติดตั้งโมดูลที่ต้องพึ่งพาก่อนตาราง',
             barUnableLink: 'แถบเครื่องมือไม่สามารถเชื่อมโยงกับตารางได้',

package/es/locale/lang/ug-CN.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'گۇرۇپپا قۇر بىشىغا چوقۇم  "{0}" نى ئىشلىتىشىڭىز كىرەك،ھەرگىزمۇ "{1}"نى ئەمەس ،بولمىسا بۇ بەلكىم خاتالىق كەلتۈرۈپ چىقىرىشى مومكىن',
             scrollErrProp: 'مەۋھۇم يۇمىلاتما ئىقىدارىنى قوزغاتقاندىن كىيىن بۇ سېپىرنى تەكشەشكە بولمايدۇ "{0}"',
             errConflicts: 'سان سىپىر "{0}" بىلەن "{1}" دە ماسلاشماسلىق ئەھۋالى مەۋجۇت',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'بىكىتىلگەن ئورۇنغا قىستۇرۇشقا بولمايدۇ، پارامېتىرىڭىزنىڭ توغرا-خاتالىقىنى تەكشۈرۈڭ ',
             useErr: 'قاچىلاش: "{0}" پارچىنى قاچىلىغاندا خاتالىق كۆرۈلدى ،بەلكىم رەت تەرتىۋىدە بىنۇرماللىق كۆرۈلگەن بولۇشى مومكىن，مۇناسىۋەتلىك پارچە چوقۇم  Table دىن ئاۋۋال قاچىلىنىشى كىرەك',
             barUnableLink: 'ئەسۋاب ئىستونى جەدىۋەل بىلەن ئۇلىنىشقا ئامالسىز',

package/es/locale/lang/uk-UA.js

@@ -17,6 +17,7 @@ export default {
             groupTag: 'Груповані заголовки повинні використовувати "{0}", а не "{1}", це може спричинити помилки',
             scrollErrProp: 'Параметр "{0}" не підтримується після включення віртуального скролінгу',
             errConflicts: 'Параметри "{0}" та "{1}" конфліктують',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: 'Неможливо вставити в задане місце, перевірте правильність параметрів',
             useErr: 'Сталася помилка під час встановлення модуля "{0}", можливо, порядок неправильний, залежні модулі повинні бути встановлені до таблиці',
             barUnableLink: "Панель інструментів не може бути пов'язана з таблицею",

package/es/locale/lang/vi-VN.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
             scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
             errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '无法插入到指定位置，请检查参数是否正确',
             useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
             barUnableLink: '工具栏无法关联表格',

package/es/locale/lang/zh-CHT.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '分組列頭應該使用 "{0}" 而不是 "{1}"，這可能會出現錯誤',
             scrollErrProp: '啟用虛擬滾動後不支援此參數 "{0}"',
             errConflicts: '參數 "{0}" 與 "{1}" 有衝突',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '無法插入指定位置，請檢查參數是否正確',
             useErr: '安裝 "{0}" 模組時發生錯誤，可能順序不正確，依賴的模組需要在 Table 之前安裝',
             barUnableLink: '工具列無法關聯表格',

package/es/locale/lang/zh-CN.js

@@ -17,6 +17,7 @@ export default {
             groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
             scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
             errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
+            notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
             unableInsert: '无法插入到指定位置，请检查参数是否正确',
             useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
             barUnableLink: '工具栏无法关联表格',