ru.coon 2.8.25 → 2.8.27

package/CHANGELOG.md

@@ -1,5 +1,27 @@
+# Version 2.8.27, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/cfbabb26922efaef2416052c0006bf73f27ec6cb)
+* ## Fixes
+* <span style='color:red'>fix CopyRowsFromGrid by HT-10923</span> ([f8c95a], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/f8c95aa079cf48471c05d210a3909a20bd3e644c))
+
+* update: CHANGELOG.md ([a552cf], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/a552cf007c8061ee908bae2150eaf15d94767c2b))
+
+# Version 2.8.26, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/e2d42324a8e9948d79584e4f9751f126405ef103)
+* ## Features
+* <span style='color:green'>feat: add style check before addCellStyle</span> ([ff4abf], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/ff4abf157a32ec98720caabafc2f65749b0c98bf))
+
+* upd ([009237], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/009237a355c8aa9928fd919b90ff8e9f750db98e))
+* relocate and rename method ([a2a61b], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/a2a61b2a6dcd4d4622becfc2f11602a97c9d49d8))
+* update: CHANGELOG.md ([d4b2c7], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/d4b2c7e1effb2bd46eb587a3d5bf2d03cbc27053))
+
 # Version 2.8.25, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/0ead4798f8be665c09627567bb8ac2b473d6d429)
 # Version 2.8.24, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/51b87374eb81c47d86d6fa33c8f25eaa9dce5d18)
+* update: CHANGELOG.md ([82435f], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/82435f28e840a46cc9e30ec228a8778c22fc75c4))
+
+# Version 2.8.24, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c4c48ae9746e9698a71cee189e9d4193ee08b0ad)
+* ## Fixes
+* <span style='color:red'> refactoring CopyRowsFromGrid, add Coon.perf</span> ([347b0c], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/347b0c16446273fbe50dcd3a460d8454566355d1))
+
+* upd ([148f60], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/148f60ace9a0813d409432b6871721c7f622d369))
+* upd ([8e64dd], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/8e64dd9dcd8af8f4333d69c2bfcfdae7b94ec056))
 * upd ([4091e1], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/4091e19d36ca3b790a53d1b5e0d79addd0146536))
 * update: CHANGELOG.md ([6e87dc], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/6e87dc9719686cca7da70d876ea24da53b2dbe82))
 
@@ -12,6 +34,9 @@
 
 * upd ([571495], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/571495ffbd6b23c76edd9eac741b87163fc59cdc))
 * add loadFakeData to ReportPanel ([671b7f], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/671b7f27f3538291a56ba8c1b45016910b42e17d))
+* upd ([5f960b], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/5f960b5e19d19540423a3d13bf288b5d4b2149bb))
+* upd ([3f1cb7], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/3f1cb7e4e680cfc6a30d92ae0731dcd370be9e4b))
+* upd ([cab5b5], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/cab5b55a9360b8f6cfc5de6f36d31ad961862280))
 * update: CHANGELOG.md ([c73ba4], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c73ba4e040a66da70edbeb990b8e7d42a690cc1b))
 
 # Version 2.8.22, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/abdcd052a504db9e3ef0d640c05c861dab6fc771)
@@ -25,6 +50,7 @@
 * ## Fixes
 * <span style='color:red'>fix builder issues</span> ([67abd4], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/67abd4785b47f62e1004e58ff8c27282d9e87664))
 
+* upd ([3d3e6b], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/3d3e6b7ea69c8114658f64859038187b16708f66))
 * update: CHANGELOG.md ([866504], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/86650477e9606983c72620ed063150bb23fc3e4e))
 
 # Version 2.8.21, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/dcc7c4b24a73690b18533027979c7ed0e3c88a78)

package/index.js

@@ -1,5 +1,5 @@
 import * as xEchartsJs from 'echarts';
-import xPrintJs from 'sigma-printjs/dist/print';
+import xPrintJs from 'sigma-printjs';
 import xAceDiff from 'ace-diff';
 import hashFromObj from 'object-hash';
 import xAceEditor from 'ace-builds/src-noconflict/ace';

package/package.json

@@ -4,7 +4,7 @@
     "name": "ru.coon"
   },
   "description": "",
