Merge pull request #3106 from VisActor/release/1.13.2

[Auto release] release 1.13.2

common/config/rush/version-policies.json

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

docs/assets/api/en/GanttAPI.md

@@ -20,6 +20,14 @@ The following is an example of obtaining the selected state of the table:
 
 For specific ListTable interfaces, refer to: https://visactor.io/vtable/api/Methods
 
+### updateOption(Function)
+
+Update options
+
+```
+  updateOption: (options: GanttConstructorOptions) => void
+```
+
 ### setRecords(Function)
 
 Set data
@@ -38,6 +46,14 @@ Update timeline scales
 
 {{ use: common-gantt-timeline-scale }}
 
+### updateDateRange(Function)
+
+update gantt chart date range
+
+```
+  updateDateRange: (minDate: string, maxDate: string) => void
+```
+
 ### updateTaskRecord(Function)
 
 Update a specific data record

docs/assets/api/zh/GanttAPI.md

@@ -20,6 +20,14 @@
 
 具体 ListTable 的接口参考：https://visactor.io/vtable/api/Methods
 
+### updateOptions(Function)
+
+更新 options
+
+```
+  updateOptions: (options: GanttConstructorOptions) => void
+```
+
 ### setRecords(Function)
 
 设置数据
@@ -38,6 +46,14 @@
 
 {{ use: common-gantt-timeline-scale }}
 
+### updateDateRange(Function)
+
+更新甘特图日期范围
+
+```
+  updateDateRange: (minDate: string, maxDate: string) => void
+```
+
 ### updateTaskRecord(Function)
 
 更新某一条数据

docs/assets/changelog/en/release.md

