px-jspreadsheet-ce 0.0.5 → 0.0.7

package/dist/index.d.ts

@@ -1503,6 +1503,8 @@ declare namespace jspreadsheet {
          */
         deleteWorksheet: (position: number) => void;
 
+        updateWorksheet: (options: WorksheetOptions) => void;
+
         /**
          * Remove all merged cells.
          */

package/dist/index.js

@@ -1773,7 +1773,10 @@ 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);
+            }
         }
     }
 
@@ -1784,12 +1787,12 @@ const createCell = function (i, j, value) {
 
     if (obj.options.freezeRows > j) {
         td.classList.add('jss_frozen_row');
-        td.style.top = (0,_internalHelpers_js__WEBPACK_IMPORTED_MODULE_7__/* .getFreezeRowTop */ .bI)(j, obj.options.rows);
+        td.style.top = (0,_internalHelpers_js__WEBPACK_IMPORTED_MODULE_7__/* .getFreezeRowTop */ .bI)(j, obj.options.rows, obj.options.defaultRowHeight);
     }
 
     if (obj.options.freezeColumns > i) {
         td.classList.add('jss_frozen');
-        td.style.left = (0,_internalHelpers_js__WEBPACK_IMPORTED_MODULE_7__/* .getFreezeColumnLeft */ .FD)(i, obj.options.columns);
+        td.style.left = (0,_internalHelpers_js__WEBPACK_IMPORTED_MODULE_7__/* .getFreezeColumnLeft */ .FD)(i, obj.options.columns, obj.options.defaultColWidth);
     }
 
     // Text align
@@ -3538,23 +3541,23 @@ const getColumnNameFromId = function (cellId) {
  * 获取静态的左侧距离
  *
  */
-const getFreezeColumnLeft = function (colNumber, columns) {
+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';
 };
 
-const getFreezeRowTop = function (rowNumber, rows) {
+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';
@@ -10280,6 +10283,7 @@ const isReadOnly = function (x, y) {
 
 
 
+
 
 
 const setWorksheetFunctions = function (worksheet) {
@@ -10293,7 +10297,7 @@ const setWorksheetFunctions = function (worksheet) {
 const createTable = function () {
     let obj = this;
 
-    setWorksheetFunctions(obj);
+    setWorksheetFunctions(obj); // ??
 
     // Elements
     obj.table = document.createElement('table');
@@ -10555,6 +10559,57 @@ const createTable = function () {
     }
 };
 
+// check scope
+const isCellRange = (str) => /\w+:[\w-]/.test(str);
+const getCellRange = (str, size = 1) => {
+    // 'A3:-'
+    if (str.endsWith(':-')) {
+        const [start] = str.split(':');
+        const startCoord = (0,helpers.getCoordsFromCellName)(start);
+        return [...startCoord, size - 1, startCoord[1]];
+    }
+
+    return (0,helpers.getCoordsFromRange)(str);
+};
+
+/**
+ * 将对象中的范围键（如 "A1:C1"）展开为独立单元格键
+ * @param {Object} targetMap - 需要处理的目标对象 (如 obj.options.cells 或 obj.options.style)
+ * @param {Object} size - 表格尺寸数据 (getCellRange 需要用到)
+ */
+const expandRangeProperties = (targetMap, size) => {
+    // 1. 边界检查：如果对象为空，直接返回
+    if (!targetMap) return;
+
+    // 2. 获取所有键并筛选出是范围格式的键
+    const rangeKeys = Object.keys(targetMap).filter(isCellRange);
+
+    rangeKeys.forEach((key) => {
+        const val = targetMap[key]; // 获取该范围对应的值 (样式或数据)
+        const range = getCellRange(key, size); // 解析范围 [sx, sy, ex, ey]
+
+        const [sx, sy, ex, ey] = range;
+
+        // 3. 优化逻辑：使用双重循环。
+        // 原代码分别处理行和列，双重循环可以同时涵盖：
+        // - 单行 (sy === ey)
+        // - 单列 (sx === ex)
+        // - 矩形区域 (既跨行也跨列，如 A1:B2)
+        for (let x = sx; x <= ex; x++) {
+            for (let y = sy; y <= ey; y++) {
+                const cellName = (0,helpers.getCellNameFromCoords)(x, y);
+                // 只有当目标单元格不存在或是为了覆盖时赋值
+                // 这里直接赋值，保留原值引用的逻辑
+                targetMap[cellName] = val;
+            }
+        }
+
+        // 可选：展开后是否需要删除原始的范围 key？
+        // 如果不需要保留 "A1:B1" 这种键，可以解开下面这行的注释
+        delete targetMap[key];
+    });
+};
+
 /**
  * Prepare the jspreadsheet table
  *
@@ -10639,6 +10694,10 @@ const prepareTable = function () {
         }
     }
 
+    // cells
+    expandRangeProperties(obj.options.cells, size);
+    // style
+    expandRangeProperties(obj.options.style, size);
     // Create the table when is ready
     if (!multiple.length) {
         createTable.call(obj);
@@ -10679,7 +10738,7 @@ const buildWorksheet = async function () {
     }
 
     libraryBase.jspreadsheet.current = obj;
-
+    // prepareTable
     const promises = [];
 
     // Load the table data based on an CSV file
@@ -10808,8 +10867,62 @@ const deleteWorksheet = function (position) {
     obj.parent.element.tabs.remove(position);
 
     const removedWorksheet = obj.parent.worksheets.splice(position, 1)[0];
-
     dispatch/* default */.A.call(obj.parent, 'ondeleteworksheet', removedWorksheet, position);
+
+    // 卸载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;
+    }
+
+    obj.textarea.remove();
+    obj.textarea = null;
+
+    if (obj.element) {
+        delete obj.element.jssWorksheet;
+        delete obj.element.jspreadsheet;
+        obj.element = null;
+    }
+
+    obj.headers = null;
+    obj.cols = null;
+    obj.records = null;
+    obj.options = null;
+
+    Object.keys(obj).forEach((key) => {
+        if (Object.hasOwn(obj, key)) {
+            obj[key] = null;
+        }
+    });
+};
+
+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 = [
@@ -10929,6 +11042,7 @@ const worksheetPublicMethods = [
     ['createWorksheet', createWorksheet],
     ['openWorksheet', openWorksheet],
     ['deleteWorksheet', deleteWorksheet],
+    ['updateWorksheet', updateWorksheet],
     [
         'copy',
         function (cut) {
@@ -11027,6 +11141,7 @@ const createWorksheets = async function (spreadsheet, options, el) {
 
         let sheetNumber = 1;
 
+        // worksheetName
         for (let i = 0; i < o.length; i++) {
             if (!o[i].worksheetName) {
                 o[i].worksheetName = 'Sheet' + sheetNumber++;
@@ -11043,10 +11158,12 @@ const createWorksheets = async function (spreadsheet, options, el) {
 
         const tabs = jSuites.tabs(el, tabsOptions);
 
+        // global style
         const spreadsheetStyles = options.style;
         delete options.style;
 
         for (let i = 0; i < o.length; i++) {
+            // handle global style
             if (o[i].style) {
                 Object.entries(o[i].style).forEach(function ([cellName, value]) {
                     if (typeof value === 'number') {
@@ -11063,6 +11180,7 @@ const createWorksheets = async function (spreadsheet, options, el) {
                 formula: [],
                 history: [],
                 selection: [],
+                vueApps: [],
                 historyIndex: -1,
             });
 
@@ -11074,6 +11192,7 @@ const createWorksheets = async function (spreadsheet, options, el) {
 };
 
 factory.spreadsheet = async function (el, options, worksheets) {
+    // html table
     if (el.tagName == 'TABLE') {
         if (!options) {
             options = {};
@@ -11181,7 +11300,6 @@ factory.worksheet = function (spreadsheet, options, position) {
 
 ;// ./src/index.js
 
-// import './jspreadsheet.css';
 
 
 
@@ -11241,6 +11359,8 @@ libraryBase.jspreadsheet.destroy = function (element, destroyEventHandlers) {
     if (element.spreadsheet) {
         const spreadsheetIndex = libraryBase.jspreadsheet.spreadsheet.indexOf(element.spreadsheet);
         libraryBase.jspreadsheet.spreadsheet.splice(spreadsheetIndex, 1);
+        element.spreadsheet.worksheets.forEach((sheet, idx) => sheet.deleteWorksheet(idx));
+        element.spreadsheet.worksheets = null;
 
         const root = element.spreadsheet.config.root || document;
 
@@ -11259,6 +11379,8 @@ libraryBase.jspreadsheet.destroyAll = function () {
 
         libraryBase.jspreadsheet.destroy(spreadsheet.element);
     }
+    libraryBase.jspreadsheet.current = null;
+    libraryBase.jspreadsheet.spreadsheet = [];
 };
 
 libraryBase.jspreadsheet.current = null;