px-jspreadsheet-ce 0.0.1

package/src/utils/internalHelpers.js

@@ -0,0 +1,96 @@
+import { getColumnName } from './helpers.js';
+
+/**
+ * Helper injectArray
+ */
+export const injectArray = function (o, idx, arr) {
+    if (idx <= o.length) {
+        return o.slice(0, idx).concat(arr).concat(o.slice(idx));
+    }
+
+    const array = o.slice(0, o.length);
+
+    while (idx > array.length) {
+        array.push(undefined);
+    }
+
+    return array.concat(arr);
+};
+
+/**
+ * Convert excel like column to jss id
+ *
+ * @param string id
+ * @return string id
+ */
+export const getIdFromColumnName = function (id, arr) {
+    // Get the letters
+    const t = /^[a-zA-Z]+/.exec(id);
+
+    if (t) {
+        // Base 26 calculation
+        let code = 0;
+        for (let i = 0; i < t[0].length; i++) {
+            code += parseInt(t[0].charCodeAt(i) - 64) * Math.pow(26, t[0].length - 1 - i);
+        }
+        code--;
+        // Make sure jss starts on zero
+        if (code < 0) {
+            code = 0;
+        }
+
+        // Number
+        let number = parseInt(/[0-9]+$/.exec(id));
+        if (number > 0) {
+            number--;
+        }
+
+        if (arr == true) {
+            id = [code, number];
+        } else {
+            id = code + '-' + number;
+        }
+    }
+
+    return id;
+};
+
+/**
+ * Convert jss id to excel like column name
+ *
+ * @param string id
+ * @return string id
+ */
+export const getColumnNameFromId = function (cellId) {
+    if (!Array.isArray(cellId)) {
+        cellId = cellId.split('-');
+    }
+
+    return getColumnName(parseInt(cellId[0])) + (parseInt(cellId[1]) + 1);
+};
+
+/**
+ * 获取静态的左侧距离
+ *
+ */
+export const getFreezeColumnLeft = function (colNumber, columns) {
+    let left = 50; // 距离左侧的位置
+    while (colNumber > 0) {
+        const obj = columns[colNumber - 1]; // 左侧单元格
+        if (obj.type !== 'hidden') {
+            left += parseInt(obj.width);
+        }
+        colNumber -= 1;
+    }
+    return left + 'px';
+};
+
+export const getFreezeRowTop = function (rowNumber, rows) {
+    let top = 30; // 距离顶部的位置
+    while (rowNumber > 0) {
+        const obj = rows[rowNumber - 1]; // 左侧单元格
+        top += parseInt(obj.height);
+        rowNumber -= 1;
+    }
+    return top + 'px';
+};

package/src/utils/keys.js

