@visactor/vtable 0.20.4-alpha.1 → 0.20.4-alpha.3

package/dist/vtable.js

@@ -52618,6 +52618,118 @@
         return high < 0 ? 0 : high;
     }
 
+    class CustomCellStylePlugin {
+        table;
+        customCellStyle;
+        customCellStyleArrangement;
+        constructor(table, customCellStyle, customCellStyleArrangement) {
+            this.table = table;
+            this.customCellStyle = customCellStyle;
+            this.customCellStyleArrangement = customCellStyleArrangement;
+        }
+        getCustomCellStyle(col, row) {
+            const customStyleId = this.getCustomCellStyleId(col, row);
+            if (customStyleId) {
+                const styleOption = this.getCustomCellStyleOption(customStyleId);
+                return styleOption.style;
+            }
+            return undefined;
+        }
+        getCustomCellStyleId(col, row) {
+            let customStyleId;
+            this.customCellStyleArrangement.forEach(style => {
+                if (style.range) {
+                    if (style.range.start.col <= col &&
+                        style.range.end.col >= col &&
+                        style.range.start.row <= row &&
+                        style.range.end.row >= row) {
+                        customStyleId = style.customStyleId;
+                    }
+                }
+                else if (style.col === col && style.row === row) {
+                    customStyleId = style.customStyleId;
+                }
+            });
+            return customStyleId;
+        }
+        getCustomCellStyleOption(customStyleId) {
+            return this.customCellStyle.find(style => style.id === customStyleId);
+        }
+        registerCustomCellStyle(customStyleId, customStyle) {
+            const index = this.customCellStyle.findIndex(style => style.id === customStyleId);
+            if (index === -1) {
+                this.customCellStyle.push({
+                    id: customStyleId,
+                    style: customStyle
+                });
+            }
+            else {
+                this.customCellStyle[index] = {
+                    id: customStyleId,
+                    style: customStyle
+                };
+            }
+            this.customCellStyleArrangement.forEach(cellPos => {
+                if (cellPos.customStyleId === customStyleId) {
+                    if (cellPos.range) {
+                        for (let col = cellPos.range.start.col; col <= cellPos.range.end.col; col++) {
+                            for (let row = cellPos.range.start.row; row <= cellPos.range.end.row; row++) {
+                                this.table.scenegraph.updateCellContent(col, row);
+                            }
+                        }
+                    }
+                    else {
+                        this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
+                    }
+                }
+            });
+            this.table.scenegraph.updateNextFrame();
+        }
+        arrangeCustomCellStyle(cellPos, customStyleId) {
+            const index = this.customCellStyleArrangement.findIndex(style => {
+                if (style.range && cellPos.range) {
+                    return (style.range.start.col === cellPos.range.start.col &&
+                        style.range.start.row === cellPos.range.start.row &&
+                        style.range.end.col === cellPos.range.end.col &&
+                        style.range.end.row === cellPos.range.end.row);
+                }
+                return style.col === cellPos.col && style.row === cellPos.row;
+            });
+            if (index === -1) {
+                this.customCellStyleArrangement.push({
+                    customStyleId: customStyleId,
+                    col: cellPos.col,
+                    row: cellPos.row,
+                    range: cellPos.range
+                });
+            }
+            else {
+                this.customCellStyleArrangement[index].customStyleId = customStyleId;
+            }
+            if (cellPos.range) {
+                for (let col = cellPos.range.start.col; col <= cellPos.range.end.col; col++) {
+                    for (let row = cellPos.range.start.row; row <= cellPos.range.end.row; row++) {
+                        this.table.scenegraph.updateCellContent(col, row);
+                    }
+                }
+            }
+            else {
+                this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
+            }
+            this.table.scenegraph.updateNextFrame();
+        }
+    }
+    function mergeStyle(cacheStyle, customCellStyle) {
+        cacheStyle = cacheStyle.clone();
+        for (const key in customCellStyle) {
+            const value = customCellStyle[key];
+            if (value) {
+                cacheStyle[`_${key}`] = value;
+            }
+        }
+        return cacheStyle;
+    }
+
     const { toBoxArray } = style;
     const { isTouchEvent } = event;
     const rangeReg = /^\$(\d+)\$(\d+)$/;
@@ -52648,7 +52760,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.20.4-alpha.1";
+        version = "0.20.4-alpha.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -52657,6 +52769,7 @@
         container;
         isReleased = false;
         _chartEventMap = {};
+        customCellStylePlugin;
         constructor(container, options = {}) {
             super();
             if (!container && options.mode !== 'node') {
@@ -52797,6 +52910,7 @@
             this.bodyBottomStyleCache = new Map();
             internalProps.stick = { changedCells: new Map() };
             internalProps.customMergeCell = options.customMergeCell;
+            this.customCellStylePlugin = new CustomCellStylePlugin(this, options.customCellStyle ?? [], options.customCellStyleArrangement ?? []);
         }
         throttleInvalidate = throttle2(this.render.bind(this), 200);
         getContainer() {
@@ -54318,6 +54432,7 @@
             return table.internalProps.dataSource?.hasField(index, field);
         }
         _getCellStyle(col, row) {
+            const customCellStyle = this.customCellStylePlugin.getCustomCellStyle(col, row);
             const { layoutMap } = this.internalProps;
             const isHeader = layoutMap.isHeader(col, row);
             if (isHeader) {
@@ -54335,6 +54450,9 @@
                 }
                 let cacheStyle = this.headerStyleCache.get(cacheKey);
                 if (cacheStyle) {
+                    if (customCellStyle) {
+                        return mergeStyle(cacheStyle, customCellStyle);
+                    }
                     return cacheStyle;
                 }
                 const hd = layoutMap.getHeader(col, row);
@@ -54400,6 +54518,9 @@
                     }, styleClass, this.options.autoWrapText, this.theme);
                 }
                 this.headerStyleCache.set(cacheKey, cacheStyle);
+                if (customCellStyle) {
+                    return mergeStyle(cacheStyle, customCellStyle);
+                }
                 return cacheStyle;
             }
             let cacheKey;
@@ -54419,6 +54540,9 @@
                 cacheStyle = this.bodyStyleCache.get(cacheKey);
             }
             if (cacheStyle) {
+                if (customCellStyle) {
+                    return mergeStyle(cacheStyle, customCellStyle);
+                }
                 return cacheStyle;
             }
             const column = layoutMap.getBody(col, row);
@@ -54444,6 +54568,9 @@
                     this.bodyStyleCache.set(cacheKey, cacheStyle);
                 }
             }
+            if (customCellStyle) {
+                return mergeStyle(cacheStyle, customCellStyle);
+            }
             return cacheStyle;
         }
         clearCellStyleCache() {
@@ -54994,6 +55121,12 @@
                 }
             }
         }
+        registerCustomCellStyle(customStyleId, customStyle) {
+            this.customCellStylePlugin.registerCustomCellStyle(customStyleId, customStyle);
+        }
+        arrangeCustomCellStyle(cellPos, customStyleId) {
+            this.customCellStylePlugin.arrangeCustomCellStyle(cellPos, customStyleId);
+        }
     }
 
     var core = /*#__PURE__*/Object.freeze({
@@ -64157,7 +64290,7 @@
     }
 
     registerForVrender();
-    const version = "0.20.4-alpha.1";
+    const version = "0.20.4-alpha.3";
     function getIcons() {
         return get$2();
     }