VisActor · xile611 · Mar 13, 2025 · Mar 13, 2025 · Mar 13, 2025
diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml
diff --git a/docs/assets/option/en/common/layout-item.md b/docs/assets/option/en/common/layout-item.md
@@ -19,7 +19,7 @@ The currently supported layout types are as follows:
 
 Layout order level. The higher the level, the higher the priority for layout. For example, if both the title and the legend are at the top, the title should be placed at the top first, followed by the legend.
 
-{{ if: !${noOrient} }}
+{{ if: !${noOrient} & !${isRegion} }}
 #${prefix} orient(string)
 
 Module layout position. Available positions:
@@ -31,6 +31,7 @@ Module layout position. Available positions:
 
 {{ /if }}
 
+{{ if: !${isRegion} }}
 #${prefix} alignSelf('start' | 'end' | 'middle') = 'start'
 
 Starting from version 1.8.9,
@@ -41,6 +42,7 @@ For elements with a layout type of 'normal-inline', set the alignment of inline
 - For elements at the bottom, 'start' - align to the bottom; 'end' - align to the top; 'middle' - align to the middle
 - For elements on the left, 'start' - align to the left; 'end' - align to the right; 'middle' - align to the middle
 - For elements on the right, 'start' - align to the right; 'end' - align to the left; 'middle' - align to the middle
+  {{ if: !${isRegion} }}
 
 #${prefix} padding(ILayoutNumber|Array|Object) = 0
 
@@ -139,13 +141,15 @@ Offset for the module's layout position in the Y direction.
 
 Display layer level for the module. When two modules overlap, the one with the larger level is displayed on top.
 
-{{ if: !${noClip} }}
+{{ if: !${noClip} | ${isRegion} }}
 #${prefix} clip(boolean)
 
 Whether to clip the drawing content outside the layout area of the module.
 
 {{ /if }}
 
+{{ if: !${isRegion} }}
+
 #${prefix} left(ILayoutNumber)
 
 Distance from the module to the left side of the chart in absolute layout. Note that **this is only effective when layoutType === 'absolute'**.
@@ -173,3 +177,4 @@ Distance from the module to the bottom side of the chart in absolute layout. Not
 #${prefix} center(boolean)
 
 In absolute layout, the element will be placed in the center of the chart. Note that **this is only effective when layoutType === 'absolute', and the padding property will be ignored**.
+{{ /if }}
diff --git a/docs/assets/option/en/common/region.md b/docs/assets/option/en/common/region.md
@@ -100,3 +100,11 @@ Supported since `1.4.0` version, Whether to reverse the order when stacking
 ### stackSort(boolean)
 
 Supported since `1.10.4` version, Whether to sorting data when stacking
+
+{{ use: common-layout-item(
+  prefix = '##',
+  defaultLayoutType = 'region',
+  defaultLayoutLevel = 10,
+  defaultLayoutZIndex = 450,
+  isRegion = true,
+) }}
diff --git a/docs/assets/option/zh/common/layout-item.md b/docs/assets/option/zh/common/layout-item.md
@@ -19,7 +19,7 @@
 
 布局顺序等级，等级越大的，越优先布局，比如顶部同时有标题和图例的场景，期望标题先放在顶部，然后放置图例。
 
-{{ if: !${noOrient} }}
+{{ if: !${noOrient} & !${isRegion} }}
 #${prefix} orient(string)
 
 模块布局位置。可选位置：
@@ -31,6 +31,8 @@
 
 {{ /if }}
 
+{{ if: !${isRegion} }}
+
 #${prefix} alignSelf('start' | 'end' | 'middle') = 'start'
 
 从 1.8.9 版本开始支持，
@@ -42,6 +44,8 @@
 - 左侧的元素，'start' - 左侧对齐；'end' - '右侧对齐'; 'middle' - 居中对齐
 - 右侧的元素，'start' - 右侧对齐；'end' - '左侧对齐'; 'middle' - 居中对齐
 
