[Auto release] release 0.18.11

common/config/rush/version-policies.json

@@ -1 +1 @@
-[{"definitionName":"lockStepVersion","policyName":"vrenderMain","version":"0.18.10","nextBump":"patch"}]
+[{"definitionName":"lockStepVersion","policyName":"vrenderMain","version":"0.18.11","nextBump":"patch"}]

docs/assets/api/en/common/graphic.md

@@ -124,3 +124,7 @@
 #${prefix} animate()()
 
 添加动画
+
+#${prefix} stateProxy()()
+
+状态配置函数

docs/assets/api/zh/common/graphic.md

@@ -124,3 +124,7 @@
 #${prefix} animate()()
 
 添加动画
+
+#${prefix} stateProxy()()
+
+状态配置函数

docs/assets/changelog/en/changelog.md

@@ -1,3 +1,36 @@
+# v0.18.10
+
+2024-03-29
+
+
+**🐛 Bug fix**
+
+- **@visactor/vrender-components**: when user set `defaultSelected` value to be [], all legend's items should be unselected, fixed https://github.com/VisActor/VChart/issues/2445
+- **@visactor/vrender-components**: fix alignment calculation for line axis axis text, fixed https://github.com/VisActor/VChart/issues/2449
+
+
+
+[more detail about v0.18.10](https://github.com/VisActor/VRender/releases/tag/v0.18.10)
+
+# v0.18.8
+
+2024-03-29
+
+
+**🆕 New feature**
+
+- **@visactor/vrender-components**: support `inverse` in slider and size-lengend, color-legend
+
+**🐛 Bug fix**
+
+- **@visactor/vrender-kits**: fix issue with pointer tap event point map
+- **@visactor/vrender-core**: fix issue with pointer tap event point map
+- **@visactor/vrender-core**: fix issue for multi line text with underline, closed [#1100](https://github.com/VisActor/VRender/issues/1100)
+
+
+
+[more detail about v0.18.8](https://github.com/VisActor/VRender/releases/tag/v0.18.8)
+
 # v0.18.7
 
 2024-03-25

docs/assets/changelog/zh/changelog.md

@@ -1,3 +1,36 @@
+# v0.18.10
+
+2024-03-29
+
+
+**🐛 功能修复**
+
+- **@visactor/vrender-components**: when user set `defaultSelected` value to be [], all legend's items should be unselected, fixed https://github.com/VisActor/VChart/issues/2445
+- **@visactor/vrender-components**: fix alignment calculation for line axis axis text, fixed https://github.com/VisActor/VChart/issues/2449
+
+
+
+[更多详情请查看 v0.18.10](https://github.com/VisActor/VRender/releases/tag/v0.18.10)
+
+# v0.18.8
+
+2024-03-29
+
+
+**🆕 新增功能**
+
+- **@visactor/vrender-components**: support `inverse` in slider and size-lengend, color-legend
+
+**🐛 功能修复**
+
+- **@visactor/vrender-kits**: fix issue with pointer tap event point map
+- **@visactor/vrender-core**: fix issue with pointer tap event point map
+- **@visactor/vrender-core**: fix issue for multi line text with underline, closed [#1100](https://github.com/VisActor/VRender/issues/1100)
+
+
+
+[更多详情请查看 v0.18.8](https://github.com/VisActor/VRender/releases/tag/v0.18.8)
+
 # v0.18.7
 
 2024-03-25

docs/assets/guide/en/asd/Basic_Tutorial/Jsx.md

@@ -0,0 +1,104 @@
+# JSX Support
+
+VRender supports creating scene tree using JSX syntax. If you want to use this mode, please follow the steps below to check your environment:
+
+## Environment Configuration
+
+If you are using JSX syntax to describe scene tree nodes in a react project, you need to wrap VRender's jsx with a conversion function to convert react's virtual nodes into VRender's scene tree nodes.
+
+```ts
+const group = decodeReactDom(
+  <VGroup attribute={{ x: 100, y: 100 }}>
+    <VRect attribute={{ x: 10, y: 10 }} />
+  </VGroup>
+);
+```
+
+If your project is not a react project, you need to configure babel's jsx parsing to support jsx syntax:
+
+```ts
+plugins: [
+    react({
+      babel: {
+        parserOpts: {
+          plugins: ['decorators-legacy', 'classProperties']
+        },
+        plugins: [
+          [
+            '@babel/plugin-transform-react-jsx',
+            {
+              pragma: 'jsx',
+              pragmaFrag: 'Fragment'
+            }
+          ]
+        ]
+      }
+    })
+],
+```
+
+Then import jsx in the code:
+
+```ts
+import { jsx, VGroup, VRect } from '@visactor/vrender';
+
+const group = (
+  <VGroup attribute={{ x: 100, y: 100 }}>
+    <VRect attribute={{ x: 10, y: 10 }} />
+  </VGroup>
+);
+```
+
+## API Support
+
+The graphic elements using jsx syntax all start with V, and accept an attribute property. The parameters of this attribute property refer to the configuration document, supporting name, id, and stateProxy configurations, which will be set to the graphic element in the end. The event naming is different, and the event map is as follows:
+
+```ts
+{
+  onPointerDown: 'pointerdown',
+  onPointerUp: 'pointerup',
+  onPointerUpOutside: 'pointerupoutside',
+  onPointerTap: 'pointertap',
+  onPointerOver: 'pointerover',
+  onPointerMove: 'pointermove',
+  onPointerEnter: 'pointerenter',
+  onPointerLeave: 'pointerleave',
+  onPointerOut: 'pointerout',
+  onMouseDown: 'mousedown',
+  onMouseUp: 'mouseup',
+  onMouseUpOutside: 'mouseupoutside',
+  onMouseMove: 'mousemove',
+  onMouseOver: 'mouseover',
+  onMouseOut: 'mouseout',
+  onMouseEnter: 'mouseenter',
+  onMouseLeave: 'mouseleave',
+  onPinch: 'pinch',
+  onPinchStart: 'pinchstart',
+  onPinchEnd: 'pinchend',
+  onPan: 'pan',
+  onPanStart: 'panstart',
+  onPanEnd: 'panend',
+  onDrag: 'drag',
+  onDragStart: 'dragstart',
+  onDragEnter: 'dragenter',
+  onDragLeave: 'dragleave',
+  onDragOver: 'dragover',
+  onDragEnd: 'dragend',
+  onRightDown: 'rightdown',
+  onRightUp: 'rightup',
+  onRightUpOutside: 'rightupoutside',
+  onTouchStart: 'touchstart',
+  onTouchEnd: 'touchend',
+  onTouchEndOutside: 'touchendoutside',
+  onTouchMove: 'touchmove',
+  onTouchCancel: 'touchcancel',
+  onPress: 'press',
+  onPressUp: 'pressup',
+  onPressEnd: 'pressend',
+  onSwipe: 'swipe',
+  onDrop: 'drop',
+  onWeel: 'wheel',
+  onClick: 'click',
+  onDblClick: 'dblclick'
+}
+```

docs/assets/guide/menu.json

@@ -79,6 +79,13 @@
                 "zh": "扩展和插件",
                 "en": "Extensions and Plugins"
               }
+            },
+            {
+              "path": "Jsx",
+              "title": {
+                "zh": "Jsx配置",
+                "en": "jsx config"
+              }
             }
           ]
         }

docs/assets/guide/zh/asd/Basic_Tutorial/Jsx.md

@@ -0,0 +1,105 @@
+# JSX 支持
+
+VRender 支持 JSX 形式的创建场景树，如果您需要使用这种模式，请按以下步骤检查环境：
+
+## 环境配置
+
+如果您是在 react 项目中使用 jsx 语法来描述场景树节点，那么您需要给 VRender 的 jsx 外层包裹一个转换函数，以便于将 react 的虚拟节点转换成 VRender 的场景树节点
+
+```ts
+const group = decodeReactDom(
+  <VGroup attribute={{ x: 100, y: 100 }}>
+    <VRect attribute={{ x: 10, y: 10 }} />
+  </VGroup>
+);
+```
+
+如果您的项目不是 react 项目，那么需要配置 babel 的 jsx 解析以便于支持 jsx 语法：
+
+```ts
+plugins: [
+    react({
+      babel: {
+        parserOpts: {
+          plugins: ['decorators-legacy', 'classProperties']
+        },
+        plugins: [
+          [
+            '@babel/plugin-transform-react-jsx',
+            {
+              pragma: 'jsx',
+              pragmaFrag: 'Fragment'
+            }
+          ]
+        ]
+      }
+    })
+],
+```
+
+然后在代码中 import jsx 即可
+
+```ts
+import { jsx, VGroup, VRect } from '@visactor/vrender';
+
+const group = (
+  <VGroup attribute={{ x: 100, y: 100 }}>
+    <VRect attribute={{ x: 10, y: 10 }} />
+  </VGroup>
+);
+```
+
+## API 支持
+
+使用 jsx 语法的图元都以`V`开头，接受一个 attribute 属性，这个 attribute 属性的参数具体参考配置文档，支持 name、id、stateProxy 配置，最终都会被设置到图元上
+事件命名有所不同，事件的 Map 如下所示：
+
+```ts
+{
+  onPointerDown: 'pointerdown',
+  onPointerUp: 'pointerup',
+  onPointerUpOutside: 'pointerupoutside',
+  onPointerTap: 'pointertap',
+  onPointerOver: 'pointerover',
+  onPointerMove: 'pointermove',
+  onPointerEnter: 'pointerenter',
+  onPointerLeave: 'pointerleave',
+  onPointerOut: 'pointerout',
+  onMouseDown: 'mousedown',
+  onMouseUp: 'mouseup',
+  onMouseUpOutside: 'mouseupoutside',
+  onMouseMove: 'mousemove',
+  onMouseOver: 'mouseover',
+  onMouseOut: 'mouseout',
+  onMouseEnter: 'mouseenter',
+  onMouseLeave: 'mouseleave',
+  onPinch: 'pinch',
+  onPinchStart: 'pinchstart',
+  onPinchEnd: 'pinchend',
+  onPan: 'pan',
+  onPanStart: 'panstart',
+  onPanEnd: 'panend',
+  onDrag: 'drag',
+  onDragStart: 'dragstart',
+  onDragEnter: 'dragenter',
+  onDragLeave: 'dragleave',
+  onDragOver: 'dragover',
+  onDragEnd: 'dragend',
+  onRightDown: 'rightdown',
+  onRightUp: 'rightup',
+  onRightUpOutside: 'rightupoutside',
+  onTouchStart: 'touchstart',
+  onTouchEnd: 'touchend',
+  onTouchEndOutside: 'touchendoutside',
+  onTouchMove: 'touchmove',
+  onTouchCancel: 'touchcancel',
+  onPress: 'press',
+  onPressUp: 'pressup',
+  onPressEnd: 'pressend',
+  onSwipe: 'swipe',
+  onDrop: 'drop',
+  onWeel: 'wheel',
+  onClick: 'click',
+  onDblClick: 'dblclick'
+}
+```