Merge pull request #3767 from VisActor/develop

merge develop

Author: fangsmile

…x-switch-direction_2025-04-02-09-23.json …hore-release-minor_2025-04-17-07-31.jsoncommon/changes/@visactor/vtable/fix-fix-switch-direction_2025-04-02-09-23.json renamed to common/changes/@visactor/vtable/chore-release-minor_2025-04-17-07-31.json common/changes/@visactor/vtable/fix-fix-switch-direction_2025-04-02-09-23.json renamed to common/changes/@visactor/vtable/chore-release-minor_2025-04-17-07-31.json

@@ -2,8 +2,8 @@
   "changes": [
     {
       "packageName": "@visactor/vtable",
-      "comment": "fix: fix switch default direction #3667",
-      "type": "minor"
+      "comment": "chore: release 1.18.0",
+      "type": "none"
     }
   ],
   "packageName": "@visactor/vtable"

common/config/rush/version-policies.json

@@ -1 +1 @@
-[{"definitionName":"lockStepVersion","policyName":"vtableMain","version":"1.17.6","mainProject":"@visactor/vtable","nextBump":"patch"}]
+[{"definitionName":"lockStepVersion","policyName":"vtableMain","version":"1.18.0","mainProject":"@visactor/vtable","nextBump":"minor"}]

docs/assets/changelog/en/release.md

