@gingkoo/base-server 0.0.2-alpha.2 → 0.0.2-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gingkoo/base-server",
-  "version": "0.0.2-alpha.2",
+  "version": "0.0.2-alpha.3",
   "description": "",
   "main": "app.js",
   "scripts": {

package/static/excel/excel.js

@@ -1,23 +1,81 @@
 // /fss/resources/share/1__2701fc.xlsx
 // https://minio.cnbabylon.com/public/luckysheet/money-manager-2.xlsx
-const getUrlParams = () => {
-  let params = {};
-  let url = location.href;
-  let index = url.lastIndexOf('?');
+function getUrlParams() {
+  var params = {};
+  var url = location.href;
+  var index = url.lastIndexOf('?');
   if (~index) {
     url
       .slice(index + 1)
       .split('&')
       .forEach((v) => {
-        let item = v.split('=');
+        var item = v.split('=');
         params[item[0]] = item[1];
       });
   }
   return params;
-};
+}
+
+var params = getUrlParams();
+var fileurl = decodeURIComponent(params.url);
 
-let params = getUrlParams();
-let fileurl = decodeURIComponent(params.url);
+var defaultOptions = {
+  title: '',
+  lang: 'zh', // 设定表格语言
+  gridKey: 'excel-1', //
+  showinfobar: false, // 顶部信息栏
+  showtoolbar: false, // 工具栏
+  showstatisticBar: false, // 底部计数栏
+  showstatisticBarConfig: false,
+  userInfo: false,
+  enableAddRow: false,
+  enableAddCol: false,
+  addRowCount: false,
+  sheetBottomConfig: false, // sheet页下方的添加行按钮和回到顶部按钮配置
+  showtoolbar: false,
+  autoCalc: true,
+  autoCalcType: ['label'],
+  allowEdit: false, // 只读 文字
+  allowMode: false, // 只读 样式
+  enableAddRow: false, // 允许添加行
+  enableAddBackTop: false, // 允许回到顶部
+  devicePixelRatio: window.devicePixelRatio || 5, // 设备比例，比例越大表格分辨率越高
+  cellRightClickConfig: {
+    // 自定义配置单元格右击菜单
+    copy: false, // 复制
+    copyAs: false, // 复制为
+    paste: false, // 粘贴
+    insertRow: false, // 插入行
+    insertColumn: false, // 插入列
+    deleteRow: false, // 删除选中行
+    deleteColumn: false, // 删除选中列
+    deleteCell: false, // 删除单元格
+    hideRow: false, // 隐藏选中行和显示选中行
+    hideColumn: false, // 隐藏选中列和显示选中列
+    rowHeight: false, // 行高
+    columnWidth: false, // 列宽
+    clear: false, // 清除内容
+    matrix: false, // 矩阵操作选区
+    sort: false, // 排序选区
+    filter: false, // 筛选选区
+    chart: false, // 图表生成
+    image: false, // 插入图片
+    link: false, // 插入链接
+    data: false, // 数据验证
+    cellFormat: false, // 设置单元格格式
+    defaultFontSize: 11, // 默认11 默认字体大小
+  },
+  showsheetbar: true, // 是否显示底部sheet页按钮
+  showsheetbarConfig: {
+    // 自定义配置底部sheet页按钮
+    add: false, //新增sheet
+    menu: false, //sheet管理菜单
+    sheet: true, //sheet页显示
+  },
+  rowHeaderWidth: 46, // 默认 46 行标题区域的宽度，如果设置为0，则表示隐藏行标题
+  columnHeaderHeight: 20, // 默认20 列标题区域的高度，如果设置为0，则表示隐藏列标题
+  sheetFormulaBar: true, // 是否显示公式栏
+};
 
 var page = {
   // 读取二进制流文件内容，转换成html
@@ -48,7 +106,7 @@ var page = {
         return;
       }
 
-      let suffix = '';
+      var suffix = '';
       if (fileurl && /^.*\/[^/]+\.[^/]+$/.test(fileurl)) {
         suffix = fileurl.slice(fileurl.lastIndexOf('.') + 1);
       }
@@ -75,7 +133,70 @@ var page = {
   },
 };
 
-var loadLuckySheet = (exportJson) => {
+function transform(sheet) {
+  let finalCellData = [];
+  // let sheet = data?.[0] || null;
+  let sheetCelldata = sheet?.celldata || [];
+  if (!sheetCelldata.length) return data;
+
+  let sheetColumn = sheet.column < 60 ? 60 : sheet.column;
+  let sheetRow = sheet.row < 84 ? 84 : sheet.row;
+
+  // 兼容window电脑字体 模糊问题
+  finalCellData = sheetCelldata.map((cell) => {
+    if (cell.v.fs < 12) {
+      cell.v.ff = '微软雅黑';
+      cell.v.fs = 12;
+      cell.v.tb = 2; // tb 为2会卡顿
+      cell.v.vt = 1;
+      cell.v.ht = 1;
+      if (cell.v?.ct?.s) {
+        cell.v.ct.s.map((v) => {
+          v.ff = '微软雅黑';
+          v.fs = 12;
+        });
+      }
+      return cell;
+    }
+    return cell;
+  });
+
+  if (params.cut) {
+    // 隐藏多余空格
+    let row = 0,
+      col = 0;
+    finalCellData.forEach((cell) => {
+      if (cell.v?.m || cell.v?.v || cell.v.ct?.fa?.s) {
+        col = col < cell.c ? cell.c : col;
+        row = row < cell.r ? cell.r : row;
+      }
+    });
+    finalCellData = finalCellData.filter((cell) => cell.c <= col && cell.r <= row);
+    sheetColumn = col + 1;
+    sheetRow = row + 1;
+  }
+
+  return {
+    ...sheet,
+    celldata: finalCellData.map((cell) => {
+      let { v } = cell;
+      v = v || {};
+      let { tb, ...rest } = v;
+      return {
+        ...cell,
+        v: {
+          ...rest,
+          tb: 0,
+        },
+      };
+    }),
+    data: [],
+    column: sheetColumn,
+    row: sheetRow,
+  };
+}
+
+var loadLuckySheet = function (exportJson) {
   if (exportJson.sheets == null || exportJson.sheets.length == 0) {
     alert('无法读取excel文件的内容，当前不支持xls文件!');
     return;
@@ -83,31 +204,15 @@ var loadLuckySheet = (exportJson) => {
 
   window.luckysheet.destroy();
   window.luckysheet.create({
+    ...defaultOptions,
     container: 'luckysheet',
-    data: exportJson.sheets,
-    lang: 'zh',
-    title: '',
-    userInfo: false,
-    showinfobar: false,
-    showstatisticBar: false,
-    enableAddRow: false,
-    enableAddCol: false,
-    addRowCount: false,
-    enableAddBackTop: false,
-    sheetBottomConfig: false, // sheet页下方的添加行按钮和回到顶部按钮配置
-    allowEdit: false, // 是否允许前台编辑——edit
-    showtoolbar: false,
-    showstatisticBarConfig: false,
-    showsheetbarConfig: {
-      add: false, //新增sheet
-      menu: false, //sheet管理菜单
-      sheet: true, //sheet页显示
-    },
+    data: exportJson.sheets.map((v) => transform(v)),
+
     hook: {
       workbookCreateAfter() {
         setTimeout(() => {
-          let c = document.querySelectorAll('#luckysheet-sheet-container-c>div');
-          let ids = [];
+          var c = document.querySelectorAll('#luckysheet-sheet-container-c>div');
+          var ids = [];
 
           Array.from(c).forEach((v) => {
             if (ids.includes(v.id)) {
@@ -121,7 +226,7 @@ var loadLuckySheet = (exportJson) => {
   });
 };
 
-page.getFileInfo((file) => {
+page.getFileInfo(function (file) {
   if (file.ext == 'xlsx') {
     LuckyExcel.transformExcelToLucky(file.content, function (exportJson, luckysheetfile) {
       loadLuckySheet(exportJson);