@visactor/vtable-plugins 1.11.1

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC","file":"index.js","sourcesContent":["export * from './carousel-animation';\nexport * from './invert-highlight';\nexport * from './header-highlight';\n"]}

package/es/invert-highlight.d.ts

@@ -0,0 +1,18 @@
+import type { Group } from '@visactor/vtable/es/scenegraph/graphic/group';
+import type { CellRange } from '@visactor/vtable/es/ts-types';
+import type { BaseTableAPI } from '@visactor/vtable/es/ts-types/base-table';
+export interface InvertHighlightPluginOptions {
+    fill?: string;
+    opacity?: number;
+}
+export declare class InvertHighlightPlugin {
+    table: BaseTableAPI;
+    range?: CellRange;
+    _fill: string;
+    _opacity: number;
+    constructor(table: BaseTableAPI, options?: InvertHighlightPluginOptions);
+    setInvertHighlightRange(range?: CellRange): void;
+    deleteAllCellGroupShadow(): void;
+    updateCellGroupShadow(): void;
+    updateCellGroupShadowInContainer(container: Group, range?: CellRange): void;
+}

package/es/invert-highlight.js

@@ -0,0 +1,57 @@
+import { createRect } from "@visactor/vtable/es/vrender";
+
+import { isSameRange } from "@visactor/vtable/es/tools/cell-range";
+
+import { cellInRange } from "@visactor/vtable/es/tools/helper";
+
+export class InvertHighlightPlugin {
+    constructor(table, options) {
+        var _a, _b;
+        this.table = table, this._fill = null !== (_a = null == options ? void 0 : options.fill) && void 0 !== _a ? _a : "#000", 
+        this._opacity = null !== (_b = null == options ? void 0 : options.opacity) && void 0 !== _b ? _b : .5;
+    }
+    setInvertHighlightRange(range) {
+        isSameRange(this.range, range) || (this.range = range, range ? this.updateCellGroupShadow() : this.deleteAllCellGroupShadow(), 
+        this.table.scenegraph.updateNextFrame());
+    }
+    deleteAllCellGroupShadow() {
+        this.table.isPivotTable() || (this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup), 
+        this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup)), 
+        this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup), this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup), 
+        this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup), 
+        this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup);
+    }
+    updateCellGroupShadow() {
+        this.table.isPivotTable() || (this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup, this.range), 
+        this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup, this.range)), 
+        this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup, this.range), 
+        this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup, this.range), 
+        this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup), 
+        this.range, this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup, this.range);
+    }
+    updateCellGroupShadowInContainer(container, range) {
+        container.forEachChildrenSkipChild((item => {
+            const column = item;
+            "column" === column.role && column.forEachChildrenSkipChild((item => {
+                const cell = item;
+                if ("cell" !== cell.role) return;
+                cell.attachShadow(cell.shadowRoot);
+                const shadowGroup = cell.shadowRoot;
+                if (range) {
+                    if (cellInRange(range, cell.col, cell.row)) shadowGroup.removeAllChild(); else if (!shadowGroup.firstChild) {
+                        const shadowRect = createRect({
+                            x: 0,
+                            y: 0,
+                            width: cell.attribute.width,
+                            height: cell.attribute.height,
+                            fill: this._fill,
+                            opacity: this._opacity
+                        });
+                        shadowRect.name = "shadow-rect", shadowGroup.appendChild(shadowRect);
+                    }
+                } else shadowGroup.removeAllChild();
+            }));
+        }));
+    }
+}
+//# sourceMappingURL=invert-highlight.js.map

