@robot-admin/naive-ui-components 0.17.5 → 0.18.0

package/dist/index25.vue.d.ts

@@ -1,666 +1,111 @@
 import * as vue from "vue";
 
-//#region src/components/C_VtableGantt/data.d.ts
-interface GanttTask {
+//#region src/components/C_Timeline/types.d.ts
+/**
+ * @Description: 时间线组件类型定义
+ */
+/** 单条时间线节点 */
+interface TimelineItem {
+  /** 唯一标识 */
   id: string | number;
+  /** 标题 */
   title: string;
-  start: string | Date;
-  end?: string | Date;
-  progress?: number;
-  priority?: string;
-  type?: 'milestone' | 'task';
-  children?: GanttTask[];
-  [key: string]: any;
+  /** 描述内容（支持 HTML 字符串） */
+  content?: string;
+  /** 时间标签 */
+  time?: string;
+  /** 节点颜色（CSS 颜色值） */
+  color?: string;
+  /** 节点图标（Iconify 图标名） */
+  icon?: string;
+  /** 节点状态 */
+  status?: 'default' | 'success' | 'warning' | 'error' | 'info';
+  /** 是否可展开/折叠详情 */
+  collapsible?: boolean;
+  /** 初始是否展开 */
+  defaultExpanded?: boolean;
+  /** 附加标签组 */
+  tags?: Array<{
+    text: string;
+    type?: string;
+  }>;
+  /** 自定义额外数据 */
+  extra?: Record<string, unknown>;
 }
-interface GanttOptions {
-  [key: string]: any;
+/** 组件 Props */
+interface TimelineProps {
+  /** 时间线数据 */
+  items: TimelineItem[];
+  /** 布局方向 */
+  mode?: 'vertical' | 'horizontal';
+  /** 垂直模式下时间标签位置 */
+  labelPlacement?: 'left' | 'right' | 'alternate';
+  /** 是否显示尾部加载更多指示 */
+  pending?: boolean;
+  /** 加载更多文案 */
+  pendingText?: string;
+  /** 是否反转排列（最新在前） */
+  reverse?: boolean;
+  /** 节点大小 */
+  size?: 'small' | 'medium' | 'large';
+  /** 连接线样式 */
+  lineType?: 'solid' | 'dashed' | 'dotted';
+  /** 是否显示时间标签 */
+  showTime?: boolean;
 }
-type GanttPreset = 'basic' | 'project' | 'timeline' | 'milestone' | 'official';
-declare const presetConfigs: {
-  basic: {
-    overscrollBehavior: string;
-    headerRowHeight: number;
-    rowHeight: number;
-    taskListTable: {
-      columns: ({
-        field: string;
-        title: string;
-        width: number;
-        tree: boolean;
-      } | {
-        field: string;
-        title: string;
-        width: number;
-        tree?: undefined;
-      })[];
-      tableWidth: number;
-      minTableWidth: number;
-      theme: {
-        headerStyle: {
-          borderColor: string;
-          borderLineWidth: number;
-          fontSize: number;
-          fontWeight: string;
-        };
-        bodyStyle: {
-          borderColor: string;
-          borderLineWidth: number[];
-          fontSize: number;
-        };
-      };
-    };
-    frame: {
-      outerFrameStyle: {
-        borderLineWidth: number;
-        borderColor: string;
-        cornerRadius: number;
-      };
-      verticalSplitLineMoveable: boolean;
-      verticalSplitLine: {
-        lineColor: string;
-        lineWidth: number;
-      };
-    };
-    grid: {
-      verticalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      horizontalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-    };
-    taskBar: {
-      startDateField: string;
-      endDateField: string;
-      progressField: string;
-      moveable: boolean;
-      resizable: boolean;
-      labelText: string;
-      labelTextStyle: {
-        fontSize: number;
-        textAlign: string;
-      };
-      barStyle: {
-        width: number;
-        barColor: string;
-        completedBarColor: string;
-        cornerRadius: number;
-        borderLineWidth: number;
-      };
-      milestoneStyle: {
-        borderColor: string;
-        borderLineWidth: number;
-        fillColor: string;
-        width: number;
-      };
-    };
-    timelineHeader: {
-      colWidth: number;
-      horizontalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      verticalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      scales: ({
-        unit: string;
-        step: number;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          fontWeight: string;
-        };
-      } | {
-        unit: string;
-        step: number;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          fontWeight?: undefined;
-        };
-      })[];
-    };
-    scrollStyle: {
-      scrollRailColor: string;
-      visible: string;
-      width: number;
-      scrollSliderCornerRadius: number;
-      scrollSliderColor: string;
-    };
-  };
-  project: {
-    overscrollBehavior: string;
-    headerRowHeight: number;
-    rowHeight: number;
-    taskListTable: {
-      columns: ({
-        field: string;
-        title: string;
-        width: number;
-        tree: boolean;
-        editor: string;
-      } | {
-        field: string;
-        title: string;
-        width: number;
-        editor: string;
-        tree?: undefined;
-      })[];
-      tableWidth: number;
-      minTableWidth: number;
-      maxTableWidth: number;
-      theme: {
-        headerStyle: {
-          borderColor: string;
-          borderLineWidth: number;
-          fontSize: number;
-          fontWeight: string;
-        };
-        bodyStyle: {
-          borderColor: string;
-          borderLineWidth: number[];
-          fontSize: number;
-        };
-      };
-      hierarchyExpandLevel: number;
-    };
-    frame: {
-      outerFrameStyle: {
-        borderLineWidth: number;
-        borderColor: string;
-        cornerRadius: number;
-      };
-      verticalSplitLineMoveable: boolean;
-      verticalSplitLine: {
-        lineColor: string;
-        lineWidth: number;
-      };
-    };
-    grid: {
-      verticalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      horizontalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-    };
-    taskBar: {
-      startDateField: string;
-      endDateField: string;
-      progressField: string;
-      moveable: boolean;
-      resizable: boolean;
-      hoverBarStyle: {
-        barOverlayColor: string;
-      };
-      labelText: string;
-      labelTextStyle: {
-        fontSize: number;
-        textAlign: string;
-        textOverflow: string;
-      };
-      barStyle: {
-        width: number;
-        barColor: string;
-        completedBarColor: string;
-        cornerRadius: number;
-        borderLineWidth: number;
-      };
-    };
-    timelineHeader: {
-      colWidth: number;
-      horizontalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      verticalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      scales: ({
-        unit: string;
-        step: number;
-        startOfWeek: string;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          fontWeight: string;
-          textAlign: string;
-        };
-      } | {
-        unit: string;
-        step: number;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          textAlign: string;
-          fontWeight?: undefined;
-        };
-        startOfWeek?: undefined;
-      })[];
-    };
-    rowSeriesNumber: {
-      title: string;
-      dragOrder: boolean;
-      headerStyle: {
-        borderColor: string;
-      };
-      style: {
-        borderColor: string;
-      };
-    };
-    scrollStyle: {
-      scrollRailColor: string;
-      visible: string;
-      width: number;
-      scrollSliderCornerRadius: number;
-      scrollSliderColor: string;
-    };
-  };
-  timeline: {
-    overscrollBehavior: string;
-    headerRowHeight: number;
-    rowHeight: number;
-    taskListTable: {
-      columns: ({
-        field: string;
-        title: string;
-        width: number;
-        tree: boolean;
-      } | {
-        field: string;
-        title: string;
-        width: number;
-        tree?: undefined;
-      })[];
-      tableWidth: number;
-      minTableWidth: number;
-      theme: {
-        headerStyle: {
-          borderColor: string;
-          borderLineWidth: number;
-          fontSize: number;
-          fontWeight: string;
-        };
-        bodyStyle: {
-          borderColor: string;
-          borderLineWidth: number[];
-          fontSize: number;
-        };
-      };
-    };
-    frame: {
-      outerFrameStyle: {
-        borderLineWidth: number;
-        borderColor: string;
-        cornerRadius: number;
-      };
-      verticalSplitLineMoveable: boolean;
-    };
-    grid: {
-      verticalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      horizontalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-    };
-    taskBar: {
-      startDateField: string;
-      endDateField: string;
-      progressField: string;
-      moveable: boolean;
-      resizable: boolean;
-      labelText: string;
-      labelTextStyle: {
-        fontSize: number;
-        textAlign: string;
-      };
-      barStyle: {
-        width: number;
-        barColor: string;
-        completedBarColor: string;
-        cornerRadius: number;
-        borderLineWidth: number;
-      };
-    };
-    timelineHeader: {
-      colWidth: number;
-      scales: ({
-        unit: string;
-        step: number;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          fontWeight: string;
-        };
-      } | {
-        unit: string;
-        step: number;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          fontWeight?: undefined;
-        };
-      })[];
-    };
-    scrollStyle: {
-      scrollRailColor: string;
-      visible: string;
-      width: number;
-      scrollSliderCornerRadius: number;
-      scrollSliderColor: string;
-    };
-  };
-  milestone: {
-    overscrollBehavior: string;
-    headerRowHeight: number;
-    rowHeight: number;
-    taskListTable: {
-      columns: ({
-        field: string;
-        title: string;
-        width: number;
-        tree: boolean;
-      } | {
-        field: string;
-        title: string;
-        width: number;
-        tree?: undefined;
-      })[];
-      tableWidth: number;
-      minTableWidth: number;
-      theme: {
-        headerStyle: {
-          borderColor: string;
-          borderLineWidth: number;
-          fontSize: number;
-          fontWeight: string;
-        };
-        bodyStyle: {
-          borderColor: string;
-          borderLineWidth: number[];
-          fontSize: number;
-        };
-      };
-    };
-    frame: {
-      outerFrameStyle: {
-        borderLineWidth: number;
-        borderColor: string;
-        cornerRadius: number;
-      };
-      verticalSplitLineMoveable: boolean;
-    };
-    grid: {
-      verticalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      horizontalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-    };
-    taskBar: {
-      startDateField: string;
-      endDateField: string;
-      labelText: string;
-      labelTextStyle: {
-        fontSize: number;
-        fontWeight: string;
-      };
-      barStyle: {
-        width: number;
-        barColor: string;
-      };
-      milestoneStyle: {
-        borderColor: string;
-        borderLineWidth: number;
-        fillColor: string;
-        width: number;
-      };
-    };
-    timelineHeader: {
-      colWidth: number;
-      scales: ({
-        unit: string;
-        step: number;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          fontWeight: string;
-        };
-      } | {
-        unit: string;
-        step: number;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          fontWeight?: undefined;
-        };
-      })[];
-    };
-    scrollStyle: {
-      scrollRailColor: string;
-      visible: string;
-      width: number;
-      scrollSliderCornerRadius: number;
-      scrollSliderColor: string;
-    };
-  };
-  official: {
-    overscrollBehavior: string;
-    headerRowHeight: number;
-    rowHeight: number;
-    taskListTable: {
-      columns: ({
-        field: string;
-        title: string;
-        width: number;
-        sort: boolean;
-        tree: boolean;
-        editor: string;
-      } | {
-        field: string;
-        title: string;
-        width: number;
-        sort: boolean;
-        editor: string;
-        tree?: undefined;
-      })[];
-      tableWidth: number;
-      minTableWidth: number;
-      maxTableWidth: number;
-      theme: {
-        headerStyle: {
-          fontSize: number;
-          color: string;
-          borderColor: string;
-          borderLineWidth: number;
-          fontWeight: string;
-        };
-        bodyStyle: {
-          fontSize: number;
-          color: string;
-          borderColor: string;
-          borderLineWidth: number[];
-        };
-      };
-      hierarchyExpandLevel: number;
-    };
-    frame: {
-      outerFrameStyle: {
-        borderLineWidth: number;
-        borderColor: string;
-        cornerRadius: number;
-      };
-      verticalSplitLineMoveable: boolean;
-      verticalSplitLine: {
-        lineColor: string;
-        lineWidth: number;
-      };
-      horizontalSplitLine: {
-        lineColor: string;
-        lineWidth: number;
-      };
-    };
-    grid: {
-      verticalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      horizontalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-    };
-    taskBar: {
-      startDateField: string;
-      endDateField: string;
-      progressField: string;
-      moveable: boolean;
-      resizable: boolean;
-      hoverBarStyle: {
-        barOverlayColor: string;
-      };
-      labelText: string;
-      labelTextStyle: {
-        fontSize: number;
-        textAlign: string;
-        textOverflow: string;
-      };
-      barStyle: {
-        width: number;
-        barColor: string;
-        completedBarColor: string;
-        cornerRadius: number;
-        borderLineWidth: number;
-        borderColor: string;
-      };
-      milestoneStyle: {
-        borderColor: string;
-        borderLineWidth: number;
-        fillColor: string;
-        width: number;
-      };
-    };
-    timelineHeader: {
-      backgroundColor: string;
-      colWidth: number;
-      horizontalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      verticalLine: {
-        lineWidth: number;
-        lineColor: string;
-      };
-      scales: ({
-        unit: string;
-        step: number;
-        startOfWeek: string;
-        format: (date: any) => string;
-        style: {
-          fontSize: number;
-          fontWeight: string;
-          color: string;
-          strokeColor: string;
-          textAlign: string;
-          textBaseline: string;
-          textStick: boolean;
-        };
-      } | {
-        unit: string;
-        step: number;
-        format: (date: any) => any;
-        style: {
-          fontSize: number;
-          fontWeight: string;
-          color: string;
-          strokeColor: string;
-          textAlign: string;
-          textBaseline: string;
-          textStick?: undefined;
-        };
-        startOfWeek?: undefined;
-      })[];
-    };
-    markLine: {
-      date: string;
-      style: {
-        lineWidth: number;
-        lineColor: string;
-        lineDash: number[];
-      };
-    }[];
-    rowSeriesNumber: {
-      title: string;
-      dragOrder: boolean;
-      headerStyle: {
-        borderColor: string;
-      };
-      style: {
-        borderColor: string;
-      };
-    };
-    scrollStyle: {
-      scrollRailColor: string;
-      visible: string;
-      width: number;
-      scrollSliderCornerRadius: number;
-      scrollSliderColor: string;
-    };
-  };
+/** 默认 Props */
+declare const DEFAULT_TIMELINE_PROPS: {
+  mode: "vertical";
+  labelPlacement: "right";
+  pending: boolean;
+  pendingText: string;
+  reverse: boolean;
+  size: "medium";
+  lineType: "solid";
+  showTime: boolean;
 };
