diff --git a/CHANGELOG.md b/CHANGELOG.md index e7007d2..be1dc89 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -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.6.1] - 2025-12-15 + +### Fixed +- 🔧 修复:声明式Task List数据展示问题 +- 🔧 Fixed: Declarative Task List data display issue + ## [1.6.0] - 2025-12-14 ### Added diff --git a/demo/version-history.json b/demo/version-history.json index 8b453eb..f4383e3 100644 --- a/demo/version-history.json +++ b/demo/version-history.json @@ -400,5 +400,13 @@ "🔧 Fixed: Fixed issues", "Special thanks to osc_85545913@gitee for their use and feedback" ] + }, + { + "version": "1.6.1", + "date": "2025-12-15", + "notes": [ + "🔧 修复:声明式Task List数据展示问题", + "🔧 Fixed: Declarative Task List data display issue" + ] } ] diff --git a/package.json b/package.json index 8cc6847..afe4a7e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "jordium-gantt-vue3", - "version": "1.6.0", + "version": "1.6.1", "type": "module", "main": "npm-package/dist/jordium-gantt-vue3.cjs.js", "module": "npm-package/dist/jordium-gantt-vue3.es.js", diff --git a/src/components/TaskList.vue b/src/components/TaskList.vue index 4b5e9d6..24574eb 100644 --- a/src/components/TaskList.vue +++ b/src/components/TaskList.vue @@ -57,7 +57,7 @@ const { t } = useI18n() // 使用声明式列管理 composable const { declarativeColumns, getColumnWidthStyle: getDeclarativeColumnWidth } = useTaskListColumns( - props.taskListColumnRenderMode || 'default', + computed(() => props.taskListColumnRenderMode || 'default'), slots, props.taskListConfig?.columns || DEFAULT_TASK_LIST_COLUMNS, ) diff --git a/src/composables/useTaskListColumns.ts b/src/composables/useTaskListColumns.ts index be6f849..cbab6f7 100644 --- a/src/composables/useTaskListColumns.ts +++ b/src/composables/useTaskListColumns.ts @@ -1,4 +1,4 @@ -import { computed, type VNode, type Slots, type VNodeChild } from 'vue' +import { computed, type VNode, type Slots, type VNodeChild, type ComputedRef } from 'vue' import type { Task } from '../models/classes/Task' import type { TaskListColumnConfig } from '../models/configs/TaskListConfig' @@ -111,13 +111,14 @@ export function parseDeclarativeColumns(slots: Slots): DeclarativeColumnConfig[] * 用于管理任务列表的列配置(支持声明式和配置式) */ export function useTaskListColumns( - renderMode: 'default' | 'declarative', + renderMode: ComputedRef<'default' | 'declarative'> | 'default' | 'declarative', slots: Slots, defaultColumns?: TaskListColumnConfig[], ) { // 声明式列配置 const declarativeColumns = computed(() => { - if (renderMode !== 'declarative') { + const mode = typeof renderMode === 'string' ? renderMode : renderMode.value + if (mode !== 'declarative') { return [] } return parseDeclarativeColumns(slots) @@ -125,7 +126,8 @@ export function useTaskListColumns( // 最终使用的列配置 const finalColumns = computed(() => { - if (renderMode === 'declarative') { + const mode = typeof renderMode === 'string' ? renderMode : renderMode.value + if (mode === 'declarative') { return declarativeColumns.value } return defaultColumns || []