@@ -1,23 +1,51 @@
+# v1.18.0
+  v1.17.7 same content
+
+2025-04-17
+
+**💥 Breaking change**
+
+- **@visactor/vtable**: fix switch default direction [#3667](https://github.com/VisActor/VTable/issues/3667)
+- **@visactor/vtable-editors**: fix input editor default style
+
+**🆕 New feature**
+
+- **@visactor/vtable**: add onBeforeCacheChartImage event
+- **@visactor/vtable**: support customConfig disableBuildInChartActive
+- **@visactor/vtable**: add dynamicUpdateSelectionSize config in theme.selectionStyle
+
+**🐛 Bug fix**
+
+- **@visactor/vtable**: fix table size in getCellsRect() [#3681](https://github.com/VisActor/VTable/issues/3681)
+- **@visactor/vtable**: correct column index calculation when rowSeriesNumber is configured
+- **@visactor/vtable**: fix image flash problem [#3588](https://github.com/VisActor/VTable/issues/3588)
+- **@visactor/vtable**: fix row/column update problem in text-stick [#3744](https://github.com/VisActor/VTable/issues/3744)
+- **@visactor/vtable**: fix switch default direction [#3667](https://github.com/VisActor/VTable/issues/3667)
+
+
+
+[more detail about v1.17.7](https://github.com/VisActor/VTable/releases/tag/v1.17.7)
+
 # v1.17.6
 
 2025-04-10
 
 
 **🆕 New feature**
-
-- **@visactor/vtable**: listTable added tiggerEvent parameter to changeCellValue
-- **@visactor/vtable**: list table header support hierarchy
+
+- **@visactor/vtable**: listTable added tiggerEvent parameter to changeCellValue
+- **@visactor/vtable**: list table header support hierarchy
 
 **🐛 Bug fix**
-
-- **@visactor/vtable**: when move tree node position code occor error [#3645](https://github.com/VisActor/VTable/issues/3645) [#3706](https://github.com/VisActor/VTable/issues/3706)
-- **@visactor/vtable**: frame border set array render bottom line position error [#3684](https://github.com/VisActor/VTable/issues/3684)
-- **@visactor/vtable**: mobile touch event resize column width [#3693](https://github.com/VisActor/VTable/issues/3693)
-- **@visactor/vtable**: when set frozen disableDragSelect not work [#3702](https://github.com/VisActor/VTable/issues/3702)
-- **@visactor/vtable**: fix flex layout update in react-custom-layout component [#3696](https://github.com/VisActor/VTable/issues/3696)
-- **@visactor/vtable**: updateTaskRecord api [#3639](https://github.com/VisActor/VTable/issues/3639)
-- **@visactor/vtable**: repeat call computeColsWidth adaptive mode result error
-
+
+- **@visactor/vtable**: when move tree node position code occor error [#3645](https://github.com/VisActor/VTable/issues/3645) [#3706](https://github.com/VisActor/VTable/issues/3706)
+- **@visactor/vtable**: frame border set array render bottom line position error [#3684](https://github.com/VisActor/VTable/issues/3684)
+- **@visactor/vtable**: mobile touch event resize column width [#3693](https://github.com/VisActor/VTable/issues/3693)
+- **@visactor/vtable**: when set frozen disableDragSelect not work [#3702](https://github.com/VisActor/VTable/issues/3702)
+- **@visactor/vtable**: fix flex layout update in react-custom-layout component [#3696](https://github.com/VisActor/VTable/issues/3696)
+- **@visactor/vtable**: updateTaskRecord api [#3639](https://github.com/VisActor/VTable/issues/3639)
+- **@visactor/vtable**: repeat call computeColsWidth adaptive mode result error
+
 
 
 [more detail about v1.17.6](https://github.com/VisActor/VTable/releases/tag/v1.17.6)
@@ -28,23 +56,23 @@
 
 
 **🆕 New feature**
-
-- **@visactor/vtable**: cell support marked function [#3583](https://github.com/VisActor/VTable/issues/3583)
-- **@visactor/vtable**: refactor pivotTable corner with no columns or rows case [#3653](https://github.com/VisActor/VTable/issues/3653)
+
+- **@visactor/vtable**: cell support marked function [#3583](https://github.com/VisActor/VTable/issues/3583)
+- **@visactor/vtable**: refactor pivotTable corner with no columns or rows case [#3653](https://github.com/VisActor/VTable/issues/3653)
 
 **🐛 Bug fix**
-
-- **@visactor/vtable**: gantt scale set quarter parser problem [#3612](https://github.com/VisActor/VTable/issues/3612)
-- **@visactor/vtable**: gantt overscrollBehavior none work [#3638](https://github.com/VisActor/VTable/issues/3638)
-- **@visactor/vtable**: gantt chart updateRecords error when table is tree mode [#3639](https://github.com/VisActor/VTable/issues/3639)
-- **@visactor/vtable**: rowHeight error when set adaptive heightMode [#3640](https://github.com/VisActor/VTable/issues/3640)
-- **@visactor/vtable**: when set renderChartAsync setRecords api render error [#3661](https://github.com/VisActor/VTable/issues/3661)
-- **@visactor/vtable**: fix merge cell checkbox state update [#3668](https://github.com/VisActor/VTable/issues/3668)
+
+- **@visactor/vtable**: gantt scale set quarter parser problem [#3612](https://github.com/VisActor/VTable/issues/3612)
+- **@visactor/vtable**: gantt overscrollBehavior none work [#3638](https://github.com/VisActor/VTable/issues/3638)
+- **@visactor/vtable**: gantt chart updateRecords error when table is tree mode [#3639](https://github.com/VisActor/VTable/issues/3639)
+- **@visactor/vtable**: rowHeight error when set adaptive heightMode [#3640](https://github.com/VisActor/VTable/issues/3640)
+- **@visactor/vtable**: when set renderChartAsync setRecords api render error [#3661](https://github.com/VisActor/VTable/issues/3661)
+- **@visactor/vtable**: fix merge cell checkbox state update [#3668](https://github.com/VisActor/VTable/issues/3668)
 
 **🔨 Refactor**
-
-- **@visactor/vtable**: fillHandle function [#3582](https://github.com/VisActor/VTable/issues/3582)
-
+
+- **@visactor/vtable**: fillHandle function [#3582](https://github.com/VisActor/VTable/issues/3582)
+
 
 
 [more detail about v1.17.5](https://github.com/VisActor/VTable/releases/tag/v1.17.5)
@@ -55,15 +83,15 @@
 
 
 **🆕 New feature**
-
-- **@visactor/vtable**: add barMarkInBar style config in progressbar [#3616](https://github.com/VisActor/VTable/issues/3616)
+
+- **@visactor/vtable**: add barMarkInBar style config in progressbar [#3616](https://github.com/VisActor/VTable/issues/3616)
 
 **🐛 Bug fix**
-
-- **@visactor/vtable**: fix button style problem [#3614](https://github.com/VisActor/VTable/issues/3614)
-- **@visactor/vtable**: fix checkbox state order update [#3606](https://github.com/VisActor/VTable/issues/3606)
-- **@visactor/vtable**: add isCustom tag for merge cell range [#3504](https://github.com/VisActor/VTable/issues/3504)
-- **@visactor/vtable**: fix tree checkbox state update problem
+
+- **@visactor/vtable**: fix button style problem [#3614](https://github.com/VisActor/VTable/issues/3614)
+- **@visactor/vtable**: fix checkbox state order update [#3606](https://github.com/VisActor/VTable/issues/3606)
+- **@visactor/vtable**: add isCustom tag for merge cell range [#3504](https://github.com/VisActor/VTable/issues/3504)
+- **@visactor/vtable**: fix tree checkbox state update problem
 - **@visactor/vtable**: disable group title editor
 
 [more detail about v1.17.4](https://github.com/VisActor/VTable/releases/tag/v1.17.4)
@@ -74,21 +102,21 @@
 
 
 **🆕 New feature**
-
-- **@visactor/vtable**: rowSeriesNumber support cell type radio [#3558](https://github.com/VisActor/VTable/issues/3558)
-- **@visactor/vtable**: add custom reactAttributePlugin in react-vtable
-- **@visactor/vtable**: add maintainedColumnCount config
+
+- **@visactor/vtable**: rowSeriesNumber support cell type radio [#3558](https://github.com/VisActor/VTable/issues/3558)
+- **@visactor/vtable**: add custom reactAttributePlugin in react-vtable
+- **@visactor/vtable**: add maintainedColumnCount config
 
 **🐛 Bug fix**
-
-- **@visactor/vtable**: selection mergeCell extend range [#3529](https://github.com/VisActor/VTable/issues/3529)
-- **@visactor/vtable**: set cellInnerBorder false frame border render error [#3574](https://github.com/VisActor/VTable/issues/3574)
-- **@visactor/vtable**: fix cell border in cell with corner-radius
-- **@visactor/vtable**: fix axis label autosize computation
-- **@visactor/vtable**: fix small window size frozen column count
-- **@visactor/vtable**: columnWidthConfig match dimension error
-- **@visactor/vtable**: fix react component update [#3474](https://github.com/VisActor/VTable/issues/3474)
-- **@visactor/vtable**: fix right button select problem
+
+- **@visactor/vtable**: selection mergeCell extend range [#3529](https://github.com/VisActor/VTable/issues/3529)
+- **@visactor/vtable**: set cellInnerBorder false frame border render error [#3574](https://github.com/VisActor/VTable/issues/3574)
+- **@visactor/vtable**: fix cell border in cell with corner-radius
+- **@visactor/vtable**: fix axis label autosize computation
+- **@visactor/vtable**: fix small window size frozen column count
+- **@visactor/vtable**: columnWidthConfig match dimension error
+- **@visactor/vtable**: fix react component update [#3474](https://github.com/VisActor/VTable/issues/3474)
+- **@visactor/vtable**: fix right button select problem
 - **@visactor/vtable**: fix row update range [#3468](https://github.com/VisActor/VTable/issues/3468)
 
 [more detail about v1.17.3](https://github.com/VisActor/VTable/releases/tag/v1.17.3)

docs/assets/changelog/zh/release.md

@@ -1,3 +1,30 @@
+# v1.18.0 
+  v1.17.7 版本相同内容
+
+2025-04-17
+
+**💥 Breaking change**
+
+- **@visactor/vtable**: 修复 switch 默认方向问题 [#3667](https://github.com/VisActor/VTable/issues/3667)
+- **@visactor/vtable-editors**: 修改了input编辑器中的默认样式
+
+**🆕 新增功能**
+- **@visactor/vtable-plugins**: 新增 行列新增 行列序号 excel键盘对齐等插件
+- **@visactor/vtable**: 新增 onBeforeCacheChartImage 事件
+- **@visactor/vtable**: 支持 customConfig disableBuildInChartActive 配置
+- **@visactor/vtable**: 在 theme.selectionStyle 中新增 dynamicUpdateSelectionSize 配置
+
+**🐛 功能修复**
+
+- **@visactor/vtable**: 修复 getCellsRect() 中表格大小问题 [#3681](https://github.com/VisActor/VTable/issues/3681)
+- **@visactor/vtable**: 修复配置 rowSeriesNumber 时列索引计算错误问题
+- **@visactor/vtable**: 修复图片闪烁问题 [#3588](https://github.com/VisActor/VTable/issues/3588)
+- **@visactor/vtable**: 修复 text-stick 中行/列更新问题 [#3744](https://github.com/VisActor/VTable/issues/3744)
+
+
+
+[更多详情请查看 v1.17.7](https://github.com/VisActor/VTable/releases/tag/v1.17.7)
+
 # v1.17.6
 
 2025-04-10

docs/assets/demo/en/animation/carousel-animation.md

@@ -1,26 +1,25 @@
 ---
 category: examples
 group: Animation
-title: carousel animation
+title: Carousel Animation
 cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/carousel-animation.gif
 link: animation/carousel_animation
 ---
 
 # Carousel Animation
 
-Carousel animation in VTable
+Table carousel animation display
 
-## Key configuration
+## Key Configuration
 
-- `CarouselAnimationPlugin` carousel animation plugin
-  - `rowCount` scroll row count in a carousel animation
-  - `colCount` scroll column count in a carousel animation
-  - `animationDuration` The duration of a single carousel animation, in milliseconds
-  - `animationDelay` The delay of a single carousel animation, in milliseconds
-  - `animationEasing` The easing function of a single carousel animation
-  - `replaceScrollAction` Whether to replace the scroll action, if true, the scroll action will be replaced by the carousel animation
+- `TableCarouselAnimationPlugin` Carousel animation plugin
+  - `rowCount` Number of rows scrolled in one animation
+  - `colCount` Number of columns scrolled in one animation
+  - `animationDuration` Duration of a single scroll animation
+  - `animationDelay` Time interval between animations
+  - `animationEasing` Animation easing function
 
-## Code demonstration
+## Code demo
 
 ```javascript livedemo template=vtable
 // use this for project
@@ -31,6 +30,10 @@ let tableInstance;
 fetch('https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/North_American_Superstore_data100.json')
   .then(res => res.json())
   .then(data => {
+
+    const animationPlugin = new VTablePlugins.TableCarouselAnimationPlugin( {
+      rowCount: 2,
+    });
     const columns = [
       {
         field: 'Category',
@@ -92,16 +95,12 @@ fetch('https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/North_American
     const option = {
       records: data.slice(0, 20),
       columns,
-      widthMode: 'standard'
+      widthMode: 'standard',
+      plugins: [animationPlugin]
     };
     tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID), option);
     window['tableInstance'] = tableInstance;
 
-    const ca = new VTablePlugins.CarouselAnimationPlugin(tableInstance, {
-      rowCount: 2,
-      replaceScrollAction: true
-    });
-
-    ca.play();
+    
   });
 ```

docs/assets/demo/en/interaction/head-highlight.md

@@ -12,7 +12,7 @@ Highlight the header when selecting the cell.
 
 ## Key Configurations
 
-- `HeaderHighlightPlugin` highlight plugin
+- `HighlightHeaderWhenSelectCellPlugin` highlight plugin
   - `columnHighlight` whether highlight the column
   - `rowHighlight` whether highlight the row
   - `colHighlightBGColor` the background color of the column highlight
@@ -90,14 +90,15 @@ const columns = [
     width: 100
   }
 ];
-
+const highlightPlugin = new VTablePlugins.HighlightHeaderWhenSelectCellPlugin();
 const option = {
   records,
   columns,
-  rowSeriesNumber: {}
+  rowSeriesNumber: {},
+  plugins: [highlightPlugin]
 };
 const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID), option);
 window['tableInstance'] = tableInstance;
 
-const highlightPlugin = new VTablePlugins.HeaderHighlightPlugin(tableInstance, {});
+
 ```

docs/assets/demo/en/interaction/invert-highlight.md

@@ -12,7 +12,7 @@ Show the highlight effect when set highlight range.
 
 ## Key Configurations
 
-- `InvertHighlightPlugin` invert highlight plugin
+- `FocusHighlightPlugin` invert highlight plugin
   - `fill` invert highlight background color
   - `opacity` invert highlight opacity
 - `setInvertHighlightRange` set highlight range
@@ -87,25 +87,16 @@ const columns = [
     width: 100
   }
 ];
-
+const highlightPlugin = new VTablePlugins.FocusHighlightPlugin();
 const option = {
   records,
   columns,
-  theme: VTable.themes.DARK
+  theme: VTable.themes.DARK,
+  plugins: [highlightPlugin]
 };
 const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID), option);
 window['tableInstance'] = tableInstance;
 
-const highlightPlugin = new VTablePlugins.InvertHighlightPlugin(tableInstance, {});
 
-highlightPlugin.setInvertHighlightRange({
-  start: {
-    col: 0,
-    row: 6
-  },
-  end: {
-    col: 5,
-    row: 6
-  }
-});
+
 ```