@@ -0,0 +1,406 @@
+import { updateScroll } from './internal.js';
+import { loadDown, loadPage, loadUp, loadValidation } from './lazyLoading.js';
+
+const upGet = function (x, y) {
+    const obj = this;
+
+    x = parseInt(x);
+    y = parseInt(y);
+    for (let j = y - 1; j >= 0; j--) {
+        if (obj.records[j][x].element.style.display != 'none' && obj.rows[j].element.style.display != 'none') {
+            if (obj.records[j][x].element.getAttribute('data-merged')) {
+                if (obj.records[j][x].element == obj.records[y][x].element) {
+                    continue;
+                }
+            }
+            y = j;
+            break;
+        }
+    }
+
+    return y;
+};
+
+const upVisible = function (group, direction) {
+    const obj = this;
+
+    let x, y;
+
+    if (group == 0) {
+        x = parseInt(obj.selectedCell[0]);
+        y = parseInt(obj.selectedCell[1]);
+    } else {
+        x = parseInt(obj.selectedCell[2]);
+        y = parseInt(obj.selectedCell[3]);
+    }
+
+    if (direction == 0) {
+        for (let j = 0; j < y; j++) {
+            if (obj.records[j][x].element.style.display != 'none' && obj.rows[j].element.style.display != 'none') {
+                y = j;
+                break;
+            }
+        }
+    } else {
+        y = upGet.call(obj, x, y);
+    }
+
+    if (group == 0) {
+        obj.selectedCell[0] = x;
+        obj.selectedCell[1] = y;
+    } else {
+        obj.selectedCell[2] = x;
+        obj.selectedCell[3] = y;
+    }
+};
+
+export const up = function (shiftKey, ctrlKey) {
+    const obj = this;
+
+    if (shiftKey) {
+        if (obj.selectedCell[3] > 0) {
+            upVisible.call(obj, 1, ctrlKey ? 0 : 1);
+        }
+    } else {
+        if (obj.selectedCell[1] > 0) {
+            upVisible.call(obj, 0, ctrlKey ? 0 : 1);
+        }
+        obj.selectedCell[2] = obj.selectedCell[0];
+        obj.selectedCell[3] = obj.selectedCell[1];
+    }
+
+    // Update selection
+    obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+
+    // Change page
+    if (obj.options.lazyLoading == true) {
+        if (obj.selectedCell[1] == 0 || obj.selectedCell[3] == 0) {
+            loadPage.call(obj, 0);
+            obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+        } else {
+            if (loadValidation.call(obj)) {
+                obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+            } else {
+                const item = parseInt(obj.tbody.firstChild.getAttribute('data-y'));
+                if (obj.selectedCell[1] - item < 30) {
+                    loadUp.call(obj);
+                    obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+                }
+            }
+        }
+    } else if (obj.options.pagination > 0) {
+        const pageNumber = obj.whichPage(obj.selectedCell[3]);
+        if (pageNumber != obj.pageNumber) {
+            obj.page(pageNumber);
+        }
+    }
+
+    updateScroll.call(obj, 1);
+};
+
+export const rightGet = function (x, y) {
+    const obj = this;
+
+    x = parseInt(x);
+    y = parseInt(y);
+
+    for (let i = x + 1; i < obj.headers.length; i++) {
+        if (obj.records[y][i].element.style.display != 'none') {
+            if (obj.records[y][i].element.getAttribute('data-merged')) {
+                if (obj.records[y][i].element == obj.records[y][x].element) {
+                    continue;
+                }
+            }
+            x = i;
+            break;
+        }
+    }
+
+    return x;
+};
+
+const rightVisible = function (group, direction) {
+    const obj = this;
+
+    let x, y;
+
+    if (group == 0) {
+        x = parseInt(obj.selectedCell[0]);
+        y = parseInt(obj.selectedCell[1]);
+    } else {
+        x = parseInt(obj.selectedCell[2]);
+        y = parseInt(obj.selectedCell[3]);
+    }
+
+    if (direction == 0) {
+        for (let i = obj.headers.length - 1; i > x; i--) {
+            if (obj.records[y][i].element.style.display != 'none') {
+                x = i;
+                break;
+            }
+        }
+    } else {
+        x = rightGet.call(obj, x, y);
+    }
+
+    if (group == 0) {
+        obj.selectedCell[0] = x;
+        obj.selectedCell[1] = y;
+    } else {
+        obj.selectedCell[2] = x;
+        obj.selectedCell[3] = y;
+    }
+};
+
+export const right = function (shiftKey, ctrlKey) {
+    const obj = this;
+
+    if (shiftKey) {
+        if (obj.selectedCell[2] < obj.headers.length - 1) {
+            rightVisible.call(obj, 1, ctrlKey ? 0 : 1);
+        }
+    } else {
+        if (obj.selectedCell[0] < obj.headers.length - 1) {
+            rightVisible.call(obj, 0, ctrlKey ? 0 : 1);
+        }
+        obj.selectedCell[2] = obj.selectedCell[0];
+        obj.selectedCell[3] = obj.selectedCell[1];
+    }
+
+    obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+    updateScroll.call(obj, 2);
+};
+
+export const downGet = function (x, y) {
+    const obj = this;
+
+    x = parseInt(x);
+    y = parseInt(y);
+    for (let j = y + 1; j < obj.rows.length; j++) {
+        if (obj.records[j][x].element.style.display != 'none' && obj.rows[j].element.style.display != 'none') {
+            if (obj.records[j][x].element.getAttribute('data-merged')) {
+                if (obj.records[j][x].element == obj.records[y][x].element) {
+                    continue;
+                }
+            }
+            y = j;
+            break;
+        }
+    }
+
+    return y;
+};
+
+const downVisible = function (group, direction) {
+    const obj = this;
+
+    let x, y;
+
+    if (group == 0) {
+        x = parseInt(obj.selectedCell[0]);
+        y = parseInt(obj.selectedCell[1]);
+    } else {
+        x = parseInt(obj.selectedCell[2]);
+        y = parseInt(obj.selectedCell[3]);
+    }
+
+    if (direction == 0) {
+        for (let j = obj.rows.length - 1; j > y; j--) {
+            if (obj.records[j][x].element.style.display != 'none' && obj.rows[j].element.style.display != 'none') {
+                y = j;
+                break;
+            }
+        }
+    } else {
+        y = downGet.call(obj, x, y);
+    }
+
+    if (group == 0) {
+        obj.selectedCell[0] = x;
+        obj.selectedCell[1] = y;
+    } else {
+        obj.selectedCell[2] = x;
+        obj.selectedCell[3] = y;
+    }
+};
+
+export const down = function (shiftKey, ctrlKey) {
+    const obj = this;
+
+    if (shiftKey) {
+        if (obj.selectedCell[3] < obj.records.length - 1) {
+            downVisible.call(obj, 1, ctrlKey ? 0 : 1);
+        }
+    } else {
+        if (obj.selectedCell[1] < obj.records.length - 1) {
+            downVisible.call(obj, 0, ctrlKey ? 0 : 1);
+        }
+        obj.selectedCell[2] = obj.selectedCell[0];
+        obj.selectedCell[3] = obj.selectedCell[1];
+    }
+
+    obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+
+    // Change page
+    if (obj.options.lazyLoading == true) {
+        if (obj.selectedCell[1] == obj.records.length - 1 || obj.selectedCell[3] == obj.records.length - 1) {
+            loadPage.call(obj, -1);
+            obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+        } else {
+            if (loadValidation.call(obj)) {
+                obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+            } else {
+                const item = parseInt(obj.tbody.lastChild.getAttribute('data-y'));
+                if (item - obj.selectedCell[3] < 30) {
+                    loadDown.call(obj);
+                    obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+                }
+            }
+        }
+    } else if (obj.options.pagination > 0) {
+        const pageNumber = obj.whichPage(obj.selectedCell[3]);
+        if (pageNumber != obj.pageNumber) {
+            obj.page(pageNumber);
+        }
+    }
+
+    updateScroll.call(obj, 3);
+};
+
+const leftGet = function (x, y) {
+    const obj = this;
+
+    x = parseInt(x);
+    y = parseInt(y);
+    for (let i = x - 1; i >= 0; i--) {
+        if (obj.records[y][i].element.style.display != 'none') {
+            if (obj.records[y][i].element.getAttribute('data-merged')) {
+                if (obj.records[y][i].element == obj.records[y][x].element) {
+                    continue;
+                }
+            }
+            x = i;
+            break;
+        }
+    }
+
+    return x;
+};
+
+const leftVisible = function (group, direction) {
+    const obj = this;
+
+    let x, y;
+
+    if (group == 0) {
+        x = parseInt(obj.selectedCell[0]);
+        y = parseInt(obj.selectedCell[1]);
+    } else {
+        x = parseInt(obj.selectedCell[2]);
+        y = parseInt(obj.selectedCell[3]);
+    }
+
+    if (direction == 0) {
+        for (let i = 0; i < x; i++) {
+            if (obj.records[y][i].element.style.display != 'none') {
+                x = i;
+                break;
+            }
+        }
+    } else {
+        x = leftGet.call(obj, x, y);
+    }
+
+    if (group == 0) {
+        obj.selectedCell[0] = x;
+        obj.selectedCell[1] = y;
+    } else {
+        obj.selectedCell[2] = x;
+        obj.selectedCell[3] = y;
+    }
+};
+
+export const left = function (shiftKey, ctrlKey) {
+    const obj = this;
+
+    if (shiftKey) {
+        if (obj.selectedCell[2] > 0) {
+            leftVisible.call(obj, 1, ctrlKey ? 0 : 1);
+        }
+    } else {
+        if (obj.selectedCell[0] > 0) {
+            leftVisible.call(obj, 0, ctrlKey ? 0 : 1);
+        }
+        obj.selectedCell[2] = obj.selectedCell[0];
+        obj.selectedCell[3] = obj.selectedCell[1];
+    }
+
+    obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+    updateScroll.call(obj, 0);
+};
+
+export const first = function (shiftKey, ctrlKey) {
+    const obj = this;
+
+    if (shiftKey) {
+        if (ctrlKey) {
+            obj.selectedCell[3] = 0;
+        } else {
+            leftVisible.call(obj, 1, 0);
+        }
+    } else {
+        if (ctrlKey) {
+            obj.selectedCell[1] = 0;
+        } else {
+            leftVisible.call(obj, 0, 0);
+        }
+        obj.selectedCell[2] = obj.selectedCell[0];
+        obj.selectedCell[3] = obj.selectedCell[1];
+    }
+
+    // Change page
+    if (obj.options.lazyLoading == true && (obj.selectedCell[1] == 0 || obj.selectedCell[3] == 0)) {
+        loadPage.call(obj, 0);
+    } else if (obj.options.pagination > 0) {
+        const pageNumber = obj.whichPage(obj.selectedCell[3]);
+        if (pageNumber != obj.pageNumber) {
+            obj.page(pageNumber);
+        }
+    }
+
+    obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+    updateScroll.call(obj, 1);
+};
+
+export const last = function (shiftKey, ctrlKey) {
+    const obj = this;
+
+    if (shiftKey) {
+        if (ctrlKey) {
+            obj.selectedCell[3] = obj.records.length - 1;
+        } else {
+            rightVisible.call(obj, 1, 0);
+        }
+    } else {
+        if (ctrlKey) {
+            obj.selectedCell[1] = obj.records.length - 1;
+        } else {
+            rightVisible.call(obj, 0, 0);
+        }
+        obj.selectedCell[2] = obj.selectedCell[0];
+        obj.selectedCell[3] = obj.selectedCell[1];
+    }
+
+    // Change page
+    if (obj.options.lazyLoading == true && (obj.selectedCell[1] == obj.records.length - 1 || obj.selectedCell[3] == obj.records.length - 1)) {
+        loadPage.call(obj, -1);
+    } else if (obj.options.pagination > 0) {
+        const pageNumber = obj.whichPage(obj.selectedCell[3]);
+        if (pageNumber != obj.pageNumber) {
+            obj.page(pageNumber);
+        }
+    }
+
+    obj.updateSelectionFromCoords(obj.selectedCell[0], obj.selectedCell[1], obj.selectedCell[2], obj.selectedCell[3]);
+    updateScroll.call(obj, 3);
+};

