feat: GanttColumnSize添加支持自定义宽度

xpyjs · Oct 9, 2023 · a9c19fe · a9c19fe
1 parent d778d36
commit a9c19fe
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/root/rootProps.ts b/src/components/root/rootProps.ts
@@ -134,10 +134,10 @@ export default {
    * 甘特图表的每一列宽度
    */
   ganttColumnSize: {
-    type: String as PropType<GanttColumnSize>,
+    type: String as PropType<GanttColumnSize> | number,
     default: 'normal',
     validator: (v: GanttColumnSize) => {
-      return ['small', 'normal', 'large'].includes(v);
+      return typeof v === 'number' || ['small', 'normal', 'large'].includes(v);
     }
   },
 

diff --git a/src/composables/useGanttWidth.ts b/src/composables/useGanttWidth.ts
@@ -21,6 +21,7 @@ export default () => {
 
   const ganttColumnWidth = computed(() => {
     const size = store.$styleBox.ganttColumnSize;
+    if (typeof size === 'number') return size;
     return Variables.size.ganttColumnWidth[size][store.ganttHeader.unit];
   });
 

diff --git a/src/typings/size.d.ts b/src/typings/size.d.ts
@@ -1 +1 @@
-declare type GanttColumnSize = 'small' | 'normal' | 'large';
+declare type GanttColumnSize = 'small' | 'normal' | 'large' | number;