v1.7.2 - add enableLinkAnchor prop
This commit is contained in:
LINING-PC\lining
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
|
||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
||||
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||
|
||||
## [1.7.2] - 2026-01-15
|
||||
|
||||
### Added
|
||||
- 🎉 新增：GanttChart新增属性，enableLinkAnchor用于控制Taskbar的关系线锚点
|
||||
- 🎉 Added: New property in GanttChart - enableLinkAnchor to control the relationship line anchor points of Taskbar
|
||||
|
||||
## [1.7.1] - 2026-01-11
|
||||
|
||||
### Added
|
||||
|
||||
@@ -36,8 +36,12 @@
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://jordium.gitee.io/jordium-gantt-vue3/">
|
||||
<strong>📱 Gitee Live Demo</strong>
|
||||
</a>
|
||||
|
|
||||
<a href="https://nelson820125.github.io/jordium-gantt-vue3/">
|
||||
<strong>📱 Live Demo</strong>
|
||||
<strong>📱 Github Live Demo</strong>
|
||||
</a>
|
||||
|
|
||||
<a href="https://github.com/nelson820125/jordium-gantt-vue3">
|
||||
@@ -205,6 +209,7 @@ npm run dev
|
||||
| `timeScale`  | `'hour' \| 'day' \| 'week' \| 'month' \| 'quarter' \| 'year'` | `'week'` | Time scale (reactive). Timeline scale will follow changes |
|
||||
| `fullscreen`  | `boolean` | `false` | Fullscreen state control (reactive). Component's fullscreen state will follow changes |
|
||||
| `expandAll`  | `boolean` | `true` | Expand/collapse all tasks (reactive). All tasks' expand state will follow changes |
|
||||
| `enableLinkAnchor`  | `boolean` | `true` | Whether to enable Link Anchor，Default: true |
|
||||
|
||||
#### TaskListColumn Component Props
|
||||
|
||||
|
||||
@@ -36,8 +36,12 @@
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://jordium.gitee.io/jordium-gantt-vue3/">
|
||||
<strong>📱 Gitee在线演示</strong>
|
||||
</a>
|
||||
|
|
||||
<a href="https://nelson820125.github.io/jordium-gantt-vue3/">
|
||||
<strong>📱 在线演示</strong>
|
||||
<strong>📱 Github在线演示</strong>
|
||||
</a>
|
||||
|
|
||||
<a href="https://github.com/nelson820125/jordium-gantt-vue3">
|
||||
@@ -203,6 +207,7 @@ npm run dev
|
||||
| `timeScale`  | `'hour' \| 'day' \| 'week' \| 'month' \| 'quarter' \| 'year'` | `'week'` | 时间刻度（响应式）。设置后时间线刻度将跟随变化 |
|
||||
| `fullscreen`  | `boolean` | `false` | 全屏状态控制（响应式）。设置后组件全屏状态将跟随变化 |
|
||||
| `expandAll`  | `boolean` | `true` | 展开/收起所有任务（响应式）。设置后所有任务的展开状态将跟随变化 |
|
||||
| `enableLinkAnchor`  | `boolean` | `true` | 是否开启Taskbar的关系线锚点，默认值: true |
|
||||
|
||||
#### TaskListColumn 属性
|
||||
|
||||
|
||||
@@ -456,5 +456,15 @@
|
||||
"🎉 Added: Exposed methods in GanttChart to scroll to today/task/specified date - scrollToToday & scrollToTask & scrollToDate",
|
||||
"<span style=\"font-weight: bold; color: #f00;\">Special thanks to name-hard@github for their use and suggestions</span>"
|
||||
]
|
||||
},
|
||||
{
|
||||
"version": "1.7.2",
|
||||
"date": "2026-01-15",
|
||||
"notes": [
|
||||
"🎉 新增：GanttChart新增属性，enableLinkAnchor用于控制Taskbar的关系线锚点",
|
||||
"<span style=\"font-weight: bold; color: #f00;\">特别感谢 YQ6494@gitee的使用及建议</span>",
|
||||
"🎉 Added: New property in GanttChart - enableLinkAnchor to control the relationship line anchor points of Taskbar",
|
||||
"<span style=\"font-weight: bold; color: #f00;\">Special thanks to YQ6494@gitee for their use and suggestions</span>"
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
@@ -58,6 +58,7 @@ const props = withDefaults(defineProps<Props>(), {
|
||||
taskListRowStyle: undefined,
|
||||
enableTaskListContextMenu: true,
|
||||
enableTaskBarContextMenu: true,
|
||||
enableLinkAnchor: true,
|
||||
fullscreen: false,
|
||||
expandAll: true,
|
||||
locale: 'zh-CN',
|
||||
@@ -105,6 +106,9 @@ provide('gantt-column-slots', slots)
|
||||
provide('enable-task-list-context-menu', computed(() => props.enableTaskListContextMenu))
|
||||
provide('enable-task-bar-context-menu', computed(() => props.enableTaskBarContextMenu))
|
||||
|
||||
// 提供 LinkAnchor 配置给子组件
|
||||
provide('enable-link-anchor', computed(() => props.enableLinkAnchor))
|
||||
|
||||
// 使用声明式右键菜单 composables
|
||||
const { hasDeclarativeContextMenu: hasDeclarativeTaskListContextMenu, declarativeContextMenu: declarativeTaskListContextMenu } =
|
||||
useTaskListContextMenu(slots)
|
||||
@@ -194,6 +198,9 @@ interface Props {
|
||||
// 当设置为 true 且声明了 TaskBarContextMenu 组件时，使用自定义菜单
|
||||
// 当设置为 false 时，无论是否声明组件，TaskBar 右键菜单都失效
|
||||
enableTaskBarContextMenu?: boolean
|
||||
// 是否启用 LinkAnchor 连接触点功能（默认为 true）
|
||||
// 当设置为 false 时，TaskBar 上不显示前置/后置任务的连接触点
|
||||
enableLinkAnchor?: boolean
|
||||
// 全屏状态控制（响应式）
|
||||
fullscreen?: boolean
|
||||
// 展开/收起所有任务（响应式）
|
||||
|
||||
@@ -10,6 +10,9 @@ import { useI18n } from '../composables/useI18n'
|
||||
import type { TaskBarConfig } from '../models/configs/TaskBarConfig'
|
||||
import { DEFAULT_TASK_BAR_CONFIG } from '../models/configs/TaskBarConfig'
|
||||
|
||||
// 从 GanttChart 注入 enableLinkAnchor 配置
|
||||
const enableLinkAnchor = inject<ComputedRef<boolean>>('enable-link-anchor', computed(() => true))
|
||||
|
||||
interface Props {
|
||||
task: Task
|
||||
rowHeight: number
|
||||
@@ -2547,7 +2550,7 @@ const handleAnchorDragEnd = (anchorEvent: { taskId: number; type: 'predecessor'
|
||||
<!-- 连接线触点 - 只在非高亮模式且非父级任务时显示 -->
|
||||
<!-- 前置任务触点（左侧） -->
|
||||
<LinkAnchor
|
||||
v-if="!isParent && !isInHighlightMode"
|
||||
v-if="enableLinkAnchor && !isParent && !isInHighlightMode"
|
||||
type="predecessor"
|
||||
:task-id="task.id"
|
||||
:visible="isTaskBarHovered"
|
||||
@@ -2561,7 +2564,7 @@ const handleAnchorDragEnd = (anchorEvent: { taskId: number; type: 'predecessor'
|
||||
/>
|
||||
<!-- 后置任务触点（右侧） -->
|
||||
<LinkAnchor
|
||||
v-if="!isParent && !isInHighlightMode"
|
||||
v-if="enableLinkAnchor && !isParent && !isInHighlightMode"
|
||||
type="successor"
|
||||
:task-id="task.id"
|
||||
:visible="isTaskBarHovered"
|
||||
|
||||
Reference in New Issue
Block a user