package/src/utils/lazyLoading.js

@@ -0,0 +1,143 @@
+/**
+ * Go to a page in a lazyLoading
+ */
+export const loadPage = function (pageNumber) {
+    const obj = this;
+
+    // Search
+    let results;
+
+    if ((obj.options.search == true || obj.options.filters == true) && obj.results) {
+        results = obj.results;
+    } else {
+        results = obj.rows;
+    }
+
+    // Per page
+    const quantityPerPage = 100;
+
+    // pageNumber
+    if (pageNumber == null || pageNumber == -1) {
+        // Last page
+        pageNumber = Math.ceil(results.length / quantityPerPage) - 1;
+    }
+
+    let startRow = pageNumber * quantityPerPage;
+    let finalRow = pageNumber * quantityPerPage + quantityPerPage;
+    if (finalRow > results.length) {
+        finalRow = results.length;
+    }
+    startRow = finalRow - 100;
+    if (startRow < 0) {
+        startRow = 0;
+    }
+
+    // Appeding items
+    for (let j = startRow; j < finalRow; j++) {
+        if ((obj.options.search == true || obj.options.filters == true) && obj.results) {
+            obj.tbody.appendChild(obj.rows[results[j]].element);
+        } else {
+            obj.tbody.appendChild(obj.rows[j].element);
+        }
+
+        if (obj.tbody.children.length > quantityPerPage) {
+            obj.tbody.removeChild(obj.tbody.firstChild);
+        }
+    }
+};
+
+export const loadValidation = function () {
+    const obj = this;
+
+    if (obj.selectedCell) {
+        const currentPage = parseInt(obj.tbody.firstChild.getAttribute('data-y')) / 100;
+        const selectedPage = parseInt(obj.selectedCell[3] / 100);
+        const totalPages = parseInt(obj.rows.length / 100);
+
+        if (currentPage != selectedPage && selectedPage <= totalPages) {
+            if (!Array.prototype.indexOf.call(obj.tbody.children, obj.rows[obj.selectedCell[3]].element)) {
+                obj.loadPage(selectedPage);
+                return true;
+            }
+        }
+    }
+
+    return false;
+};
+
+export const loadUp = function () {
+    const obj = this;
+
+    // Search
+    let results;
+
+    if ((obj.options.search == true || obj.options.filters == true) && obj.results) {
+        results = obj.results;
+    } else {
+        results = obj.rows;
+    }
+    let test = 0;
+    if (results.length > 100) {
+        // Get the first element in the page
+        let item = parseInt(obj.tbody.firstChild.getAttribute('data-y'));
+        if ((obj.options.search == true || obj.options.filters == true) && obj.results) {
+            item = results.indexOf(item);
+        }
+        if (item > 0) {
+            for (let j = 0; j < 30; j++) {
+                item = item - 1;
+                if (item > -1) {
+                    if ((obj.options.search == true || obj.options.filters == true) && obj.results) {
+                        obj.tbody.insertBefore(obj.rows[results[item]].element, obj.tbody.firstChild);
+                    } else {
+                        obj.tbody.insertBefore(obj.rows[item].element, obj.tbody.firstChild);
+                    }
+                    if (obj.tbody.children.length > 100) {
+                        obj.tbody.removeChild(obj.tbody.lastChild);
+                        test = 1;
+                    }
+                }
+            }
+        }
+    }
+    return test;
+};
+
+export const loadDown = function () {
+    const obj = this;
+
+    // Search
+    let results;
+
+    if ((obj.options.search == true || obj.options.filters == true) && obj.results) {
+        results = obj.results;
+    } else {
+        results = obj.rows;
+    }
+    let test = 0;
+    if (results.length > 100) {
+        // Get the last element in the page
+        let item = parseInt(obj.tbody.lastChild.getAttribute('data-y'));
+        if ((obj.options.search == true || obj.options.filters == true) && obj.results) {
+            item = results.indexOf(item);
+        }
+        if (item < obj.rows.length - 1) {
+            for (let j = 0; j <= 30; j++) {
+                if (item < results.length) {
+                    if ((obj.options.search == true || obj.options.filters == true) && obj.results) {
+                        obj.tbody.appendChild(obj.rows[results[item]].element);
+                    } else {
+                        obj.tbody.appendChild(obj.rows[item].element);
+                    }
+                    if (obj.tbody.children.length > 100) {
+                        obj.tbody.removeChild(obj.tbody.firstChild);
+                        test = 1;
+                    }
+                }
+                item = item + 1;
+            }
+        }
+    }
+
+    return test;
+};

package/src/utils/libraryBase.js

@@ -0,0 +1,5 @@
+const lib = {
+    jspreadsheet: {},
+};
+
+export default lib;