@@ -1,22 +1,35 @@
+# v1.13.1
+
+2024-12-13
+
+**🆕 New feature**
+
+- **@visactor/vtable-gantt**: add time scale unit hour [#2976](https://github.com/VisActor/VTable/issues/2976)
+
+**🐛 Bug fix**
+
+- **@visactor/vtable-gantt**: left table width handle with tableWidth set auto [#3033](https://github.com/VisActor/VTable/issues/3033)
+
+[more detail about v1.13.1](https://github.com/VisActor/VTable/releases/tag/v1.13.1)
+
 # v1.13.0
 
 2024-12-09
 
-
 **🆕 New feature**
-
-- **@visactor/vtable**: add keybord ctrlMultiSelect config [#2995](https://github.com/VisActor/VTable/issues/2995)
-- **@visactor/vtable**: add panelStyle&arrowStyle config in Popover [#2988](https://github.com/VisActor/VTable/issues/2988)
+
+- **@visactor/vtable**: add keybord ctrlMultiSelect config [#2995](https://github.com/VisActor/VTable/issues/2995)
+- **@visactor/vtable**: add panelStyle&arrowStyle config in Popover [#2988](https://github.com/VisActor/VTable/issues/2988)
 
 **🐛 Bug fix**
-
-- **@visactor/vtable**: select not work when select set disableSelect [#2981](https://github.com/VisActor/VTable/issues/2981)
-- **@visactor/vtable**: fix textAlign in checkbox/radio [#2908](https://github.com/VisActor/VTable/issues/2908)
-- **@visactor/vtable**: outsideClickDeselect event in menu element
-- **@visactor/vtable**: fix col&row range in getCellMergeRange() [#2906](https://github.com/VisActor/VTable/issues/2906)
-- **@visactor/vtable**: fix merge cell select range update [#2944](https://github.com/VisActor/VTable/issues/2944)
-- **@visactor/vtable**: fix ListTreeStickCellPlugin update in tree_hierarchy_state_change event [#2914](https://github.com/VisActor/VTable/issues/2914)
-- **@visactor/vtable**: fix row update range in _refreshHierarchyState() [#2987](https://github.com/VisActor/VTable/issues/2987)
+
+- **@visactor/vtable**: select not work when select set disableSelect [#2981](https://github.com/VisActor/VTable/issues/2981)
+- **@visactor/vtable**: fix textAlign in checkbox/radio [#2908](https://github.com/VisActor/VTable/issues/2908)
+- **@visactor/vtable**: outsideClickDeselect event in menu element
+- **@visactor/vtable**: fix col&row range in getCellMergeRange() [#2906](https://github.com/VisActor/VTable/issues/2906)
+- **@visactor/vtable**: fix merge cell select range update [#2944](https://github.com/VisActor/VTable/issues/2944)
+- **@visactor/vtable**: fix ListTreeStickCellPlugin update in tree_hierarchy_state_change event [#2914](https://github.com/VisActor/VTable/issues/2914)
+- **@visactor/vtable**: fix row update range in \_refreshHierarchyState() [#2987](https://github.com/VisActor/VTable/issues/2987)
 - **@visactor/vtable**: fix text baseline align problem
 
 [more detail about v1.13.0](https://github.com/VisActor/VTable/releases/tag/v1.13.0)

docs/assets/changelog/zh/release.md

@@ -1,8 +1,21 @@
+# v1.13.1
+
+2024-12-13
+
+**🆕 新增功能**
+
+- **@visactor/vtable-gantt**: 甘特图时间单位支持时分秒级别 [#2976](https://github.com/VisActor/VTable/issues/2976)
+
+**🐛 功能修复**
+
+- **@visactor/vtable-gantt**: 处理 tableWidth 设置为 'auto' 情况下的表格整体宽度自动适应问题 [#3033](https://github.com/VisActor/VTable/issues/3033)
+
+[更多详情请查看 v1.13.1](https://github.com/VisActor/VTable/releases/tag/v1.13.1)
+
 # v1.13.0
 
 2024-12-09
 
-
 **🆕 新增功能**
 
 - **@visactor/vtable**：添加键盘 ctrlMultiSelect 配置 [#2995](https://github.com/VisActor/VTable/issues/2995)
@@ -16,8 +29,8 @@
 - **@visactor/vtable**：修复 getCellMergeRange() 中的列和行范围问题 [#2906](https://github.com/VisActor/VTable/issues/2906)
 - **@visactor/vtable**：修复合并单元格选择范围更新问题 [#2944](https://github.com/VisActor/VTable/issues/2944)
 - **@visactor/vtable**：修复 tree_hierarchy_state_change 事件中 ListTreeStickCellPlugin 的更新问题 [#2914](https://github.com/VisActor/VTable/issues/2914)
-- **@visactor/vtable**：修复 _refreshHierarchyState() 中的行更新范围问题 [#2987](https://github.com/VisActor/VTable/issues/2987)
-- **@visactor/vtable**: 修复文字baseline对齐问题
+- **@visactor/vtable**：修复 \_refreshHierarchyState() 中的行更新范围问题 [#2987](https://github.com/VisActor/VTable/issues/2987)
+- **@visactor/vtable**: 修复文字 baseline 对齐问题
 
 [更多详情请查看 v1.13.0](https://github.com/VisActor/VTable/releases/tag/v1.13.0)
 

docs/assets/guide/en/interaction/resize_column_width.md

@@ -40,7 +40,7 @@ Configuration items (pivot table and perspective chart support):
   /**
    * The effective range of adjusting column width: 'column' | 'indicator' | 'all' | 'indicatorGroup', single column | by indicator | all columns | multiple indicators belonging to the same dimension value
    */
- columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';  
+ columnResizeType?: 'column' | 'indicator' | 'all' | 'indicatorGroup';
  /**
    * The effective range of adjusting row height: 'row' | 'indicator' | 'all' | 'indicatorGroup', single row | by indicator | all rows | multiple indicators belonging to the same dimension value
    */
@@ -1055,6 +1055,7 @@ When adjusting the column width and row height, we can customize the style of th
 - bgColor: background line color
 - lineWidth: line width of the straight line
 - width: width of background line
+- resizeHotSpotSize: response Adjust the size of the interactive behavior hot zone in row height and column width
 
 ```javascript
 {
@@ -1064,7 +1065,8 @@ When adjusting the column width and row height, we can customize the style of th
             lineColor: 'blue',
             bgColor: 'red',
             lineWidth: 1,
-            width: 5
+            width: 5,
+            resizeHotSpotSize: 8
         }
     }
 }
@@ -1126,7 +1128,8 @@ const myVTable = new VTable.ListTable(document.getElementById(CONTAINER_ID), {
       lineColor: 'blue',
       bgColor: 'lightgray',
       lineWidth: 2,
-      width: 10
+      width: 10,
+      resizeHotSpotSize: 8
     }
   })
 });

docs/assets/guide/en/theme_and_style/theme.md

@@ -193,7 +193,7 @@ const theme = {
     shadowColor: 'rgba(00, 24, 47, 0.06)'
   },
   //拖拽列宽分割线样式
-  columnResizer: {
+  columnResize: {
     lineWidth: 1,
     lineColor: '#416EFF',
     bgColor: '#D9E2FF',

docs/assets/guide/zh/interaction/resize_column_width.md

@@ -1053,6 +1053,7 @@ const tableInstance = new VTable.PivotTable(document.getElementById(CONTAINER_ID
 - bgColor: 背景线的颜色
 - lineWidth: 直线的线宽
 - width: 背景线的宽度
+- resizeHotSpotSize: 响应调整行高列宽交互行为热区的大小
 
 ```javascript
 {
@@ -1062,7 +1063,8 @@ const tableInstance = new VTable.PivotTable(document.getElementById(CONTAINER_ID
             lineColor: 'blue',
             bgColor: 'red',
             lineWidth: 1,
-            width: 5
+            width: 5,
+            resizeHotSpotSize: 8,
         }
     }
 }
@@ -1124,7 +1126,8 @@ const myVTable = new VTable.ListTable(document.getElementById(CONTAINER_ID), {
       lineColor: 'blue',
       bgColor: 'lightgray',
       lineWidth: 2,
-      width: 10
+      width: 10,
+      resizeHotSpotSize: 8
     }
   })
 });

docs/assets/guide/zh/theme_and_style/theme.md

@@ -193,7 +193,7 @@ const theme = {
     shadowColor: 'rgba(00, 24, 47, 0.06)'
   },
   //拖拽列宽分割线样式
-  columnResizer: {
+  columnResize: {
     lineWidth: 1,
     lineColor: '#416EFF',
     bgColor: '#D9E2FF',

docs/assets/option/en/common/gantt/grid.md

@@ -1,12 +1,24 @@
 {{ target: common-gantt-grid }}
 
 The IGrid definition is as follows:
+
 ```
 export interface IGrid {
   backgroundColor?: string;
-  verticalLine?: ILineStyle;
-  horizontalLine?: ILineStyle;
+  verticalLine?: ILineStyle | ((args: GridVerticalLineStyleArgumentType) => ILineStyle);
+  horizontalLine?: ILineStyle | ((args: GridHorizontalLineStyleArgumentType) => ILineStyle);
 }
+
+export type GridVerticalLineStyleArgumentType = {
+  /** 竖线是第几条线*/
+  index: number;
+  /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */
+  dateIndex: number;
+  /** 如果是竖线，date代表分割线指向的具体时间点 */
+  date?: Date;
+  ganttInstance: Gantt;
+};
+
 ```
 
 ${prefix} backgroundColor(string)
@@ -15,15 +27,15 @@ Background color of the grid line area
 
 Optional
 
-${prefix} verticalLine(ILineStyle)
+${prefix} verticalLine(ILineStyle | Function)
 
 Vertical interval line style
 
 Optional
 
 {{ use: common-gantt-line-style }}
 
-${prefix} horizontalLine(ILineStyle)
+${prefix} horizontalLine(ILineStyle | Function)
 
 Horizontal interval line style
 

docs/assets/option/en/common/gantt/task-bar.md

@@ -48,18 +48,46 @@ Optional
 
 {{ use: common-gantt-task-bar-custom-layout }}
 
-${prefix} resizable(boolean) = true
+${prefix} resizable(boolean | [ boolean, boolean ] | Function) = true
 
 Whether the task bar can be resized. The default is true.
 
 Optional
 
-${prefix} moveable(boolean) = true
+```
+ /** Whether the task bar can be resized. The configuration function can return whether the size can be resized depending on the situation */
+    resizable?:
+      | boolean
+      | [boolean, boolean]
+      | ((interactionArgs: TaskBarInteractionArgumentType) => boolean | [boolean, boolean]);
+
+export type TaskBarInteractionArgumentType = {
+  taskRecord: string;
+  index: number;
+  startDate: Date;
+  endDate: Date;
+  ganttInstance: Gantt;
+};
+```
+
+${prefix} moveable(boolean | Function) = true
 
 Whether the task bar can be moved. The default is true.
 
 Optional
 
+```
+moveable?: boolean | ((interactionArgs: TaskBarInteractionArgumentType) => boolean);
+
+export type TaskBarInteractionArgumentType = {
+  taskRecord: string;
+  index: number;
+  startDate: Date;
+  endDate: Date;
+  ganttInstance: Gantt;
+};
+```
+
 ${prefix} hoverBarStyle(ITaskBarHoverStyle)
 
 Taskbar hover style

docs/assets/option/en/common/option-secondary.md

@@ -191,7 +191,7 @@ Mouse hover over the cell right border can drag and adjust column width. This op
 - 'header' Only adjustable in header cells
 - 'body' Only adjustable in body cells
 
-#${prefix} columnResizeMode(string) = 'all'
+#${prefix} rowResizeMode(string) = 'none'
 
 Mouse hover over the cell bottom border can drag and adjust row height. This operation can trigger the following range:
 

docs/assets/option/zh/common/gantt/grid.md

@@ -1,12 +1,23 @@
 {{ target: common-gantt-grid }}
 
-IGrid定义如下：
+IGrid 定义如下：
+
 ```
 export interface IGrid {
   backgroundColor?: string;
-  verticalLine?: ILineStyle;
-  horizontalLine?: ILineStyle;
+  verticalLine?: ILineStyle | ((args: GridVerticalLineStyleArgumentType) => ILineStyle);
+  horizontalLine?: ILineStyle | ((args: GridHorizontalLineStyleArgumentType) => ILineStyle);
 }
+
+export type GridVerticalLineStyleArgumentType = {
+  /** The vertical line is what line */
+  index: number;
+  /** The current date belongs to the number of the date scale. Such as quarter date in fourth quarter return 4。 */
+  dateIndex: number;
+  /** If it is a vertical line, date represents the specific point in time to which the divider points */
+  date?: Date;
+  ganttInstance: Gantt;
+};
 ```
 
 ${prefix} backgroundColor(string)
@@ -15,18 +26,18 @@ ${prefix} backgroundColor(string)
 
 非必填
 
-${prefix} verticalLine(ILineStyle)
+${prefix} verticalLine(ILineStyle | Function)
 
 垂直间隔线样式
 
 非必填
 
 {{ use: common-gantt-line-style }}
 
-${prefix} horizontalLine(ILineStyle)
+${prefix} horizontalLine(ILineStyle | Function)
 
 水平间隔线样式
 
 非必填
 
-{{ use: common-gantt-line-style }}
+{{ use: common-gantt-line-style }}