新版430前端
blame | 历史 | 补丁 | 提交 | 提交对比 | 显示空白
zhuzhuanzhuan
2023-08-09 856ec5148e36fcdf4a832ba72565703503a138ef 
 src/components/table2excel/table2excel.js


@@ -1,5 +1,5 @@


/*


 *  jQuery table2excel - v1.0.2


 *  jQuery table2excel - v1.1.2


 *  jQuery plugin to export an .xls file in browser from an HTML table


 *  https://github.com/rainabba/jquery-table2excel


 *


@@ -8,12 +8,18 @@


 */


//table2excel.js


import jQuery from 'jquery'


;(function ( $, window, document, undefined ) {


(function ( $, window, document, undefined ) {


   var pluginName = "table2excel",




   defaults = {


      exclude: ".noExl",


             name: "Table2Excel"


      name: "Table2Excel",


      filename: "table2excel",


      fileext: ".xls",


      exclude_img: true,


      exclude_links: true,


      exclude_inputs: true,


      preserveColors: true


   };




   // The actual plugin constructor


@@ -34,8 +40,9 @@


      init: function () {


         var e = this;




      var utf8Heading = "<meta http-equiv=\"content-type\" content=\"application/vnd.ms-excel; charset=UTF-8\">";


         e.template = {


            head: "<html xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:x=\"urn:schemas-microsoft-com:office:excel\" xmlns=\"http://www.w3.org/TR/REC-html40\"><head><meta charset=\"UTF-8\"><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets>",


        head: "<html xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:x=\"urn:schemas-microsoft-com:office:excel\" xmlns=\"http://www.w3.org/TR/REC-html40\">" + utf8Heading + "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets>",


            sheet: {


               head: "<x:ExcelWorksheet><x:Name>",


               tail: "</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>"


@@ -50,29 +57,83 @@




         e.tableRows = [];




      // Styling variables


      var additionalStyles = "";


      var compStyle = null;




         // get contents of table except for exclude


         $(e.element).each( function(i,o) {


            var tempRows = "";


            $(o).find("tr").not(e.settings.exclude).each(function (i,o) {


               tempRows += "<tr align='center' valign='center'>" + $(o).html() + "</tr>";


            });


            e.tableRows.push(tempRows);


        $(o).find("tr").not(e.settings.exclude).each(function (i,p) {




          // Reset for this row


          additionalStyles = "";




          // Preserve background and text colors on the row


          if(e.settings.preserveColors){


            compStyle = getComputedStyle(p);


            additionalStyles += (compStyle && compStyle.backgroundColor ? "background-color: " + compStyle.backgroundColor + ";" : "");


            additionalStyles += (compStyle && compStyle.color ? "color: " + compStyle.color + ";" : "");


          }




          // Create HTML for Row


          tempRows += "<tr style='" + additionalStyles + "'>";




          // Loop through each TH and TD


          $(p).find("td,th").not(e.settings.exclude).each(function (i,q) { // p did not exist, I corrected




            // Reset for this column


            additionalStyles = "";




            // Preserve background and text colors on the row


            if(e.settings.preserveColors){


              compStyle = getComputedStyle(q);


              additionalStyles += (compStyle && compStyle.backgroundColor ? "background-color: " + compStyle.backgroundColor + ";" : "");


              additionalStyles += (compStyle && compStyle.color ? "color: " + compStyle.color + ";" : "");


            }




            var rc = {


              rows: $(this).attr("rowspan"),


              cols: $(this).attr("colspan"),


              flag: $(q).find(e.settings.exclude)


            };




            if( rc.flag.length > 0 ) {


              tempRows += "<td> </td>"; // exclude it!!


            } else {


              tempRows += "<td";


              if( rc.rows > 0) {


                tempRows += " rowspan='" + rc.rows + "' ";


              }


              if( rc.cols > 0) {


                tempRows += " colspan='" + rc.cols + "' ";


              }


              if(additionalStyles){


                tempRows += " style='" + additionalStyles + "'";


              }


              tempRows += ">" + $(q).html() + "</td>";


            }


         });




          tempRows += "</tr>";




        });


         // exclude img tags


            if(e.settings.exclude_img) {


                e.tableRows[0] = exclude_img(e.tableRows[0]);


          tempRows = exclude_img(tempRows);


            }




            // exclude link tags


            if(e.settings.exclude_links) {


                e.tableRows[0] = exclude_links(e.tableRows[0]);


          tempRows = exclude_links(tempRows);


            }




            // exclude input tags


            if(e.settings.exclude_inputs) {


                e.tableRows[0] = exclude_inputs(e.tableRows[0])


          tempRows = exclude_inputs(tempRows);


            }


        e.tableRows.push(tempRows);


      });




         e.tableToExcel(e.tableRows, e.settings.name, e.settings.sheetName);


      },


@@ -80,35 +141,35 @@


      tableToExcel: function (table, name, sheetName) {


         var e = this, fullTemplate="", i, link, a;




         e.uri = "data:application/vnd.ms-excel;base64,";


         e.base64 = function (s) {


            return window.btoa(unescape(encodeURIComponent(s)));


         };


         e.format = function (s, c) {


            return s.replace(/{(\w+)}/g, function (m, p) {


               return c[p];


            });


         };




      sheetName = typeof sheetName === "undefined" ? "Sheet" : sheetName;




         e.ctx = {


            worksheet: name || "Worksheet",


            table: table


        table: table,


        sheetName: sheetName


         };




         fullTemplate= e.template.head;




         if ( $.isArray(table) ) {


            for (i in table) {


        Object.keys(table).forEach(function(i){


               //fullTemplate += e.template.sheet.head + "{worksheet" + i + "}" + e.template.sheet.tail;


               fullTemplate += e.template.sheet.head + sheetName + e.template.sheet.tail;


            }


          fullTemplate += e.template.sheet.head + sheetName + i + e.template.sheet.tail;


        });


         }




         fullTemplate += e.template.mid;




         if ( $.isArray(table) ) {


            for (i in table) {


        Object.keys(table).forEach(function(i){


               fullTemplate += e.template.table.head + "{table" + i + "}" + e.template.table.tail;


            }


        });


         }




         fullTemplate += e.template.foot;


@@ -118,11 +179,12 @@


         }


         delete e.ctx.table;






           if (typeof msie !== "undefined" && msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer


           {


      var isIE = navigator.appVersion.indexOf("MSIE 10") !== -1 || (navigator.userAgent.indexOf("Trident") !== -1 && navigator.userAgent.indexOf("rv:11") !== -1); // this works with IE10 and IE11 both :)


      //if (typeof msie !== "undefined" && msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // this works ONLY with IE 11!!!


      if (isIE) {


               if (typeof Blob !== "undefined") {


                   //use blobs if we can


          fullTemplate = e.format(fullTemplate, e.ctx); // with this, works with IE


                   fullTemplate = [fullTemplate];


                   //convert to array


                   var blob1 = new Blob(fullTemplate, { type: "text/html" });


@@ -131,42 +193,64 @@


                   //otherwise use the iframe and save


                   //requires a blank iframe on page called txtArea1


                   txtArea1.document.open("text/html", "replace");


                   txtArea1.document.write(fullTemplate);


          txtArea1.document.write(e.format(fullTemplate, e.ctx));


                   txtArea1.document.close();


                   txtArea1.focus();


                   sa = txtArea1.document.execCommand("SaveAs", true, getFileName(e.settings) );


               }




           } else {


               link = e.uri + e.base64(e.format(fullTemplate, e.ctx));


        var blob = new Blob([e.format(fullTemplate, e.ctx)], {type: "application/vnd.ms-excel"});


        window.URL = window.URL || window.webkitURL;


        link = window.URL.createObjectURL(blob);


            a = document.createElement("a");


            a.download = getFileName(e.settings);


            a.href = link;




        document.body.appendChild(a);




            a.click();




        document.body.removeChild(a);


           }




         return true;




      }


   };




   function getFileName(settings) {


      return ( settings.filename ? settings.filename : "table2excel") + ".xls";


    return ( settings.filename ? settings.filename : "table2excel" );


   }




   // Removes all img tags


   function exclude_img(string) {


      return string.replace(/<img[^>]*>/gi,"");


    var _patt = /(\s+alt\s*=\s*"([^"]*)"|\s+alt\s*=\s*'([^']*)')/i;


    return string.replace(/<img[^>]*>/gi, function myFunction(x){


      var res = _patt.exec(x);


      if (res !== null && res.length >=2) {


        return res[2];


      } else {


        return "";


      }


    });


   }




   // Removes all link tags


   function exclude_links(string) {


      return string.replace(/<A[^>]*>|<\/A>/g, "");


    return string.replace(/<a[^>]*>|<\/a>/gi, "");


   }




   // Removes input params


   function exclude_inputs(string) {


      return string.replace(/<input[^>]*>|<\/input>/gi, "");


    var _patt = /(\s+value\s*=\s*"([^"]*)"|\s+value\s*=\s*'([^']*)')/i;


    return string.replace(/<input[^>]*>|<\/input>/gi, function myFunction(x){


      var res = _patt.exec(x);


      if (res !== null && res.length >=2) {


        return res[2];


      } else {


        return "";


      }


    });


   }




   $.fn[ pluginName ] = function ( options ) {