px-jspreadsheet-ce 0.0.4 → 0.0.6

package/dist/index.d.ts

@@ -972,6 +972,8 @@ declare namespace jspreadsheet {
          */
         classes?: Record<string, string>;
 
+        cells?: Record<string, Omit<Column, 'width'>>;
+
         /**
          * Allow column dragging.
          * @default true
@@ -1501,6 +1503,8 @@ declare namespace jspreadsheet {
          */
         deleteWorksheet: (position: number) => void;
 
+        updateWorksheet: (options: WorksheetOptions) => void;
+
         /**
          * Remove all merged cells.
          */

package/package.json

@@ -6,7 +6,7 @@
     "main": "dist/index.js",
     "module": "src/index.js",
     "types": "dist/index.d.ts",
-    "version": "0.0.4",
+    "version": "0.0.6",
     "exports": {
         ".": {
             "import": "./src/index.js",

package/src/index.js

@@ -78,6 +78,8 @@ libraryBase.jspreadsheet.destroyAll = function () {
 
         libraryBase.jspreadsheet.destroy(spreadsheet.element);
     }
+    libraryBase.jspreadsheet.current = null;
+    libraryBase.jspreadsheet.spreadsheet = [];
 };
 
 libraryBase.jspreadsheet.current = null;

package/src/utils/factory.js

@@ -102,6 +102,7 @@ const createWorksheets = async function (spreadsheet, options, el) {
                 formula: [],
                 history: [],
                 selection: [],
+                vueApps: [],
                 historyIndex: -1,
             });
 

package/src/utils/internal.js

@@ -494,7 +494,10 @@ export const createCell = function (i, j, value) {
             td.innerHTML = value;
         }
         if (typeof config.type.createCell == 'function') {
-            config.type.createCell(td, value, parseInt(i), parseInt(j), obj, config);
+            const result = config.type.createCell(td, value, parseInt(i), parseInt(j), obj, config);
+            if (result && typeof result.mount === 'function' && typeof result.unmount === 'function') {
+                obj.vueApps.push(result);
+            }
         }
     }
 
@@ -505,12 +508,12 @@ export const createCell = function (i, j, value) {
 
     if (obj.options.freezeRows > j) {
         td.classList.add('jss_frozen_row');
-        td.style.top = getFreezeRowTop(j, obj.options.rows);
+        td.style.top = getFreezeRowTop(j, obj.options.rows, obj.options.defaultRowHeight);
     }
 
     if (obj.options.freezeColumns > i) {
         td.classList.add('jss_frozen');
-        td.style.left = getFreezeColumnLeft(i, obj.options.columns);
+        td.style.left = getFreezeColumnLeft(i, obj.options.columns, obj.options.defaultColWidth);
     }
 
     // Text align

package/src/utils/internalHelpers.js

@@ -73,23 +73,23 @@ export const getColumnNameFromId = function (cellId) {
  * 获取静态的左侧距离
  *
  */
-export const getFreezeColumnLeft = function (colNumber, columns) {
+export const getFreezeColumnLeft = function (colNumber, columns, defaultWidth) {
     let left = 50; // 距离左侧的位置
     while (colNumber > 0) {
         const obj = columns[colNumber - 1]; // 左侧单元格
         if (obj.type !== 'hidden') {
-            left += parseInt(obj.width);
+            left += parseInt(obj.width || defaultWidth);
         }
         colNumber -= 1;
     }
     return left + 'px';
 };
 
-export const getFreezeRowTop = function (rowNumber, rows) {
+export const getFreezeRowTop = function (rowNumber, rows, defaultHeight) {
     let top = 30; // 距离顶部的位置
     while (rowNumber > 0) {
         const obj = rows[rowNumber - 1]; // 左侧单元格
-        top += parseInt(obj.height);
+        top += parseInt(obj.height || defaultHeight);
         rowNumber -= 1;
     }
     return top + 'px';

package/src/utils/worksheets.js

@@ -635,31 +635,62 @@ export const deleteWorksheet = function (position) {
     const removedWorksheet = obj.parent.worksheets.splice(position, 1)[0];
     dispatch.call(obj.parent, 'ondeleteworksheet', removedWorksheet, position);
 
-    removedWorksheet.content.onscroll = null;
-    removedWorksheet.content.onwheel = null;
-    removedWorksheet.searchInput.onfocus = null;
-    removedWorksheet.paginationDropdown && (removedWorksheet.paginationDropdown.onchange = null);
+    // 卸载vue实例
+    obj.vueApps.forEach(function (app) {
+        app.unmount();
+    });
+
+    obj.content.onscroll = null;
+    obj.content.onwheel = null;
+    obj.searchInput.onfocus = null;
+    if (obj.paginationDropdown) {
+        obj.paginationDropdown.onchange = null;
+    }
 
-    removedWorksheet.textarea.remove();
-    removedWorksheet.textarea = null;
+    obj.textarea.remove();
+    obj.textarea = null;
 
-    if (removedWorksheet.element) {
-        delete removedWorksheet.element.jssWorksheet;
-        delete removedWorksheet.element.jspreadsheet;
+    if (obj.element) {
+        delete obj.element.jssWorksheet;
+        delete obj.element.jspreadsheet;
+        obj.element = null;
     }
 
-    removedWorksheet.headers = null;
-    removedWorksheet.cols = null;
-    removedWorksheet.records = null;
-    removedWorksheet.options = null;
+    obj.headers = null;
+    obj.cols = null;
+    obj.records = null;
+    obj.options = null;
 
-    Object.keys(removedWorksheet).forEach((key) => {
-        if (Object.hasOwn(removedWorksheet, key)) {
-            removedWorksheet[key] = null;
+    Object.keys(obj).forEach((key) => {
+        if (Object.hasOwn(obj, key)) {
+            obj[key] = null;
         }
     });
 };
 
+export const updateWorksheet = function (options) {
+    const obj = this;
+
+    // Reset selection
+    obj.resetSelection();
+
+    // 卸载vue实例
+    obj.vueApps.forEach(function (app) {
+        app.unmount();
+    });
+    obj.vueApps = [];
+
+    obj.element.removeChild(obj.content);
+    obj.element.removeChild(obj.pagination);
+    obj.element.removeChild(obj.ads);
+
+    obj.options = options;
+    obj.history = [];
+    obj.historyIndex = -1;
+    // Prepare table
+    prepareTable.call(obj);
+};
+
 const worksheetPublicMethods = [
     ['selectAll', selectAll],
     [
@@ -777,6 +808,7 @@ const worksheetPublicMethods = [
     ['createWorksheet', createWorksheet],
     ['openWorksheet', openWorksheet],
     ['deleteWorksheet', deleteWorksheet],
+    ['updateWorksheet', updateWorksheet],
     [
         'copy',
         function (cut) {