+{{ /if }}
+
 #${prefix} padding(ILayoutNumber|Array|Object) = 0
 
 模块的布局间距配置（上下左右四个方向），支持非对象配置、数组配置与对象配置。
@@ -139,13 +143,14 @@ padding: {
 
 模块的展示层级，当 2 个模块重叠时，层级较大的展示在上方。
 
-{{ if: !${noClip} }}
+{{ if: !${noClip} | ${isRegion} }}
 #${prefix} clip(boolean)
 
 模块是否裁剪超出布局区域外的绘图内容 。
 
 {{/if}}
 
+{{ if: !${isRegion} }}
 #${prefix} left(ILayoutNumber)
 
 模块绝对布局下，与图表左侧的距离。注意**仅在 layoutType === 'absolute' 时生效**。
@@ -173,3 +178,4 @@ padding: {
 #${prefix} center(boolean)
 
 模块绝对布局下，元素将放置在图表的正中间。注意**仅在 layoutType === 'absolute' 时生效，同时将忽略 padding 属性**。
+{{/if}}
diff --git a/docs/assets/option/zh/common/region.md b/docs/assets/option/zh/common/region.md
@@ -100,3 +100,11 @@ region 的 id，可以在其他功能模块中使用这个 id 来索引这个 re
 ### stackSort(boolean)
 
 从 `1.10.4` 版本开始支持，是否在堆积时对数据排序。
+
+{{ use: common-layout-item(
+  prefix = '##',
+  defaultLayoutType = 'region',
+  defaultLayoutLevel = 10,
+  defaultLayoutZIndex = 450,
+  isRegion = true,
+) }}
diff --git a/docs/package.json b/docs/package.json
@@ -19,9 +19,9 @@
     "@visactor/vchart-theme": "~1.6.6",
     "@visactor/vmind": "1.2.4-alpha.5",
     "@visactor/vutils": "~0.19.4",
-    "@visactor/vrender": "0.22.4",
-    "@visactor/vrender-kits": "0.22.4",
-    "@visactor/vgrammar": "0.16.0",
+    "@visactor/vrender": "0.22.5",
+    "@visactor/vrender-kits": "0.22.5",
+    "@visactor/vgrammar": "0.16.1",
     "@visactor/vtable": "1.12.0",
     "@visactor/vtable-editors": "1.12.0",
     "@visactor/vtable-gantt": "1.12.0",
@@ -59,4 +59,4 @@
     "react-device-detect": "^2.2.2",
     "minimist": "1.2.8"
   }
-}
+}
diff --git a/packages/openinula-vchart/package.json b/packages/openinula-vchart/package.json
@@ -30,9 +30,9 @@
   "dependencies": {
     "@visactor/vchart": "workspace:1.13.6",
     "@visactor/vutils": "~0.19.4",
-    "@visactor/vrender-core": "0.22.4",
-    "@visactor/vrender-kits": "0.22.4",
-    "@visactor/vgrammar-core": "0.16.0",
+    "@visactor/vrender-core": "0.22.5",
+    "@visactor/vrender-kits": "0.22.5",
+    "@visactor/vgrammar-core": "0.16.1",
     "react-is": "^18.2.0"
   },
   "devDependencies": {
@@ -79,4 +79,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   }
-}
+}
diff --git a/packages/react-vchart/package.json b/packages/react-vchart/package.json
@@ -30,9 +30,9 @@
   "dependencies": {
     "@visactor/vchart": "workspace:1.13.6",
     "@visactor/vutils": "~0.19.4",
-    "@visactor/vrender-core": "0.22.4",
-    "@visactor/vrender-kits": "0.22.4",
-    "@visactor/vgrammar-core": "0.16.0",
+    "@visactor/vrender-core": "0.22.5",
+    "@visactor/vrender-kits": "0.22.5",
+    "@visactor/vgrammar-core": "0.16.1",
     "react-is": "^18.2.0"
   },
   "devDependencies": {
@@ -83,4 +83,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   }
-}
+}
diff --git a/packages/vchart-extension/package.json b/packages/vchart-extension/package.json
@@ -21,10 +21,10 @@
     "start": "ts-node __tests__/runtime/browser/scripts/initVite.ts && vite serve __tests__/runtime/browser"
   },
   "dependencies": {
-    "@visactor/vrender-core": "0.22.4",
-    "@visactor/vrender-kits": "0.22.4",
-    "@visactor/vrender-components": "0.22.4",
-    "@visactor/vgrammar-core": "0.16.0",
+    "@visactor/vrender-core": "0.22.5",
+    "@visactor/vrender-kits": "0.22.5",
+    "@visactor/vrender-components": "0.22.5",
+    "@visactor/vgrammar-core": "0.16.1",
     "@visactor/vutils": "~0.19.4",
     "@visactor/vdataset": "~0.19.4",
     "@visactor/vchart": "workspace:1.13.6"
@@ -60,4 +60,4 @@
     "registry": "https://registry.npmjs.org/"
   },
   "license": "MIT"
