feat: GanttColumnSize支持自定义宽度

src/components/root/rootProps.ts

@@ -134,10 +134,16 @@ export default {
    * 甘特图表的每一列宽度
    */
   ganttColumnSize: {
-    type: String as PropType<GanttColumnSize>,
+    type: String as
+      | PropType<GanttColumnSize>
+      | object as PropType<ColumnSizeObject>,
     default: 'normal',
     validator: (v: GanttColumnSize) => {
-      return ['small', 'normal', 'large'].includes(v);
+      return typeof v === 'string'
+        ? ['small', 'normal', 'large'].includes(v)
+        : !Object.keys(v).some(
+            k => !['hour', 'day', 'week', 'month'].includes(k)
+          ) && !['hour', 'day', 'week', 'month'].some(k => !v[k]);
     }
   },
 

src/composables/useGanttWidth.ts

@@ -21,6 +21,9 @@ export default () => {
 
   const ganttColumnWidth = computed(() => {
     const size = store.$styleBox.ganttColumnSize;
+    if (typeof size === 'object') {
+      return size[store.ganttHeader.unit];
+    }
     return Variables.size.ganttColumnWidth[size][store.ganttHeader.unit];
   });
 

src/typings/size.d.ts

@@ -1 +1,8 @@
-declare type GanttColumnSize = 'small' | 'normal' | 'large';
+// 对象方式设置甘特图列宽
+declare interface ColumnSizeObject {
+  hour: number;
+  day: number;
+  week: number;
+  month: number;
+}
+declare type GanttColumnSize = 'small' | 'normal' | 'large' | ColumnSizeObject;