@visactor/vtable-plugins 1.20.0-alpha.4 → 1.20.0

package/dist/vtable-plugins.js

@@ -742,7 +742,15 @@
     const EnvContribution = Symbol.for("EnvContribution");
     const VGlobal = Symbol.for("VGlobal");
 
-    class Application {}
+    const container = new Container();
+
+    const RenderService = Symbol.for("RenderService");
+
+    class Application {
+      get renderService() {
+        return this._renderService || (this._renderService = container.get(RenderService)), this._renderService;
+      }
+    }
     const application = new Application();
 
     let idx = 0;
@@ -4712,8 +4720,6 @@
     };
     DefaultTextMeasureContribution = __decorate$p([injectable()], DefaultTextMeasureContribution);
 
-    const container = new Container();
-
     const CanvasFactory = Symbol.for("CanvasFactory");
 
     function wrapCanvas(params) {
@@ -11404,7 +11410,6 @@
           decorator(target, key, paramIndex);
         };
       };
-    const RenderService = Symbol.for("RenderService");
     let DefaultRenderService = class {
       constructor(drawContribution) {
         this.drawContribution = drawContribution;
@@ -12293,8 +12298,6 @@
     application.transformUtil = transformUtil;
     const graphicService = container.get(GraphicService);
     application.graphicService = graphicService;
-    const renderService = container.get(RenderService);
-    application.renderService = renderService;
     const layerService = container.get(LayerService);
     application.layerService = layerService;
 
@@ -94885,9 +94888,76 @@ ${recordsStr}
                 colSeriesNumberHeight: pluginOptions.colSeriesNumberHeight,
                 rowSeriesNumberGenerate: pluginOptions.rowSeriesNumberGenerate,
                 colSeriesNumberGenerate: pluginOptions.colSeriesNumberGenerate,
-                rowSeriesNumberCellStyle: pluginOptions.rowSeriesNumberCellStyle,
-                colSeriesNumberCellStyle: pluginOptions.colSeriesNumberCellStyle,
-                cornerCellStyle: pluginOptions.cornerCellStyle
+                rowSeriesNumberCellStyle: Object.assign({
+                    text: {
+                        fontSize: 14,
+                        fill: '#7A7A7A',
+                        pickable: false,
+                        textAlign: 'left',
+                        textBaseline: 'middle',
+                        padding: [2, 4, 2, 4]
+                    },
+                    borderLine: {
+                        stroke: '#D9D9D9',
+                        lineWidth: 1,
+                        pickable: false
+                    },
+                    bgColor: '#F9F9F9',
+                    states: {
+                        hover: {
+                            fill: '#c8daf6',
+                            opacity: 0.7
+                        },
+                        select: {
+                            fill: '#c8daf6',
+                            opacity: 1
+                        }
+                    }
+                }, pluginOptions.rowSeriesNumberCellStyle),
+                colSeriesNumberCellStyle: Object.assign({
+                    text: {
+                        fontSize: 14,
+                        fill: '#7A7A7A',
+                        pickable: false,
+                        textAlign: 'left',
+                        textBaseline: 'middle',
+                        padding: [2, 4, 2, 4]
+                    },
+                    borderLine: {
+                        stroke: '#D9D9D9',
+                        lineWidth: 1,
+                        pickable: false
+                    },
+                    bgColor: '#F9F9F9',
+                    states: {
+                        hover: {
+                            fill: '#c8daf6',
+                            opacity: 0.7
+                        },
+                        select: {
+                            fill: '#c8daf6',
+                            opacity: 1
+                        }
+                    }
+                }, pluginOptions.colSeriesNumberCellStyle),
+                cornerCellStyle: Object.assign({
+                    borderLine: {
+                        stroke: '#D9D9D9',
+                        lineWidth: 1,
+                        pickable: false
+                    },
+                    bgColor: '#F9F9F9',
+                    states: {
+                        hover: {
+                            fill: '#98C8A5',
+                            opacity: 0.7
+                        },
+                        select: {
+                            fill: '#98C8A5',
+                            opacity: 1
+                        }
+                    }
+                }, pluginOptions.cornerCellStyle)
             });
             this.listenComponentEvents();
         }
@@ -96842,22 +96912,20 @@ ${recordsStr}
             this.pluginOptions.filterIcon = pluginOptions.filterIcon ?? {
                 name: 'filter-icon',
                 type: 'svg',
-                width: 20,
-                height: 20,
-                marginRight: 6,
+                width: 12,
+                height: 12,
                 positionType: VTable__namespace.TYPES.IconPosition.right,
                 cursor: 'pointer',
-                svg: '<svg t="1752821809070" class="icon" viewBox="0 0 1664 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12092" width="200" height="200"><path d="M89.6 179.2A89.6 89.6 0 0 1 89.6 0h1408a89.6 89.6 0 0 1 0 179.2H89.6z m256 384a89.6 89.6 0 0 1 0-179.2h896a89.6 89.6 0 0 1 0 179.2h-896z m256 384a89.6 89.6 0 0 1 0-179.2h384a89.6 89.6 0 0 1 0 179.2h-384z" fill="#333333" p-id="12093"></path></svg>'
+                svg: '<svg t="1752821809070" class="icon" viewBox="0 0 1664 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12092" width="200" height="200"><path d="M89.6 179.2A89.6 89.6 0 0 1 89.6 0h1408a89.6 89.6 0 0 1 0 179.2H89.6z m256 384a89.6 89.6 0 0 1 0-179.2h896a89.6 89.6 0 0 1 0 179.2h-896z m256 384a89.6 89.6 0 0 1 0-179.2h384a89.6 89.6 0 0 1 0 179.2h-384z" fill="#93a2b9" p-id="12093"></path></svg>'
             };
             this.pluginOptions.filteringIcon = pluginOptions.filteringIcon ?? {
                 name: 'filtering-icon',
                 type: 'svg',
-                width: 20,
-                height: 20,
-                marginRight: 6,
+                width: 12,
+                height: 12,
                 positionType: VTable__namespace.TYPES.IconPosition.right,
                 cursor: 'pointer',
-                svg: '<svg t="1752821771292" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11926" width="200" height="200"><path d="M971.614323 53.05548L655.77935 412.054233C635.196622 435.434613 623.906096 465.509377 623.906096 496.583302v495.384307c0 28.975686-35.570152 43.063864-55.353551 21.781723l-159.865852-171.256294c-5.495389-5.895053-8.59279-13.688514-8.592789-21.781722V496.583302c0-31.073925-11.290526-61.148688-31.873254-84.429153L52.385677 53.05548C34.200936 32.472751 48.888611 0 76.365554 0h871.268892c27.476943 0 42.164618 32.472751 23.979877 53.05548z" p-id="11927"></path></svg>'
+                svg: '<svg t="1752821771292" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11926" width="200" height="200"><path d="M971.614323 53.05548L655.77935 412.054233C635.196622 435.434613 623.906096 465.509377 623.906096 496.583302v495.384307c0 28.975686-35.570152 43.063864-55.353551 21.781723l-159.865852-171.256294c-5.495389-5.895053-8.59279-13.688514-8.592789-21.781722V496.583302c0-31.073925-11.290526-61.148688-31.873254-84.429153L52.385677 53.05548C34.200936 32.472751 48.888611 0 76.365554 0h871.268892c27.476943 0 42.164618 32.472751 23.979877 53.05548z" fill="#416eff" p-id="11927"></path></svg>'
             };
             if (!this.pluginOptions.filterModes || !this.pluginOptions.filterModes.length) {
                 this.pluginOptions.filterModes = ['byValue', 'byCondition'];