+/** 状态 → 颜色映射 */
+declare const STATUS_COLOR_MAP: Record<string, string>;
 //#endregion
-//#region src/components/C_VtableGantt/index.vue.d.ts
-interface Props {
-  data?: GanttTask[];
-  options?: GanttOptions;
-  preset?: GanttPreset;
-  height?: string | number;
-  title?: string;
-  showToolbar?: boolean;
-  showFullscreenButton?: boolean;
-  theme?: 'light' | 'dark';
-}
-declare const __VLS_export: vue.DefineComponent<Props, {
-  ganttInstance: vue.ShallowRef<any, any>;
-  loading: vue.Ref<boolean, boolean>;
-  error: vue.ShallowRef<Error | undefined, Error | undefined>;
-  reload: () => Promise<void>;
-  updateData: (newData: GanttTask[]) => void;
-  updateOptions: (newOptions: GanttOptions) => void;
-  toggleFullscreen: () => Promise<void>;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  error: (error: Error) => any;
-  ganttCreated: (gantt: any) => any;
-  taskClick: (task: GanttTask, event: Event) => any;
-  taskChange: (task: GanttTask, changes: any) => any;
-}, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  onError?: ((error: Error) => any) | undefined;
-  onGanttCreated?: ((gantt: any) => any) | undefined;
-  onTaskClick?: ((task: GanttTask, event: Event) => any) | undefined;
-  onTaskChange?: ((task: GanttTask, changes: any) => any) | undefined;
+//#region src/components/C_Timeline/index.vue.d.ts
+declare var __VLS_1: {
+    item: TimelineItem;
+    index: number;
+  }, __VLS_8: {
+    item: TimelineItem;
+    index: number;
+  };
+type __VLS_Slots = {} & {
+  dot?: (props: typeof __VLS_1) => any;
+} & {
+  title?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: vue.DefineComponent<TimelineProps, {
+  /** 展开全部 */expandAll: () => void; /** 折叠全部 */
+  collapseAll: () => void;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  expand: (item: TimelineItem, expanded: boolean) => any;
+  "item-click": (item: TimelineItem, index: number) => any;
+}, string, vue.PublicProps, Readonly<TimelineProps> & Readonly<{
+  onExpand?: ((item: TimelineItem, expanded: boolean) => any) | undefined;
+  "onItem-click"?: ((item: TimelineItem, index: number) => any) | undefined;
 }>, {
-  options: GanttOptions;
-  title: string;
-  preset: GanttPreset;
-  theme: "light" | "dark";
-  height: string | number;
-  data: GanttTask[];
-  showToolbar: boolean;
-  showFullscreenButton: boolean;
+  size: "small" | "medium" | "large";
+  reverse: boolean;
+  items: TimelineItem[];
+  pending: boolean;
+  mode: "vertical" | "horizontal";
+  labelPlacement: "left" | "right" | "alternate";
+  pendingText: string;
+  lineType: "solid" | "dashed" | "dotted";
+  showTime: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
-export { presetConfigs as a, GanttTask as i, GanttOptions as n, GanttPreset as r, _default as t };
+export { TimelineProps as a, TimelineItem as i, DEFAULT_TIMELINE_PROPS as n, STATUS_COLOR_MAP as r, _default as t };