-}
+}
diff --git a/packages/vchart/package.json b/packages/vchart/package.json
@@ -121,21 +121,21 @@
     "@visactor/vutils": "~0.19.4",
     "@visactor/vdataset": "~0.19.4",
     "@visactor/vscale": "~0.19.4",
-    "@visactor/vrender-core": "0.22.4",
-    "@visactor/vrender-kits": "0.22.4",
-    "@visactor/vrender-components": "0.22.4",
-    "@visactor/vgrammar-core": "0.16.0",
-    "@visactor/vgrammar-projection": "0.16.0",
-    "@visactor/vgrammar-wordcloud": "0.16.0",
-    "@visactor/vgrammar-wordcloud-shape": "0.16.0",
-    "@visactor/vgrammar-hierarchy": "0.16.0",
-    "@visactor/vgrammar-sankey": "0.16.0",
-    "@visactor/vgrammar-venn": "0.16.0",
-    "@visactor/vgrammar-util": "0.16.0",
+    "@visactor/vrender-core": "0.22.5",
+    "@visactor/vrender-kits": "0.22.5",
+    "@visactor/vrender-components": "0.22.5",
+    "@visactor/vgrammar-core": "0.16.1",
+    "@visactor/vgrammar-projection": "0.16.1",
+    "@visactor/vgrammar-wordcloud": "0.16.1",
+    "@visactor/vgrammar-wordcloud-shape": "0.16.1",
+    "@visactor/vgrammar-hierarchy": "0.16.1",
+    "@visactor/vgrammar-sankey": "0.16.1",
+    "@visactor/vgrammar-venn": "0.16.1",
+    "@visactor/vgrammar-util": "0.16.1",
     "@visactor/vutils-extension": "workspace:1.13.6"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   }
-}
+}
diff --git a/packages/vstory/package.json b/packages/vstory/package.json
@@ -21,9 +21,9 @@
   },
   "dependencies": {
     "@visactor/vchart": "workspace:1.11.0",
-    "@visactor/vrender-core": "0.22.4",
-    "@visactor/vrender-kits": "0.22.4",
-    "@visactor/vrender-components": "0.22.4",
+    "@visactor/vrender-core": "0.22.5",
+    "@visactor/vrender-kits": "0.22.5",
+    "@visactor/vrender-components": "0.22.5",
     "@visactor/vutils": "~0.19.4"
   },
   "devDependencies": {

diff --git a/tools/story-player/package.json b/tools/story-player/package.json
@@ -56,10 +56,10 @@
     "vite": "3.2.6"
   },
   "dependencies": {
-    "@visactor/vrender-core": "0.22.4",
-    "@visactor/vrender-kits": "0.22.4",
+    "@visactor/vrender-core": "0.22.5",
+    "@visactor/vrender-kits": "0.22.5",
     "@visactor/vchart": "workspace:1.13.6",
-    "@visactor/vrender": "0.22.4",
+    "@visactor/vrender": "0.22.5",
     "@visactor/vutils": "~0.19.4"
   }
-}
+}