-  "version": "2.8.25",
+  "version": "2.8.27",
   "repository": {
     "type": "git",
     "url": "git+http://gitlab-dbr.sigma-it.local/dbr/ru.coon"
@@ -30,7 +30,7 @@
     "extjs_iconpack": "1.3.27",
     "json5": "2.2.3",
     "object-hash": "^3.0.0",
-    "sigma-printjs": "^1.0.1",
+    "sigma-printjs": "^1.0.3",
     "sql-formatter": "^13.0.0"
   },
   "devDependencies": {

package/src/report/component/ReportPanel.js

@@ -302,7 +302,7 @@ Ext.define('Coon.report.component.ReportPanel', {
         return undefined;
     },
 
-    loadFakeData(len = 1000) {
+    loadFakeData(len) {
         if (!this.isConfigured) {
             return;
         }
@@ -326,6 +326,7 @@ Ext.define('Coon.report.component.ReportPanel', {
         }, {id: Ext.id(false, 'fakeid-')});
         const data = [...Array(len)].map(getRow);
         this.grid.getStore().loadData(data);
+        return 'complete loadFakeData';
     },
 
     initComponent: function() {
@@ -405,12 +406,6 @@ Ext.define('Coon.report.component.ReportPanel', {
         this.on('invalidateCache', this.filterHandler.bind(this, true));
     },
 
-    onDestroy: function() {
-        if (this.eventDestroier) {
-            //   Ext.destroy(this.eventDestroier)
-        }
-    },
-
     onWindowResize: function(width, height) {
         this.height = this.height || height - 105;
         this.width = this.width || width - 270;

package/src/report/plugin/grid/CopyRowsFromGrid.js

@@ -2,12 +2,15 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
     extend: 'Coon.report.plugin.grid.ToolbarButtonPlugin',
     alias: 'plugin.CopyRowsFromGrid',
     uses: [],
-    requires: [],
+    requires: [
+        'Coon.report.plugin.grid.exporters.xlsxExporter'
+    ],
     alternateClassName: [
         'Sigma.common.grid.plugin.CopyRowsFromGrid',
         'Sigma.common.plugin.grid.CopyRowsFromGrid'
     ],
     defaultFloatPrecision: 2,
+    defaultFieldType: 'string',
     configurePanelWizard: 'CopyRowsFromGridConfigPanel',
     position: -1,
     allowAddRowOnPaste: false,
@@ -87,9 +90,10 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         `;
     },
 
-    init: function(component) {
+    init(component) {
         this.injectForm();
         this.callParent([component]);
+        this.reportPanel = this.getCmp().up('ReportPanel');
         component.on('reconfigure', function(grid, store, columns) {
             this.getCmp().store = store;
             this.getCmp().columns = columns;
@@ -97,7 +101,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         Object.assign(this.tableHeaderStyle || {}, this.allBordersStyle);
     },
 
-    createToolbarItem: function(config) {
+    createToolbarItem(config) {
         let tbItem = this.callParent([config]);
         if (this.showConfirmDialog) {
             tbItem = new Ext.button.Split(Ext.apply({
@@ -125,7 +129,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return tbItem;
     },
 
-    handler: function(button) {
+    handler(button) {
         this.recordsToExport = undefined;
         if (button.itemId === 'getAllButton' || (button.itemId !== 'getSelectedButton' && this.exportAllRows)) {
             this.recordsToExport = this.getAll();
@@ -147,7 +151,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         }
     },
 
-    showConfirmFormatDialog: function(fn) {
+    showConfirmFormatDialog(fn) {
         const formatSelectField = Ext.create(Coon.common.field.combo.ConstantList, {
             data: [
                 ['xls', 'xls - старый формат'],
@@ -175,14 +179,14 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
                 buttons: [
                     {
                         text: this.buttonText,
-                        handler: function() {
+                        handler() {
                             fn(formatSelectField.getValue());
                             win.close();
                         },
                     },
                     {
                         text: 'Закрыть',
-                        handler: function() {
+                        handler() {
                             win.close();
                         },
                     }
@@ -191,14 +195,15 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         );
         win.show();
     },
-    rgbToHex: function(arr) {
+
+    rgbToHex(arr) {
         return '#' + arr.map((x) => {
             const hex = Number(x).toString(16);
             return hex.length === 1 ? '0' + hex : hex;
         }).join('');
     },
 
-    mergeDeep: function(target, ...sources) {
+    mergeDeep(target, ...sources) {
         if (!sources.length) {
             return target;
         }
@@ -221,7 +226,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
     },
 
     getCurrentFilterParameters() {
-        return this.getCmp().up('ReportPanel').currentParamList || {};
+        return this.reportPanel.currentParamList || {};
     },
 
     applyTemplate(content = '', data = {}) {
@@ -234,7 +239,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return tpl.apply(Object.assign(data, {parameters: this.getCurrentFilterParameters()}));
     },
 
-    parseJsEditorObj: function(obj, workbook) {
+    parseJsEditorObj(obj, workbook) {
         if (typeof obj !== 'object' || !obj.blocks || !obj.blocks.length) {
             return [];
         }
@@ -296,161 +301,21 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         );
         return result;
     },
-    /**
-     * Формируем заголовок
-     * @returns {Object[] || []}
-     */
-    collectHeaderJson: function(columnCount, workbook) {
-        const reportPanel = this.getCmp().up('ReportPanel');
-        const result = [];
-        // Работа с отображением выгрузок
-        if (this.addHeader === true) {
-            result.push({
-                value: reportPanel.title,
-                mergeAcross: columnCount || 1,
-                styleId: workbook.addCellStyle({
-                    font: {
-                        bold: true,
-                        size: 17,
-                    },
-                }),
-            });
-        }
-        return result;
-    },
-
-    /**
-     * Собираем фильтры
-     * @returns {string}
-     */
-    collectFiltersJson: function(columnCount, workbook) {
-        const reportPanel = this.getCmp().up('ReportPanel');
-        const result = [];
-        if (this.addFilters === true) {
-            result.push({
-                value: 'Используемые фильтры:',
-                mergeAcross: columnCount || 1,
-                styleId: workbook.addCellStyle({
-                    font: {
-                        bold: true,
-                        size: 13,
-                        color: '#a6a4a4',
-                    },
-                }),
-            });
-
-            const customXtype = ['SimpleReportTag'];
-            const filterComponents = function(comp) {
-                return Ext.getClassName(comp) !== 'Ext.form.field.Display' &&
-                    !Ext.isEmpty(comp.getValue()) &&
-                    comp.xtype !== 'CustomValueCheckBox'; // todo: как-то узнать, почему нельзя этот компонент вывести в файл
-            };
-            const renderFilterConditions = function(filter) {
-                if (customXtype.includes(filter.xtype)) {
-                    let tmp = '';
-                    filter.valueCollection.items.forEach(function(it) {
-                        tmp = tmp + it.getData()[filter.getDisplayField()];
-                    });
-                    result.push({
-                        value: filter.fieldLabel + ': ' + tmp,
-                        mergeAcross: columnCount || 1,
-                        styleId: workbook.addCellStyle({
-                            font: {
-                                color: '#a6a4a4',
-                            },
-                        }),
-                    });
-                } else if (!filter.initialConfig.hidden) {
-                    const label = (Ext.getClassName(filter) === 'Ext.form.field.Checkbox') ?
-                        filter.boxLabel || filter.fieldLabel :
-                        filter.fieldLabel;
-
-                    const rawValue = Ext.isBoolean(filter.getRawValue()) ? filter.getRawValue() ? 'Да' : 'Нет' :
-                        filter.getRawValue();
-                    result.push({
-                        value: label + ': ' + rawValue,
-                        mergeAcross: columnCount || 1,
-                        styleId: workbook.addCellStyle({
-                            font: {
-                                bold: true,
-                            },
-                        }),
-                    });
-                }
-            };
-            reportPanel.filterContainer.query('field')
-                .filter(filterComponents)
-                .forEach(renderFilterConditions);
-        }
-        return result;
-    },
-    collectGridDataAsObject: function(selections, workbook) {
-        const dataRows = [];
-        let headerRows = [];
-        let footerRows = [];
-        const grid = this.getCmp();
-        const columnModel = grid.getColumns();
-        const columnCount = grid.getColumns().length;
-        if (this.addHeader === true) {
-            headerRows = this.collectHeaderJson(columnCount, workbook);
-        }
-        if (this.addFilters === true) {
-            headerRows = headerRows.concat(
-                this.collectFiltersJson(columnCount, workbook)
-            );
-        }
-        if (this.headerXlsx) {
-            headerRows = headerRows.concat(this.parseJsEditorObj(this.headerXlsx, workbook));
-        }
-        const dataIndexToColumn = [];
-        const visibleColumns = [];
-        const columnIndexToDataIndex = [];
-
-        for (let c = 0; c < columnCount; c++) {
-            if (!columnModel[c].hidden) {
-                const dataIndex = columnModel[c].dataIndex;
-                if (!Ext.isEmpty(dataIndex)) {
-                    visibleColumns.push(c);
-                    columnIndexToDataIndex[c] = dataIndex;
-                    dataIndexToColumn[dataIndex] = columnModel[c];
-                }
-            }
-        }
-        selections.forEach(function(record, i) {
-            dataRows.push(
-                this.collectColumns(
-                    grid,
-                    record,
-                    visibleColumns,
-                    columnIndexToDataIndex,
-                    columnModel,
-                    dataIndexToColumn,
-                    i,
-                    true,
-                    workbook
-                )
-            );
-        }, this);
-        if (this.footerXlsx) {
-            footerRows = this.parseJsEditorObj(this.footerXlsx, workbook);
-        }
-        return {headerRows, dataRows, footerRows};
-    },
 
     execute() {
-        const reportPanel = this.getCmp().up('ReportPanel');
-        reportPanel && reportPanel.mask('Экспорт', 'x-mask-loading');
-        Ext.defer(this.generateExport, 1, this);
+        this.reportPanel && this.reportPanel.mask('Экспорт', 'x-mask-loading');
+        this.generateExport()
+            .then(
+                () => this.reportPanel && this.reportPanel.unmask()
+            ).catch(console.error);
     },
 
-    generateExport: function() {
-        // const stop = Coon.perf.start('CPFG');
-        const reportPanel = this.getCmp().up('ReportPanel');
+    getFilename() {
         const selected = this.getSelected()[0];
         const name = this.getTemplatedFileName(this.reportFileName) ||
             (selected && selected.data['CM_REPORT_CD']) ||
             this.tryToGetTitle() ||
-            (reportPanel && reportPanel.reportId) ||
+            (this.reportPanel && this.reportPanel.reportId) ||
             'defaultReportName';
         const dateFormat = this.dateFormat || this.defaultDateFormat;
 
@@ -463,27 +328,57 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
             filename += '_';
             filename += Ext.Date.format(new Date(), dateFormat);
         }
-        filename = this.normalizeFileName(filename);
+        return this.normalizeFileName(filename);
+    },
+
+    generateXlsx(filename) {
+        const xlsxExporter = Ext.create('Coon.report.plugin.grid.exporters.xlsxExporter', {
+            plugin: this,
+        });
+        Coon.util.bindMethods([
+            'mergeDeep',
+            'getRenderedValue',
+            'getCellClass',
+            'getConfig',
+            'getCmp',
+            'getSelected',
+            'prepareData',
+            'getSummaryRows',
+            'getTableHeaderRows',
+            'getRowStyleXlsx',
+            'getRowStyle'
+        ], this, xlsxExporter);
+        this.exporter = xlsxExporter.getExporter(filename);
+        return this.exporter.saveAs().then(function() {
+            this.exporter.destroy();
+        });
+    },
+
+    generateXls(filename) {
+        filename += '.xls';
+        const exporter = this.exporter = Ext.create('Ext.exporter.text.Html', {fileName: filename});
+        this.prepareData(exporter);
+        const blob = new Blob(this.collectGridDataAsArray(
+            this.getSelected(),
+            this.getTableHeaderRows(exporter, 'xls')
+        ), {
+            type: 'text/xls;charset=UTF-8',
+        });
+        Coon.util.downloadFileFromBlob(blob, filename);
+    },
+
+    generateExport() {
+        // const stop = Coon.perf.start('CPFG');
+        const filename = this.getFilename();
 
         if (this.format === 'xlsx') {
-            const exporter = this.initExporter(filename);
-            exporter.saveAs().then(function() {
-                exporter.destroy();
-            });
+            return this.generateXlsx(filename);
+            // .then(() => {
+            //     Coon.log.debug(Coon.perf.getLog(stop()));
+            // });
         } else {
-            filename += '.xls';
-            const exporter = this.exporter = Ext.create('Ext.exporter.text.Html', {fileName: filename});
-            this.prepareData(exporter);
-            const blob = new Blob(this.collectGridDataAsArray(
-                this.getSelected(),
-                this.getTableHeaderRows(exporter, 'xls')
-            ), {
-                type: 'text/xls;charset=UTF-8',
-            });
-            Coon.util.downloadFileFromBlob(blob, filename);
+            return Promise.resolve(this.generateXls(filename));
         }
-        reportPanel && reportPanel.unmask();
-        // console.log(Coon.perf.getLog(stop()));
     },
 
     /**
@@ -491,7 +386,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
      * @param fileName имя файла
      * @returns {*}
      */
-    getTemplatedFileName: function(fileName) {
+    getTemplatedFileName(fileName) {
         if (!Ext.isString(fileName) || fileName.match(/{.*}/g) === null) {
             return fileName;
         }
@@ -505,7 +400,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return fileName;
     },
 
-    normalizeFileName: function(fileName) {
+    normalizeFileName(fileName) {
         const forbiddenSymbolMap = {
             underscore: '_',
             space: ' ',
@@ -534,31 +429,6 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return fileName;
     },
 
-    initExporter: function(filename) {
-        const exporter = this.exporter = Ext.create('Ext.exporter.excel.Xlsx', {
-            fileName: filename + '.xlsx',
-            tableHeaderStyle: this.tableHeaderStyle,
-        });
-        exporter.excel = new Ext.exporter.file.ooxml.Excel({
-            properties: {
-                title: 'Лист 1',
-            },
-        });
-
-        exporter.worksheet = exporter.excel.addWorksheet({
-            name: 'Лист 1',
-        });
-        this.prepareData();
-        const {headerRows, dataRows, footerRows} =
-            this.collectGridDataAsObject(this.getSelected(), exporter.excel);
-        const tableHeaderRows = this.getTableHeaderRows(exporter);
-        const summaryRows = this.getSummaryRows(exporter.excel);
-        // this.assignStyle([...dataRows, ...summaryRows], this.allBordersStyle);
-        exporter.jsonData = [...headerRows, ...tableHeaderRows, ...dataRows, ...summaryRows, ...footerRows];
-        exporter.getContent = this.getContent.bind(exporter, this);
-        return exporter;
-    },
-
     prepareData() {
         let exporterPlugin = this.getCmp().plugins.find(
             (p) => p.ptype === 'gridexporter'
@@ -570,27 +440,11 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         this.exporter.setData(exporterPlugin.prepareData({includeSummary: this.includeSummary}));
     },
 
-    getContent: function() {
-        const me = this;
-        const config = this.getConfig();
-        me.tableHeaderStyleId = me.excel.addCellStyle(config.tableHeaderStyle);
-        me.worksheet.beginRowRendering();
-        if (this.jsonData) {
-            this.jsonData.forEach((row) => {
-                me.worksheet.addRow().addCell(row);
-            });
-        }
-        me.worksheet.endRowRendering();
-        me.columnStylesNormal = me.columnStylesNormalId = me.columnStylesFooter = null;
-        me.columnStylesFooterId = me.headerStyles = me.footerStyles = null;
-
-        return me.excel.render();
-    },
     /**
      * Возвращает агрегирующие строки из плагина GroupRowsPlugin.
      * Чтобы экспортировать текст, например "Всего" в конфиге колонки должны быть указаны:
      *  ```
-     *  summaryRenderer: function(){return 'Всего'},
+     *  summaryRenderer(){return 'Всего'},
      *  exportSummaryRenderer: true
      *  ```
      * @returns {Object[]}
@@ -659,11 +513,11 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
             return row.cells;
         });
     },
-    getTitle: function() {
+    getTitle() {
         return this.addHeader === true ? this.getCmp().up('ReportPanel').title : '';
     },
 
-    getFilters: function() {
+    getFilters() {
         const filters = [];
         if (this.addFilters === true) {
             const reportPanel = this.getCmp().up('ReportPanel');
@@ -695,7 +549,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return filters;
     },
 
-    getAdditionalParameters: function() {
+    getAdditionalParameters() {
         const text = (this.header || '') + (this.footer || '');
         if (Ext.isEmpty(text)) {
             return;
@@ -716,7 +570,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return additionalParameters;
     },
 
-    insertAdditional: function(additionalParameters) {
+    insertAdditional(additionalParameters) {
         let header = this.header;
         let footer = this.footer;
         for (const key in additionalParameters) {
@@ -732,7 +586,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         this.execute();
     },
 
-    customInit: function() {
+    customInit() {
         this.buttonText = this.buttonText || 'Экспорт в Excel';
         this.getCmp().CopyPlugin = this;
         if (this.header) {
@@ -743,7 +597,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         }
     },
 
-    addKeyMap: function() {
+    addKeyMap() {
         if (this.disableCopying) {
             return;
         }
@@ -751,7 +605,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
             {
                 key: Ext.event.Event.C,
                 ctrl: true,
-                handler: function() {
+                handler() {
                     this.copyToClipBoard(this.getSelected());
                 },
                 scope: this,
@@ -774,11 +628,11 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         }
     },
 
-    getAll: function() {
+    getAll() {
         return this.getCmp().getStore().getRange();
     },
 
-    collectSelectedRecords: function() {
+    collectSelectedRecords() {
         const selectionModel = this.getCmp().getSelectionModel();
         const selectedRecords = [];
         this.getCmp().getStore().each(function(record) {
@@ -794,7 +648,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return selectedRecords;
     },
 
-    getSelected: function() {
+    getSelected() {
         if (this.recordsToExport) {
             return this.recordsToExport;
         }
@@ -803,7 +657,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return records ? this.collectSelectedRecords() : this.getAll();
     },
 
-    copyToClipBoard: function(rows) {
+    copyToClipBoard(rows) {
         let copiedData = null;
 
         if (this.getCmp().getSelectionModel().type === 'cellmodel') {
@@ -828,7 +682,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         }
     },
 
-    getStartPosition: function() {
+    getStartPosition() {
         let startColumn = 0;
         let startRow = 0;
         const selectionModel = this.getCmp().getSelectionModel();
@@ -847,7 +701,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return {row: startRow, column: startColumn};
     },
 
-    pasteFromClipBoard: function() {
+    pasteFromClipBoard() {
         if (!this.allowPaste) {
             return;
         }
@@ -856,7 +710,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         hiddenTextArea.focus();
     },
 
-    updateGridData: function() {
+    updateGridData() {
         if (!this.allowPaste) {
             return;
         }
@@ -934,7 +788,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         this.hiddentextarea.blur();
     },
 
-    clearValue: function(value, type, convert, record) {
+    clearValue(value, type, convert, record) {
         let columnValue = value;
         if (!Ext.isEmpty(type)) {
             switch (type) {
@@ -965,7 +819,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
      * @param tableHeaderRows
      * @returns {*[]}
      */
-    collectGridDataAsArray: function(selections, tableHeaderRows = []) {
+    collectGridDataAsArray(selections, tableHeaderRows = []) {
         const result = [];
         const grid = this.getCmp();
         const columnCount = grid.getColumns().length;
@@ -993,7 +847,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
             result.push(this.applyTemplate(html, this.getDataForTemplate(html)));
         }
         // собираем заголовки
-        const dataIndexToColumn = [];
+        const dataIndexToColumn = {};
         const visibleColumns = [];
         const columnIndexToDataIndex = [];
         const columnModel = grid.getColumns();
@@ -1038,12 +892,26 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
             });
         }
         let chunk = '';
-        selections.forEach(function(record, i) {
+        const fieldTypes = this.getCmp().getStore().getModel().getFields().reduce((acc, field) => {
+            acc.set(field.name, field.type || this.defaultFieldType);
+            return acc;
+        }, new Map());
+        this.localData = {
+            fieldTypes,
+            grid,
+            visibleColumns,
+            columnIndexToDataIndex,
+            columnModel,
+            dataIndexToColumn,
+        };
+        selections.forEach(function(record, idx) {
             const row = [];
-            row.push(this.collectColumns(grid, record, visibleColumns, columnIndexToDataIndex, columnModel, dataIndexToColumn, i));
+            row.push(
+                this.collectColumns({record, idx})
+            );
             chunk += row.join('');
             // Через this.rowsInChunk строк сгружаем данные в массив
-            if (i % this.rowsInChunk === 0 || i === selections.length - 1) {
+            if (idx % this.rowsInChunk === 0 || idx === selections.length - 1) {
                 result.push(chunk);
                 chunk = '';
             }
@@ -1062,7 +930,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
      * Формируем заголовок
      * @returns {string}
      */
-    collectHeader: function() {
+    collectHeader() {
         const reportPanel = this.getCmp().up('ReportPanel');
         let result = '';
         // Работа с отображением выгрузок
@@ -1077,7 +945,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
      * Собираем фильтры
      * @returns {string}
      */
-    collectFilters: function() {
+    collectFilters() {
         const reportPanel = this.getCmp().up('ReportPanel');
         let name = '';
         const result = [];
@@ -1120,20 +988,9 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
      * Собираем поля
      * @returns {string}
      */
-    collectColumns: function(grid, record, visibleColumns, columnIndexToDataIndex, columnModel, dataIndexToColumn, i, object, workbook) {
-        const result = object ? [] : ['<tr>'];
-        const getValueType = function(idx, defValue) {
-            if (Array.isArray(record.fields)) {
-                const field = record.fields.find(function(element, index, array) {
-                    if (element.name === idx) {
-                        return element;
-                    }
-                });
-                return field ? field.type : defValue;
-            } else {
-                return defValue;
-            }
-        };
+    collectColumns({record, idx, xlsx}) {
+        const {grid, visibleColumns, columnIndexToDataIndex, columnModel, dataIndexToColumn, workbook} = this.localData;
+        const result = xlsx ? [] : ['<tr>'];
         visibleColumns.forEach(function(columnIndex) {
             const columnConfig = columnModel[columnIndex];
             if (columnConfig.ignoreExport) {
@@ -1143,7 +1000,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
             const dataIndex = columnIndexToDataIndex[columnIndex];
             const renderer = columnConfig.renderer;
             const exportRenderer = columnConfig.exportRenderer;
-            const valueType = getValueType(dataIndex, 'string');
+            const valueType = this.localData.fieldTypes.get(dataIndex);// getValueType(dataIndex, 'string');
 
 
             const value = typeof (exportRenderer || renderer) === 'function' ?
@@ -1152,13 +1009,13 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
                     record.get(dataIndex),
                     {column: columnConfig},
                     record,
-                    i,
+                    idx,
                     columnIndex,
                     grid.getStore(),
                     grid.getView()
                 ) :
                 record.data[dataIndex] || '';
-            if (!object) {
+            if (!xlsx) {
                 const styles = this.getRowStyle(grid, record);
                 result.push(`
                         <td
@@ -1187,14 +1044,15 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
                 result.push(JSON.parse(JSON.stringify(col)));
             }
         }, this);
-        if (!object) {
+        if (!xlsx) {
             result.push('</tr>');
             return result.join('');
         } else {
             return result;
         }
     },
-    getRowStyleXlsx: function(grid, record, workbook) {
+
+    getRowStyleXlsx(grid, record) {
         let styles = {};
         const rowElement = Ext.fly(grid.getView().getRow(grid.getStore().indexOf(record)));
         if (rowElement) {
@@ -1211,7 +1069,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
 
         return {styles: styles};
     },
-    getRowStyle: function(grid, record) {
+    getRowStyle(grid, record) {
         const rowElement = Ext.fly(grid.getView().getRow(grid.getStore().indexOf(record)));
 
         let resultClasses = '';
@@ -1242,7 +1100,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return resultClasses;
     },
 
-    getHeaderStyle: function(value, type) {
+    getHeaderStyle(value, type) {
         let style = '';
         if (!Ext.isEmpty(type)) {
             switch (type) {
@@ -1254,7 +1112,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return style;
     },
 
-    getCellClass: function(value, type) {
+    getCellClass(value, type) {
         let style = '';
         if (!Ext.isEmpty(type)) {
             switch (type) {
@@ -1270,7 +1128,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         }
         return style;
     },
-    getRenderedValue: function(v, type) {
+    getRenderedValue(v, type) {
         let value = v;
         if (v instanceof Date) {
             value = Ext.util.Format.dateRenderer(this.dateFormat)(v);
@@ -1301,7 +1159,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return value;
     },
 
-    getHiddenTextArea: function() {
+    getHiddenTextArea() {
         if (!this.hiddentextarea) {
             this.hiddentextarea = new Ext.Element(document.createElement('textarea'));
             this.hiddentextarea.setStyle('position', 'absolute');
@@ -1315,7 +1173,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return this.hiddentextarea;
     },
 
-    tryToGetTitle: function() {
+    tryToGetTitle() {
         let title = this.getCmp().title || '';
         if (Ext.isEmpty(title)) {
             this.getCmp().bubble(function(panel) {
@@ -1329,7 +1187,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
     },
 
     // Получение параметров шаблонов
-    getDataForTemplate: function(text) {
+    getDataForTemplate(text) {
         if (Ext.isEmpty(text)) {
             return {};
         }
@@ -1374,7 +1232,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
     },
 
     // Обработка шаблона
-    processingTemplate: function(template) {
+    processingTemplate(template) {
         let result = '' + template;
         this.getParametersForReplace().forEach(function(p) {
             result = result.replace(new RegExp(p.re, 'g'), p.getHandler.call(this));
@@ -1388,12 +1246,12 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
      * re - регулярное выражения для поиска параметра
      * getHandler - функция, возвращающая функцию замены
      */
-    getParametersForReplace: function() {
+    getParametersForReplace() {
         if (Ext.isEmpty(this.parametersForReplace)) {
             this.parametersForReplace = [
                 {
                     re: '\\{\\$\\w[\\w ,\\\\/.:-]*\\$\\}', // Даты в виде {$формат_даты$}
-                    getHandler: function() {
+                    getHandler() {
                         const date = new Date();
                         return function(m) {
                             return Ext.Date.format(date, m.substring(2, m.length - 2));
@@ -1402,7 +1260,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
                 },
                 {
                     re: '\\{\\$\\w[\\w-]*(?!\\$)\\}', // Прочие параметры в виде {$имя_параметра}
-                    getHandler: function() {
+                    getHandler() {
                         const params = {
                             REPORT_TITLE: this.tryToGetTitle(),
                         };
@@ -1416,7 +1274,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return this.parametersForReplace;
     },
 
-    parseHTML: function(htmlString) {
+    parseHTML(htmlString) {
         const div = document.createElement('div');
         div.innerHTML = htmlString.split('body>')[1] && htmlString.split('body>')[1].slice(0, -2);
         const result = [];
@@ -1430,13 +1288,12 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         return result.join('\n');
     },
 
-    getPluginCustomPropsForFields: function() {
+    getPluginCustomPropsForFields() {
         return [{
             name: 'exportRenderer',
             description: 'Данное свойство позволяет обработать итоговые строки',
             type: 'function',
             fields: 'all',
         }];
-    }
-    ,
+    },
 });

package/src/report/plugin/grid/exporters/xlsxExporter.js

@@ -0,0 +1,289 @@
+Ext.define('Coon.report.plugin.grid.exporters.xlsxExporter', {
+
+    defaultFieldType: 'string',
+
+    constructor(cfg) {
+        Ext.apply(this, cfg);
+    },
+
+    getExporter(filename) {
+        // Coon.perf.clearAll();
+        // const stopMeasure = Coon.perf.start('getExporter', true);
+        const exporter = Ext.create('Ext.exporter.excel.Xlsx', {
+            fileName: filename + '.xlsx',
+            tableHeaderStyle: this.tableHeaderStyle,
+        });
+        this.plugin.exporter = exporter;
+        exporter.excel = new Ext.exporter.file.ooxml.Excel({
+            properties: {
+                title: 'Лист 1',
+            },
+        });
+
+        exporter.worksheet = exporter.excel.addWorksheet({
+            name: 'Лист 1',
+        });
+        this.prepareData();
+
+        const {headerRows, dataRows, footerRows} =
+            this.collectGridDataAsObject(this.getSelected(), exporter.excel);
+        const tableHeaderRows = this.getTableHeaderRows(exporter);
+        const summaryRows = this.getSummaryRows(exporter.excel);
+        exporter.jsonData = [...headerRows, ...tableHeaderRows, ...dataRows, ...summaryRows, ...footerRows];
+        exporter.getContent = this.getContent.bind(exporter, this);
+        // Coon.log.debug(
+        //     Coon.perf.getLog(stopMeasure())
+        // );
+        return exporter;
+    },
+
+    getContent: function() {
+        const me = this;
+        const config = this.getConfig();
+        me.tableHeaderStyleId = me.excel.addCellStyle(config.tableHeaderStyle);
+        me.worksheet.beginRowRendering();
+        if (this.jsonData) {
+            this.jsonData.forEach((row) => {
+                me.worksheet.addRow().addCell(row);
+            });
+        }
+        me.worksheet.endRowRendering();
+        me.columnStylesNormal = me.columnStylesNormalId = me.columnStylesFooter = null;
+        me.columnStylesFooterId = me.headerStyles = me.footerStyles = null;
+
+        return me.excel.render();
+    },
+
+    collectGridDataAsObject: function(selections, workbook) {
+        // const stopMeasure = Coon.perf.start('collectGridDataAsObject', true);
+        const dataRows = [];
+        let headerRows = [];
+        let footerRows = [];
+        const grid = this.getCmp();
+        const columnModel = grid.getColumns().reduce((acc, column) => {
+            if (!column.hidden) {
+                acc.push(column);
+            }
+            return acc;
+        }, []);
+        const columnCount = columnModel.length;
+        if (this.addHeader === true) {
+            headerRows = this.collectHeaderJson(columnCount, workbook);
+        }
+        if (this.addFilters === true) {
+            headerRows = headerRows.concat(
+                this.collectFiltersJson(columnCount, workbook)
+            );
+        }
+        if (this.headerXlsx) {
+            headerRows = headerRows.concat(this.parseJsEditorObj(this.headerXlsx, workbook));
+        }
+        const dataIndexToColumn = {};
+        const visibleColumns = [];
+        const columnIndexToDataIndex = [];
+
+        for (let idx = 0; idx < columnCount; idx++) {
+            const el = columnModel[idx];
+            if (el.dataIndex) {
+                visibleColumns.push(idx);
+                columnIndexToDataIndex[idx] = el.dataIndex;
+                dataIndexToColumn[el.dataIndex] = columnModel[idx];
+            }
+        }
+        const fieldTypes = this.getCmp().getStore().getModel().getFields().reduce((acc, field) => {
+            acc.set(field.name, field.type || this.defaultFieldType);
+            return acc;
+        }, new Map());
+
+        this.localData = {
+            fieldTypes,
+            grid,
+            visibleColumns,
+            columnIndexToDataIndex,
+            columnModel,
+            dataIndexToColumn,
+            workbook,
+        };
+
+        selections.forEach(function(record, idx) {
+            dataRows.push(
+                this.collectColumns({
+                    record,
+                    idx,
+                })
+            );
+        }, this);
+        if (this.footerXlsx) {
+            footerRows = this.parseJsEditorObj(this.footerXlsx, workbook);
+        }
+        // Coon.log.debug(
+        //     Coon.perf.getLog(stopMeasure())
+        // );
+        // Coon.log.debug(
+        //     Coon.perf.getLog('mergeDeep', 6)
+        // );
+        // Coon.log.debug(
+        //     Coon.perf.getLog('collectColumns', 5)
+        // );
+
+        return {headerRows, dataRows, footerRows};
+    },
+
+    /**
+     * Формируем заголовок
+     * @returns {Object[] || []}
+     */
+    collectHeaderJson: function(columnCount, workbook) {
+        const reportPanel = this.getCmp().up('ReportPanel');
+        const result = [];
+        // Работа с отображением выгрузок
+        if (this.addHeader === true) {
+            result.push({
+                value: reportPanel.title,
+                mergeAcross: columnCount || 1,
+                styleId: workbook.addCellStyle({
+                    font: {
+                        bold: true,
+                        size: 17,
+                    },
+                }),
+            });
+        }
+        return result;
+    },
+
+    /**
+     * Собираем фильтры
+     * @returns {string}
+     */
+    collectFiltersJson: function(columnCount, workbook) {
+        const reportPanel = this.getCmp().up('ReportPanel');
+        const result = [];
+        if (this.addFilters === true) {
+            result.push({
+                value: 'Используемые фильтры:',
+                mergeAcross: columnCount || 1,
+                styleId: workbook.addCellStyle({
+                    font: {
+                        bold: true,
+                        size: 13,
+                        color: '#a6a4a4',
+                    },
+                }),
+            });
+
+            const customXtype = ['SimpleReportTag'];
+            const filterComponents = function(comp) {
+                return Ext.getClassName(comp) !== 'Ext.form.field.Display' &&
+                    !Ext.isEmpty(comp.getValue()) &&
+                    comp.xtype !== 'CustomValueCheckBox'; // todo: как-то узнать, почему нельзя этот компонент вывести в файл
+            };
+            const renderFilterConditions = function(filter) {
+                if (customXtype.includes(filter.xtype)) {
+                    let tmp = '';
+                    filter.valueCollection.items.forEach(function(it) {
+                        tmp = tmp + it.getData()[filter.getDisplayField()];
+                    });
+                    result.push({
+                        value: filter.fieldLabel + ': ' + tmp,
+                        mergeAcross: columnCount || 1,
+                        styleId: workbook.addCellStyle({
+                            font: {
+                                color: '#a6a4a4',
+                            },
+                        }),
+                    });
+                } else if (!filter.initialConfig.hidden) {
+                    const label = (Ext.getClassName(filter) === 'Ext.form.field.Checkbox') ?
+                        filter.boxLabel || filter.fieldLabel :
+                        filter.fieldLabel;
+
+                    const rawValue = Ext.isBoolean(filter.getRawValue()) ? filter.getRawValue() ? 'Да' : 'Нет' :
+                        filter.getRawValue();
+                    result.push({
+                        value: label + ': ' + rawValue,
+                        mergeAcross: columnCount || 1,
+                        styleId: workbook.addCellStyle({
+                            font: {
+                                bold: true,
+                            },
+                        }),
+                    });
+                }
+            };
+            reportPanel.filterContainer.query('field')
+                .filter(filterComponents)
+                .forEach(renderFilterConditions);
+        }
+        return result;
+    },
+
+    /**
+     * Собираем поля
+     * @returns {string}
+     */
+    collectColumns: function({record, idx}) {
+        // const stopMeasure = Coon.perf.startSerie('collectColumns');
+        const {grid, visibleColumns, columnIndexToDataIndex, columnModel, dataIndexToColumn, workbook} = this.localData;
+        const result = [];
+        visibleColumns.forEach(function(columnIndex) {
+            const columnConfig = columnModel[columnIndex];
+            if (columnConfig.ignoreExport) {
+                return;
+            }
+
+            const dataIndex = columnIndexToDataIndex[columnIndex];
+            const renderer = columnConfig.renderer;
+            const exportRenderer = columnConfig.exportRenderer;
+            const valueType = this.localData.fieldTypes.get(dataIndex);// getValueType(dataIndex, 'string');
+
+
+            const value = typeof (exportRenderer || renderer) === 'function' ?
+                (exportRenderer || renderer).call(
+                    dataIndexToColumn[dataIndex],
+                    record.get(dataIndex),
+                    {column: columnConfig},
+                    record,
+                    idx,
+                    columnIndex,
+                    grid.getStore(),
+                    grid.getView()
+                ) :
+                record.data[dataIndex] || '';
+            // const stopMeasure1 = Coon.perf.startSerie('getRowStyleXlsx');
+            let styles = this.getRowStyleXlsx(grid, record, workbook);
+            // stopMeasure1();
+            const col = {value: this.getRenderedValue(value, valueType) || ''};
+            // const stopMeasure = Coon.perf.startSerie('mergeDeep');
+            styles = this.mergeDeep(styles, this.allBordersStyle);
+            // stopMeasure();
+            if (valueType === 'float') {
+                let precision = Number(columnConfig.precision);
+                if (!Number.isInteger(precision)) {
+                    precision = Number(this.getConfig('floatPrecision') || this.defaultFloatPrecision);
+                }
+                styles = this.mergeDeep(styles, {format: precision !== 0 ? '0.'.padEnd(precision + 2, '0') : '0'});
+                if (col['value'].length) {
+                    col['value'] = parseFloat(col['value'].replace(/\s/g, '').replace(',', '.'));
+                }
+            }
+
+            if (this.isNotEmptyStyle(styles)) {
+                col['styleId'] = workbook.addCellStyle(styles);
+            }
+
+            result.push(JSON.parse(JSON.stringify(col)));
+        }, this);
+        return result;
+    },
+
+    isNotEmptyStyle (styles) {
+        return Object.values(styles).find((el) => {
+            if (Ext.isObject(el) && Object.keys(el)[0]) {
+                return true;
+            } else if (!Ext.isObject(el) && el !== null && el !== undefined) {
+                return true;
+            }
+        });
+    },
+});

package/src/version.js

@@ -1,4 +1,4 @@
 Ext.define('Coon.version', {
     singleton: true,
-    number: '2.8.25',
+    number: '2.8.27',
 });