[Auto release] release 0.15.0

common/config/rush/version-policies.json

@@ -1 +1 @@
-[{"definitionName":"lockStepVersion","policyName":"vgrammarMain","version":"0.14.18","mainProject":"@visactor/vgrammar-core","nextBump":"patch"}]
+[{"definitionName":"lockStepVersion","policyName":"vgrammarMain","version":"0.15.0","mainProject":"@visactor/vgrammar-core","nextBump":"minor"}]

docs/dev-demos/package.json

@@ -12,23 +12,23 @@
     "@internal/eslint-config": "workspace:*",
     "@internal/ts-config": "workspace:*",
     "@visactor/vutils": "~0.19.2",
-    "@visactor/vgrammar": "workspace:0.14.18",
-    "@visactor/vgrammar-core": "workspace:0.14.18",
-    "@visactor/vgrammar-hierarchy": "workspace:0.14.18",
-    "@visactor/vgrammar-sankey": "workspace:0.14.18",
-    "@visactor/vgrammar-projection": "workspace:0.14.18",
-    "@visactor/vgrammar-wordcloud": "workspace:0.14.18",
-    "@visactor/vgrammar-wordcloud-shape": "workspace:0.14.18",
-    "@visactor/vgrammar-plot": "workspace:0.14.18",
-    "@visactor/vrender-core": "0.20.18",
-    "@visactor/vrender-kits": "0.20.18",
-    "@visactor/vrender": "0.20.18",
+    "@visactor/vgrammar": "workspace:0.15.0",
+    "@visactor/vgrammar-core": "workspace:0.15.0",
+    "@visactor/vgrammar-hierarchy": "workspace:0.15.0",
+    "@visactor/vgrammar-sankey": "workspace:0.15.0",
+    "@visactor/vgrammar-projection": "workspace:0.15.0",
+    "@visactor/vgrammar-wordcloud": "workspace:0.15.0",
+    "@visactor/vgrammar-wordcloud-shape": "workspace:0.15.0",
+    "@visactor/vgrammar-plot": "workspace:0.15.0",
+    "@visactor/vrender-core": "0.21.1",
+    "@visactor/vrender-kits": "0.21.1",
+    "@visactor/vrender": "0.21.1",
     "d3-scale-chromatic": "^3.0.0",
     "lodash": "4.17.21",
     "typescript": "4.9.5",
     "vite": "3.2.6",
-    "@visactor/vgrammar-util": "workspace:0.14.18",
-    "@visactor/vgrammar-coordinate": "workspace:0.14.18",
+    "@visactor/vgrammar-util": "workspace:0.15.0",
+    "@visactor/vgrammar-coordinate": "workspace:0.15.0",
     "@vitejs/plugin-react": "3.1.0"
   }
 }

docs/site/assets/changelog/en/release.md

