luckytool

Luckytool

基于luckysheet开发的 表格模板替换(packtable)、excel文件导出(exportExcel,xlsx格式)。

一个 Luckysheet 表格插件。

安装

npm install luckytool

注：

由于luckysheet的insertImage方法个人改动，使用insertEChart的时候，务必引入修改后的文件: github地址：https://github.com/Bingle2020/luckysheet-dist.git

<link rel='stylesheet' href='./luckysheet-dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='./luckysheet-dist/plugins/plugins.css' />
<link rel='stylesheet' href='./luckysheet-dist/css/luckysheet.css' />
<link rel='stylesheet' href='./luckysheet-dist/assets/iconfont/iconfont.css' />
<script src="./luckysheet-dist/plugins/js/plugin.js"></script>
<script src="./luckysheet-dist/luckysheet.umd.js"></script>

目录

• 引入
• 表格模板替换
• 插入echarts
• excel文件导出
• 更新说明

引入⬆

import { packtable,insertEChart,exportExcel } from 'luckytool';

• 当前第三方包都是通过方法参数传入方式，如$、luckysheet、echarts.

表格模板替换⬆

import { packtable } from 'luckytool';

const apiData = await httpApiData();
const optionData = packtable(apiData, initOptionData); // apiData为接口请求数据，initOptionData是luckysheet的option里的一个data数组元素，在packtable方法内部将表格变量替换为接口真是数据返回
this.option.data = [optionData];
luckysheet.create(this.option);

插入echarts⬆

import { insertEChart } from 'luckytool';

luckysheet.create(option);
const sheetData = luckysheet.getSheet();
setTimeout(() => {
  insertEChart({
    selector: "#container", /** 当前luckysheet容器选择器(带前缀) */
    info,
    /** 
      {
        id: 1, // 唯一id
        pos: [1, 1], // eCharts插入的单元格横、纵坐标
        className: "chart", // 给定eCharts容器的className，自定义
        chart: null, // 创建的eCharts实例
        option // eCharts图形配置选项
      }
    */
    sheet, /** luckysheet最新位置信息，通过luckysheet.getSheet()获得 */
    optionData, /** luckysheet最新的option.data数组元素 */
    echarts, /** echarts类 */
    luckysheet, /** luckysheet */
    $ /** jQuery */
  });
}, 200);

excel文件导出⬆

import { exportExcel } from 'luckytool';

exportExcel(luckysheet /** 表格实例 */, luckysheet.getAllSheets()[0].name /** 导出excel名字 */, ExcelJS /** exceljs类 */).then((res) => {
    console.log("result==>", res);
}).catch((err) => {});

更新说明⬆

• 2022.12.16 更新dist静态资源地址，从github上拉取下来引入(v1.0.11)