package/es/invert-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["invert-highlight.ts"],"names":[],"mappings":"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","file":"invert-highlight.js","sourcesContent":["import type { INode } from '@visactor/vtable/es/vrender';\nimport { createRect } from '@visactor/vtable/es/vrender';\nimport type { Group } from '@visactor/vtable/es/scenegraph/graphic/group';\nimport { isSameRange } from '@visactor/vtable/es/tools/cell-range';\nimport type { CellRange } from '@visactor/vtable/es/ts-types';\nimport type { BaseTableAPI } from '@visactor/vtable/es/ts-types/base-table';\nimport { cellInRange } from '@visactor/vtable/es/tools/helper';\n\nexport interface InvertHighlightPluginOptions {\n  fill?: string;\n  opacity?: number;\n}\n\nexport class InvertHighlightPlugin {\n  table: BaseTableAPI;\n  range?: CellRange;\n  _fill: string;\n  _opacity: number;\n\n  constructor(table: BaseTableAPI, options?: InvertHighlightPluginOptions) {\n    this.table = table;\n\n    this._fill = options?.fill ?? '#000';\n    this._opacity = options?.opacity ?? 0.5;\n  }\n\n  setInvertHighlightRange(range?: CellRange) {\n    if (isSameRange(this.range, range)) {\n      return;\n    }\n\n    this.range = range;\n    if (!range) {\n      // reset highlight\n      this.deleteAllCellGroupShadow();\n    } else {\n      // update highlight\n      this.updateCellGroupShadow();\n    }\n\n    this.table.scenegraph.updateNextFrame();\n  }\n\n  deleteAllCellGroupShadow() {\n    if (!this.table.isPivotTable()) {\n      this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup);\n      this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup);\n    }\n    this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup);\n    this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup);\n    this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup);\n    this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup);\n  }\n\n  updateCellGroupShadow() {\n    if (!this.table.isPivotTable()) {\n      this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup, this.range);\n      this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup, this.range);\n    }\n    this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup, this.range);\n    this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup, this.range);\n    this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup), this.range;\n    this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup, this.range);\n  }\n  updateCellGroupShadowInContainer(container: Group, range?: CellRange) {\n    container.forEachChildrenSkipChild((item: INode) => {\n      const column = item as unknown as Group;\n      if (column.role === 'column') {\n        column.forEachChildrenSkipChild((item: INode) => {\n          const cell = item as unknown as Group;\n          if (cell.role !== 'cell') {\n            return;\n          }\n          cell.attachShadow(cell.shadowRoot);\n          const shadowGroup = cell.shadowRoot;\n          if (!range) {\n            // no highlight\n            shadowGroup.removeAllChild();\n          } else if (cellInRange(range, cell.col, cell.row)) {\n            // inside highlight\n            shadowGroup.removeAllChild();\n          } else if (!shadowGroup.firstChild) {\n            // outside highlight\n            const shadowRect = createRect({\n              x: 0,\n              y: 0,\n              width: cell.attribute.width,\n              height: cell.attribute.height,\n              fill: this._fill,\n              opacity: this._opacity\n            });\n            shadowRect.name = 'shadow-rect';\n            shadowGroup.appendChild(shadowRect);\n          }\n        });\n      }\n    });\n  }\n}\n"]}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@visactor/vtable-plugins",
+  "version": "1.11.1",
+  "description": "The search util of VTable",
+  "author": {
+    "name": "VisActor",
+    "url": "https://VisActor.io/"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "cjs/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "cjs",
+    "es",
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "require": "./cjs/index.js",
+      "import": "./es/index.js"
+    }
+  },
+  "scripts": {
+    "start": "vite ./demo",
+    "build": "bundle --clean"
+  },
+  "unpkg": "latest",
+  "unpkgFiles": [
+    "dist/vtable-exporter.js"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@visactor/vutils": "~0.18.14"
+  },
+  "peerDependencies": {
+    "@visactor/vtable": "workspace:*"
+  },
+  "devDependencies": {
+    "@visactor/vchart": "1.12.12",
+    "@internal/bundler": "workspace:*",
+    "@internal/eslint-config": "workspace:*",
+    "@internal/ts-config": "workspace:*",
+    "@rushstack/eslint-patch": "~1.1.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "3.1.0",
+    "eslint": "~8.18.0",
+    "vite": "3.2.6",
+    "typescript": "4.9.5",
+    "@babel/core": "7.20.12",
+    "@babel/preset-env": "7.20.2",
+    "@types/chai": "4.2.22",
+    "@types/jest": "^26.0.0",
+    "@types/mocha": "9.0.0",
+    "@types/node": "*",
+    "@types/offscreencanvas": "2019.6.4",
+    "chai": "4.3.4",
+    "jest": "^26.0.0",
+    "jest-electron": "^0.1.12",
+    "jest-transform-stub": "^2.0.0",
+    "magic-string": "^0.25.7",
+    "mocha": "9.1.3",
+    "postcss": "8.4.21",
+    "rimraf": "3.0.2",
+    "sass": "1.43.5",
+    "ts-jest": "^26.0.0",
+    "ts-loader": "9.2.6",
+    "ts-node": "10.9.0",
+    "tslib": "2.3.1",
+    "ttypescript": "1.5.13",
+    "typescript-transform-paths": "3.3.1",
+    "json-formatter-js": "^2.3.4",
+    "inversify": "6.0.1",
+    "vite-plugin-markdown": "^2.1.0",
+    "markdown-it": "^13.0.0",
+    "node-fetch": "2.6.7",
+    "form-data": "~4.0.0",
+    "axios": "^1.4.0",
+    "@types/react-is": "^17.0.3",
+    "rollup-plugin-node-resolve": "5.2.0"
+  }
+}