[Auto release] release 1.17.5

common/config/rush/version-policies.json

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

docs/assets/changelog/en/release.md

@@ -1,3 +1,22 @@
+# v1.17.4
+
+2025-03-31
+
+
+**🆕 New feature**
+
+- **@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**: disable group title editor
+
+[more detail about v1.17.4](https://github.com/VisActor/VTable/releases/tag/v1.17.4)
+
 # v1.17.3
 
 2025-03-24

docs/assets/changelog/zh/release.md

@@ -1,3 +1,21 @@
+# v1.17.4
+
+2025-03-31
+
+**🆕 新增功能**
+
+- **@visactor/vtable**: 在进度条中添加条形标记样式配置 [#3616](https://github.com/VisActor/VTable/issues/3616)
+
+**🐛 功能修复**
+
+- **@visactor/vtable**: 修复按钮样式问题 [#3614](https://github.com/VisActor/VTable/issues/3614)
+- **@visactor/vtable**: 修复复选框状态顺序更新问题 [#3606](https://github.com/VisActor/VTable/issues/3606)
+- **@visactor/vtable**: 为合并单元格范围添加自定义标记 [#3504](https://github.com/VisActor/VTable/issues/3504)
+- **@visactor/vtable**: 修复树形复选框状态更新问题
+- **@visactor/vtable**: 禁用分组标题编辑器
+
+[更多详情请查看 v1.17.4](https://github.com/VisActor/VTable/releases/tag/v1.17.4)
+
 # v1.17.3
 
 2025-03-24

docs/assets/option/en/common/style-item-define.md

@@ -134,7 +134,20 @@ type CursorPropertyDefine = string | ((args: StylePropertyFunctionArg) => string
 {{ target: common-marked }}
 
 ```
-type MarkedPropertyDefine = boolean | ((args: StylePropertyFunctionArg) => boolean);
+type MarkedPropertyDefine = boolean | MarkCellStyle | ((args: StylePropertyFunctionArg) => boolean | MarkCellStyle);
+
+type MarkCellStyle = {
+  /** 标记背景色 默认蓝色*/
+  bgColor?: CanvasRenderingContext2D['fillStyle'];
+  /** 标记形状 默认'sector' */
+  shape?: 'rect' | 'triangle' | 'sector';
+  /** 标记位置 默认'right-top' */
+  position?: 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
+  /** 标记大小 默认10 */
+  size?: number;
+  /** 标记偏移量 默认0 */
+  offset?: number;
+};
 
 ```
 

docs/assets/option/en/common/style.md

@@ -123,10 +123,12 @@ Set whether the text in the cell has a sticking effect 【Text can dynamically a
 When the cell text has an adsorption effect [the text can dynamically adjust its position when scrolling], the basis for adsorption is the horizontal alignment of the cell. For example, when `textStickBaseOnAlign` is `true` and `textAlign` is `'center'`, the text will be adsorbed to the horizontal center of the cell; otherwise, it will be adsorbed to the left or right edge of the cell (depending on the scroll position)
 
 #${prefix} marked(MarkedPropertyDefine)
+
 Set whether the cell has a marked style
 {{ use: common-marked(
   prefix = ${prefix}
   ) }}
+
 #${prefix} autoWrapText(boolean)
 Set whether the cell's text should automatically wrap
 

docs/assets/option/zh/common/style-item-define.md

@@ -134,8 +134,20 @@ type CursorPropertyDefine = string | ((args: StylePropertyFunctionArg) => string
 {{ target: common-marked }}
 
 ```
-type MarkedPropertyDefine = boolean | ((args: StylePropertyFunctionArg) => boolean);
-
+type MarkedPropertyDefine = boolean | MarkCellStyle | ((args: StylePropertyFunctionArg) => boolean | MarkCellStyle);
+
+type MarkCellStyle = {
+  /** 标记背景色 默认蓝色*/
+  bgColor?: CanvasRenderingContext2D['fillStyle'];
+  /** 标记形状 默认'sector' */
+  shape?: 'rect' | 'triangle' | 'sector';
+  /** 标记位置 默认'right-top' */
+  position?: 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
+  /** 标记大小 默认10 */
+  size?: number;
+  /** 标记偏移量 默认0 */
+  offset?: number;
+};
 ```
 
 {{ target: common-colorsDef }}

docs/assets/option/zh/common/style.md

@@ -124,10 +124,12 @@
 当单元格的文本有吸附效果【当滚动时文本可动态调整位置】时，吸附的基准是单元格的水平对齐方式。例如当`textStickBaseOnAlign`为`true`时，`textAlign`为`'center'`时，文本会吸附在单元格的水平中心位置；否则就会吸附在单元格左边缘或右边缘（依据滚动位置决定）。
 
 #${prefix} marked(MarkedPropertyDefine)
+
 设置单元格是否有标记样式
 {{ use: common-marked(
   prefix = ${prefix}
   ) }}
+
 #${prefix} autoWrapText(boolean)
 设置单元格是否自动换行
 

packages/openinula-vtable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/openinula-vtable",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "The openinula version of VTable",
   "keywords": [
     "openinula",

packages/react-vtable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/react-vtable",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "The react version of VTable",
   "keywords": [
     "react",

packages/vtable-calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable-calendar",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "The calendar component of VTable",
   "author": {
     "name": "VisActor",

packages/vtable-editors/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable-editors",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "",
   "sideEffects": false,
   "main": "cjs/index.js",

packages/vtable-export/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable-export",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "The export util of VTable",
   "author": {
     "name": "VisActor",

packages/vtable-gantt/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable-gantt",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "canvas table width high performance",
   "keywords": [
     "vtable-gantt",

packages/vtable-gantt/src/Gantt.ts

@@ -782,6 +782,13 @@ export class Gantt extends EventTarget {
     //     index + this.taskListTableInstance.columnHeaderLevelCount
     //   );
     // }
+    // if (this.taskListTableInstance.rowHierarchyType === 'tree' && typeof index === 'number') {
+    //   //如果是树形结构 需要获取数据源对应的索引
+    //   index = this.taskListTableInstance.getRecordIndexByCell(
+    //     0,
+    //     index + this.taskListTableInstance.columnHeaderLevelCount
+    //   );
+    // }
     this.taskListTableInstance.updateRecords([record], [index]);
   }
   /**
@@ -935,11 +942,20 @@ export class Gantt extends EventTarget {
     if (Array.isArray(task_index)) {
       const index = (task_index as number[])[0];
       const sub_index = (task_index as number[])[1];
-      this._updateRecordToListTable(record, isValid(sub_index) ? [index, sub_index] : index);
+      // this._updateRecordToListTable(record, isValid(sub_index) ? [index, sub_index] : index);
+      this._updateRecordToListTable(record, task_index);
       this._refreshTaskBar(index, sub_index);
       return;
     }
     const index = task_index as number;
+
+    // if (this.taskListTableInstance.rowHierarchyType === 'tree' && typeof index === 'number') {
+    //   //如果是树形结构 需要获取数据源对应的索引
+    //   index = this.taskListTableInstance.getRecordIndexByCell(
+    //     0,
+    //     index + this.taskListTableInstance.columnHeaderLevelCount
+    //   );
+    // }
     this._updateRecordToListTable(record, index);
     this._refreshTaskBar(index, undefined);
   }

packages/vtable-gantt/src/event/scroll.ts

@@ -41,7 +41,7 @@ export function handleWhell(
   }
   isWheelEvent && state.resetInteractionState();
   if (
-    event.cancelable &&
+    event.nativeEvent?.cancelable &&
     (state._gantt.parsedOptions.overscrollBehavior === 'none' ||
       (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, state)) ||
       (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable(deltaX, state)))

packages/vtable-gantt/src/tools/util.ts

@@ -704,11 +704,9 @@ export function computeCountToTimeScale(
     case 'quarter':
       difference =
         (adjusted_date.getFullYear() - startDate.getFullYear()) * 4 +
-        Math.floor(adjusted_date.getMonth() / 3) -
-        Math.floor(startDate.getMonth() / 3);
+        (adjusted_date.getMonth() - startDate.getMonth()) / 3;
       difference +=
-        (adjusted_date.getTime() - startDate.getTime()) /
-        DayTimes /
+        (adjusted_date.getDate() - startDate.getDate()) /
         (3 * new Date(adjusted_date.getFullYear(), adjusted_date.getMonth() + 1, 0).getDate());
       break;
     case 'year':

packages/vtable-plugins/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable-plugins",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "The search util of VTable",
   "author": {
     "name": "VisActor",

packages/vtable-search/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable-search",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "The search util of VTable",
   "author": {
     "name": "VisActor",

packages/vtable/CHANGELOG.json

@@ -1,6 +1,42 @@
 {
   "name": "@visactor/vtable",
   "entries": [
+    {
+      "version": "1.17.5",
+      "tag": "@visactor/vtable_v1.17.5",
+      "date": "Wed, 02 Apr 2025 09:56:31 GMT",
+      "comments": {
+        "none": [
+          {
+            "comment": "refactor: fillHandle function #3582\n\n"
+          },
+          {
+            "comment": "feat: cell support marked function #3583\n\n"
+          },
+          {
+            "comment": "fix: gantt scale set quarter parser problem #3612\n\n"
+          },
+          {
+            "comment": "fix: gantt overscrollBehavior none work #3638\n\n"
+          },
+          {
+            "comment": "fix: gantt chart updateRecords error when table is tree mode #3639\n\n"
+          },
+          {
+            "comment": "fix: rowHeight error when set adaptive heightMode #3640\n\n"
+          },
+          {
+            "comment": "feat: refactor pivotTable corner with no columns or rows case #3653\n\n"
+          },
+          {
+            "comment": "fix: when set renderChartAsync setRecords api render error #3661\n\n"
+          },
+          {
+            "comment": "fix: fix merge cell checkbox state update #3668"
+          }
+        ]
+      }
+    },
     {
       "version": "1.17.4",
       "tag": "@visactor/vtable_v1.17.4",

packages/vtable/CHANGELOG.md

@@ -1,6 +1,37 @@
 # Change Log - @visactor/vtable
 
-This log was last generated on Mon, 31 Mar 2025 12:27:48 GMT and should not be manually modified.
+This log was last generated on Wed, 02 Apr 2025 09:56:31 GMT and should not be manually modified.
+
+## 1.17.5
+Wed, 02 Apr 2025 09:56:31 GMT
+
+### Updates
+
+- refactor: fillHandle function #3582
+
+
+- feat: cell support marked function #3583
+
+
+- fix: gantt scale set quarter parser problem #3612
+
+
+- fix: gantt overscrollBehavior none work #3638
+
+
+- fix: gantt chart updateRecords error when table is tree mode #3639
+
+
+- fix: rowHeight error when set adaptive heightMode #3640
+
+
+- feat: refactor pivotTable corner with no columns or rows case #3653
+
+
+- fix: when set renderChartAsync setRecords api render error #3661
+
+
+- fix: fix merge cell checkbox state update #3668
 
 ## 1.17.4
 Mon, 31 Mar 2025 12:27:48 GMT

packages/vtable/examples/interactive/fill-handle.ts

@@ -82,7 +82,27 @@ export function createTable() {
         columns,
         widthMode: 'standard',
         excelOptions: {
-          fillHandle: true
+          fillHandle: args => {
+            const { selectRanges, table } = args;
+            if (selectRanges.length === 1) {
+              const { start, end } = selectRanges[0];
+              console.log('fillHandle', start, end);
+              const minCol = Math.min(start.col, end.col);
+              const maxCol = Math.max(start.col, end.col);
+              const minRow = Math.min(start.row, end.row);
+              const maxRow = Math.max(start.row, end.row);
+              //判断start到end 所有单元格有没有不能编辑的
+              for (let col = minCol; col <= maxCol; col++) {
+                for (let row = minRow; row <= maxRow; row++) {
+                  if (row === 2 && col === 2) {
+                    return false;
+                  }
+                }
+              }
+              return true;
+            }
+            return false;
+          }
         }
       };
       const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID), option);

packages/vtable/examples/list/list.ts

@@ -62,7 +62,35 @@ export function createTable() {
       title: 'email',
       width: 200,
       sort: true,
+      headerStyle: {
+        marked: {
+          bgColor: 'red',
+          shape: 'rect',
+          position: 'right-top',
+          size: 10,
+          offset: 6
+        }
+      },
       style: {
+        marked: args => {
+          const value = args.value;
+          if (value === '4@xxx.com') {
+            return {
+              bgColor: 'red',
+              shape: 'rect',
+              position: 'right-top',
+              size: 10,
+              offset: 6
+            };
+          }
+          return {
+            bgColor: 'red',
+            shape: 'triangle',
+            position: 'right-top',
+            size: 10,
+            offset: 6
+          };
+        },
         underline: true,
         underlineDash: [2, 0],
         underlineOffset: 3
@@ -191,6 +219,10 @@ export function createTable() {
     container: document.getElementById(CONTAINER_ID),
     emptyTip: true,
     records,
+    rowSeriesNumber: {
+      dragOrder: true
+    },
+
     columns: [
       ...columns
       // ...columns,