@@ -1,3 +1,38 @@
+# v0.14.18
+
+2024-12-05
+
+
+**What's Changed**
+
+* [Auto Sync] Sync the code from branch main to branch develop after release 0.14.17 by @github-actions in https://github.com/VisActor/VGrammar/pull/598
+* [Auto release] release 0.14.18 by @github-actions in https://github.com/VisActor/VGrammar/pull/600
+
+
+**Full Changelog**: https://github.com/VisActor/VGrammar/compare/v0.14.17...v0.14.18
+
+[more detail about v0.14.18](https://github.com/VisActor/VGrammar/releases/tag/v0.14.18)
+
+# v0.14.17
+
+2024-12-05
+
+
+**🆕 New feature**
+
+- **@visactor/vgrammar-core**: support `maxNodeHeight` and `maxLinkHeight`, `crossNodeAlign` value `parent` in sankey
+- **@visactor/vgrammar-core**: add `autoRefresh` to stage
+
+**🐛 Bug fix**
+
+- **@visactor/vgrammar-core**: fix the issue of animation cannot be cleared for reused mark
+- **@visactor/vgrammar-core**: glyph state should work when resize
+- **@visactor/vgrammar-core**: support react and html attributes in textmark
+
+
+
+[more detail about v0.14.17](https://github.com/VisActor/VGrammar/releases/tag/v0.14.17)
+
 # v0.14.16
 
 2024-11-25

docs/site/assets/changelog/zh/release.md

@@ -1,3 +1,38 @@
+# v0.14.18
+
+2024-12-05
+
+
+**What's Changed**
+
+* [Auto Sync] Sync the code from branch main to branch develop after release 0.14.17 by @github-actions in https://github.com/VisActor/VGrammar/pull/598
+* [Auto release] release 0.14.18 by @github-actions in https://github.com/VisActor/VGrammar/pull/600
+
+
+**Full Changelog**: https://github.com/VisActor/VGrammar/compare/v0.14.17...v0.14.18
+
+[更多详情请查看 v0.14.18](https://github.com/VisActor/VGrammar/releases/tag/v0.14.18)
+
+# v0.14.17
+
+2024-12-05
+
+
+**🆕 新增功能**
+
+- **@visactor/vgrammar-core**: support `maxNodeHeight` and `maxLinkHeight`, `crossNodeAlign` value `parent` in sankey
+- **@visactor/vgrammar-core**: add `autoRefresh` to stage
+
+**🐛 功能修复**
+
+- **@visactor/vgrammar-core**: fix the issue of animation cannot be cleared for reused mark
+- **@visactor/vgrammar-core**: glyph state should work when resize
+- **@visactor/vgrammar-core**: support react and html attributes in textmark
+
+
+
+[更多详情请查看 v0.14.17](https://github.com/VisActor/VGrammar/releases/tag/v0.14.17)
+
 # v0.14.16
 
 2024-11-25

docs/site/package.json

@@ -14,20 +14,20 @@
   "dependencies": {
     "@arco-design/web-react": "2.46.1",
     "@visactor/vutils": "~0.19.2",
-    "@visactor/vgrammar": "workspace:0.14.18",
-    "@visactor/vgrammar-core": "workspace:0.14.18",
-    "@visactor/vgrammar-hierarchy": "workspace:0.14.18",
-    "@visactor/vgrammar-sankey": "workspace:0.14.18",
-    "@visactor/vgrammar-projection": "workspace:0.14.18",
-    "@visactor/vgrammar-wordcloud": "workspace:0.14.18",
-    "@visactor/vgrammar-wordcloud-shape": "workspace:0.14.18",
-    "@visactor/vgrammar-plot": "workspace:0.14.18",
-    "@visactor/vgrammar-util": "workspace:0.14.18",
-    "@visactor/vgrammar-coordinate": "workspace:0.14.18",
-    "@visactor/vgrammar-venn": "workspace:0.14.18",
-    "@visactor/vrender-core": "0.20.18",
-    "@visactor/vrender-kits": "0.20.18",
-    "@visactor/vrender": "0.20.18",
+    "@visactor/vgrammar": "workspace:0.15.0",
+    "@visactor/vgrammar-core": "workspace:0.15.0",
+    "@visactor/vgrammar-hierarchy": "workspace:0.15.0",
+    "@visactor/vgrammar-sankey": "workspace:0.15.0",
+    "@visactor/vgrammar-projection": "workspace:0.15.0",
+    "@visactor/vgrammar-wordcloud": "workspace:0.15.0",
+    "@visactor/vgrammar-wordcloud-shape": "workspace:0.15.0",
+    "@visactor/vgrammar-plot": "workspace:0.15.0",
+    "@visactor/vgrammar-util": "workspace:0.15.0",
+    "@visactor/vgrammar-coordinate": "workspace:0.15.0",
+    "@visactor/vgrammar-venn": "workspace:0.15.0",
+    "@visactor/vrender-core": "0.21.1",
+    "@visactor/vrender-kits": "0.21.1",
+    "@visactor/vrender": "0.21.1",
     "markdown-it": "^13.0.0",
     "highlight.js": "^11.8.0",
     "axios": "^1.4.0",

packages/vgrammar-coordinate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vgrammar-coordinate",
-  "version": "0.14.18",
+  "version": "0.15.0",
   "description": "Coordinates for VGrammar",
   "keywords": [
     "coordinate",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@visactor/vutils": "~0.19.2",
-    "@visactor/vgrammar-util": "workspace:0.14.18"
+    "@visactor/vgrammar-util": "workspace:0.15.0"
   },
   "devDependencies": {
     "@internal/bundler": "workspace:*",

packages/vgrammar-core/CHANGELOG.json

@@ -1,6 +1,24 @@
 {
   "name": "@visactor/vgrammar-core",
   "entries": [
+    {
+      "version": "0.15.0",
+      "tag": "@visactor/vgrammar-core_v0.15.0",
+      "date": "Thu, 05 Dec 2024 09:52:00 GMT",
+      "comments": {
+        "none": [
+          {
+            "comment": "feat: support overflow of mark\n\n"
+          },
+          {
+            "comment": " feat: add interaction for highlight/select by graphic name"
+          },
+          {
+            "comment": "feat: add `graphicName` in markOption"
+          }
+        ]
+      }
+    },
     {
       "version": "0.14.18",
       "tag": "@visactor/vgrammar-core_v0.14.18",

packages/vgrammar-core/CHANGELOG.md

@@ -1,6 +1,17 @@
 # Change Log - @visactor/vgrammar-core
 
-This log was last generated on Thu, 05 Dec 2024 08:32:52 GMT and should not be manually modified.
+This log was last generated on Thu, 05 Dec 2024 09:52:00 GMT and should not be manually modified.
+
+## 0.15.0
+Thu, 05 Dec 2024 09:52:00 GMT
+
+### Updates
+
+- feat: support overflow of mark
+
+
+-  feat: add interaction for highlight/select by graphic name
+- feat: add `graphicName` in markOption
 
 ## 0.14.18
 Thu, 05 Dec 2024 08:32:52 GMT

packages/vgrammar-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vgrammar-core",
-  "version": "0.14.18",
+  "version": "0.15.0",
   "description": "VGrammar is a visual grammar library",
   "keywords": [
     "grammar",
@@ -37,12 +37,12 @@
   "dependencies": {
     "@visactor/vutils": "~0.19.2",
     "@visactor/vdataset": "~0.19.2",
-    "@visactor/vgrammar-coordinate": "workspace:0.14.18",
-    "@visactor/vgrammar-util": "workspace:0.14.18",
+    "@visactor/vgrammar-coordinate": "workspace:0.15.0",
+    "@visactor/vgrammar-util": "workspace:0.15.0",
     "@visactor/vscale": "~0.19.2",
-    "@visactor/vrender-core": "0.20.18",
-    "@visactor/vrender-kits": "0.20.18",
-    "@visactor/vrender-components": "0.20.18"
+    "@visactor/vrender-core": "0.21.1",
+    "@visactor/vrender-kits": "0.21.1",
+    "@visactor/vrender-components": "0.21.1"
   },
   "devDependencies": {
     "@internal/bundler": "workspace:*",

packages/vgrammar-core/src/graph/element.ts

@@ -89,6 +89,14 @@ export class Element implements IElement {
     if (!this.graphicItem) {
       return;
     }
+
+    const { graphicName } = this.mark.getSpec();
+    if (isString(graphicName)) {
+      this.graphicItem.name = graphicName;
+    } else if (isFunction(graphicName)) {
+      this.graphicItem.name = graphicName(this);
+    }
+
     // 统一读取mark中是否可交互的配置
     this.graphicItem[BridgeElementKey] = this;
     if (attrTransforms) {

packages/vgrammar-core/src/interactions/element-highlight-by-graphic-name.ts

@@ -0,0 +1,73 @@
+import type { ElementHighlightByGraphicNameOptions, IElement, IGlyphElement, IView, InteractionEvent } from '../types';
+import { isNil } from '@visactor/vutils';
+import { ElementHighlight } from './element-highlight';
+
+export class ElementHighlightByGraphicName extends ElementHighlight {
+  static type: string = 'element-highlight-by-graphic-name';
+  type: string = ElementHighlightByGraphicName.type;
+
+  options: ElementHighlightByGraphicNameOptions;
+
+  constructor(view: IView, options?: ElementHighlightByGraphicNameOptions) {
+    super(view, options);
+    this.options = Object.assign({}, ElementHighlightByGraphicName.defaultOptions, options);
+    this._marks = view.getMarksBySelector(this.options.selector);
+  }
+
+  protected _filterByName(e: InteractionEvent) {
+    const name = e?.target?.name;
+    return !!name;
+  }
+
+  protected _parseTargetKey(e: InteractionEvent, element: IElement | IGlyphElement) {
+    return e.target.name;
+  }
+
+  start(itemKey: IElement | IGlyphElement | string) {
+    if (isNil(itemKey)) {
+      return;
+    }
+
+    this._marks.forEach(mark => {
+      mark.elements.forEach(el => {
+        const isHighlight = el.getGraphicItem()?.name === itemKey;
+        if (isHighlight) {
+          el.updateStates({
+            [this.options.blurState]: false,
+            [this.options.highlightState]: true
+          });
+        } else {
+          el.updateStates({
+            [this.options.blurState]: true,
+            [this.options.highlightState]: false
+          });
+        }
+      });
+    });
+  }
+
+  reset() {
+    const states = [this.options.blurState, this.options.highlightState];
+    this._marks.forEach(mark => {
+      mark.elements.forEach(el => {
+        el.removeState(states);
+      });
+    });
+  }
+
+  handleStart = (e: InteractionEvent) => {
+    if (e && e.element && this._marks.includes(e.element.mark)) {
+      const shouldStart = this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e);
+      if (shouldStart) {
+        const itemKey = this._parseTargetKey(e, e.element);
+        this.start(itemKey);
+      }
+    }
+  };
+
+  handleReset = (e: InteractionEvent) => {
+    if (e && e.element && this._marks.includes(e.element.mark)) {
+      this.reset();
+    }
+  };
+}

packages/vgrammar-core/src/interactions/element-select-by-graphic-name.ts

@@ -0,0 +1,20 @@
+import type { InteractionEvent } from '../types';
+import { ElementSelect } from './element-select';
+
+export class ElementSelectByGraphicName extends ElementSelect {
+  static type: string = 'element-select-by-graphic-name';
+  type: string = ElementSelectByGraphicName.type;
+
+  start(element: InteractionEvent['element']) {
+    const name = element.getGraphicItem()?.name;
+    if (name) {
+      this._marks.forEach(mark => {
+        mark.elements.forEach(el => {
+          if (el.getGraphicItem()?.name === name) {
+            super.start(el);
+          }
+        });
+      });
+    }
+  }
+}

packages/vgrammar-core/src/interactions/index.ts

@@ -7,6 +7,9 @@ import { ElementHighlightByGroup } from './element-highlight-by-group';
 import { ElementActiveByLegend } from './element-active-by-legend';
 import { ElementHighlightByLegend } from './element-highlight-by-legend';
 import { ElementHighlightByName } from './element-highlight-by-name';
+import { ElementHighlightByGraphicName } from './element-highlight-by-graphic-name';
+import { ElementSelectByGraphicName } from './element-select-by-graphic-name';
+
 import { BrushHighlight } from './brush-highlight';
 import { BrushActive } from './brush-active';
 import { BrushFilter } from './brush-filter';
@@ -92,6 +95,14 @@ export const registerElementHighlightByName = () => {
   Factory.registerInteraction(ElementHighlightByName.type, ElementHighlightByName);
 };
 
+export const registerElementHighlightByGraphicName = () => {
+  Factory.registerInteraction(ElementHighlightByGraphicName.type, ElementHighlightByGraphicName);
+};
+
+export const registerElementSelectByGraphicName = () => {
+  Factory.registerInteraction(ElementSelectByGraphicName.type, ElementSelectByGraphicName);
+};
+
 export const registerBrushHighlight = () => {
   Factory.registerInteraction(BrushHighlight.type, BrushHighlight);
 };

packages/vgrammar-core/src/types/interaction.ts

@@ -196,6 +196,8 @@ export interface ElementHighlightByNameOptions extends ElementHighlightByLegendO
   parseData?: (e: InteractionEvent) => any;
 }
 
+export type ElementHighlightByGraphicNameOptions = ElementHighlightOptions;
+
 export interface BrushEventParams {
   operateType: string;
   operateMask: IPolygon;

packages/vgrammar-core/src/types/mark.ts

@@ -257,6 +257,11 @@ export interface IMarkConfig {
    * only used in line/area mark
    */
   enableSegments?: boolean;
+  /**
+   * set graphic name
+   */
+  graphicName?: string | ((element: IElement) => string);
+  overflow?: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';
 }
 
 /**