vue-devui 1.5.7-hotfix.3 → 1.5.8

package/types/code-review/src/code-review-types.d.ts

@@ -1,6 +1,17 @@
 import type { ExtractPropTypes, InjectionKey, PropType, SetupContext, Ref } from 'vue';
 import type { DiffFile } from 'diff2html/lib/types';
 export declare type OutputFormat = 'line-by-line' | 'side-by-side';
+export declare type ExpandDirection = 'up' | 'down' | 'updown' | 'all';
+export declare type LineSide = 'left' | 'right';
+export interface CommentPosition {
+    left: number;
+    right: number;
+}
+export interface CodeReviewMethods {
+    toggleFold: (status?: boolean) => void;
+    insertComment: (lineNumber: number, lineSide: LineSide, commentDom: HTMLElement) => void;
+    removeComment: (lineNumber: number, lineSide: LineSide) => void;
+}
 export declare const codeReviewProps: {
     diff: {
         type: StringConstructor;
@@ -15,9 +26,14 @@ export declare const codeReviewProps: {
         type: PropType<OutputFormat>;
         default: string;
     };
+    expandAllThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export declare type CodeReviewProps = ExtractPropTypes<typeof codeReviewProps>;
 export interface CodeReviewContext {
+    reviewContentRef: Ref<HTMLElement>;
     diffInfo: DiffFile;
     isFold: Ref<boolean>;
     rootCtx: SetupContext;

package/types/code-review/src/code-review.d.ts

@@ -13,7 +13,11 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./code-review-types").OutputFormat>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "foldChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    expandAllThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "foldChange" | "addComment" | "afterViewInit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     diff: {
         type: StringConstructor;
         required: boolean;
@@ -27,9 +31,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./code-review-types").OutputFormat>;
         default: string;
     };
+    expandAllThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {
     diff: string;
     fold: boolean;
     outputFormat: import("./code-review-types").OutputFormat;
+    expandAllThreshold: number;
 }>;
 export default _default;

package/types/code-review/src/components/code-review-icons.d.ts

@@ -1,2 +1,6 @@
 export declare function FoldIcon(): JSX.Element;
 export declare function CopyIcon(): JSX.Element;
+export declare function CommentIcon(): JSX.Element;
+export declare function UpExpandIcon(): string;
+export declare function DownExpandIcon(): string;
+export declare function AllExpandIcon(): string;

package/types/code-review/src/composables/use-code-review-comment.d.ts

@@ -0,0 +1,13 @@
+import type { SetupContext, Ref } from 'vue';
+import type { LineSide } from '../code-review-types';
+export declare function useCodeReviewComment(reviewContentRef: Ref<HTMLElement>, ctx: SetupContext): {
+    commentLeft: Ref<number>;
+    commentTop: Ref<number>;
+    onMouseEnter: (e: MouseEvent) => void;
+    onMouseMove: (e: MouseEvent) => void;
+    onMouseleave: (e: MouseEvent) => void;
+    onCommentMouseLeave: (e: MouseEvent) => void;
+    onCommentIconClick: () => void;
+    insertComment: (lineNumber: number, lineSide: LineSide, commentDom: HTMLElement) => void;
+    removeComment: (lineNumber: number, lineSide: LineSide) => void;
+};

package/types/code-review/src/composables/use-code-review-expand.d.ts

@@ -0,0 +1,5 @@
+import type { Ref } from 'vue';
+import type { OutputFormat } from '../code-review-types';
+export declare function useCodeReviewExpand(reviewContentRef: Ref<HTMLElement>, expandAllThreshold: number, outputFormat: OutputFormat): {
+    insertExpandButton: () => void;
+};

package/types/code-review/src/composables/use-code-review.d.ts

@@ -3,4 +3,6 @@ import type { CodeReviewProps } from '../code-review-types';
 export declare function useCodeReview(props: CodeReviewProps, ctx: SetupContext): {
     renderHtml: import("vue").Ref<string>;
     isFold: import("vue").Ref<boolean>;
+    reviewContentRef: import("vue").Ref<any>;
+    toggleFold: (status?: boolean | undefined) => void;
 };

package/types/code-review/src/const.d.ts

@@ -0,0 +1,2 @@
+export declare const ExpandLineReg: RegExp;
+export declare const FirstLineReg: RegExp;

package/types/code-review/src/utils.d.ts

@@ -0,0 +1,7 @@
+import type { OutputFormat, ExpandDirection, LineSide } from './code-review-types';
+export declare function notEmptyNode(node: HTMLElement): boolean;
+export declare function insertNode(parent: HTMLElement, child: HTMLElement): void;
+export declare function addExpandButton(parentNode: HTMLElement, className: string, icon: string): void;
+export declare function attachToggleButton(dom: HTMLElement, outputFormat: OutputFormat): void;
+export declare function attachExpandUpDownButton(parentNode: HTMLElement, direction: ExpandDirection): void;
+export declare function addCommentToPage(lineHost: HTMLElement, commentDom: HTMLElement, lineSide: LineSide): void;

package/types/git-graph/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import GitGraph from './src/git-graph';
+export * from './src/git-graph-types';
+export { GitGraph };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/types/git-graph/src/git-graph-class.d.ts

@@ -0,0 +1,43 @@
+import { CommitInfo, GitGraphData } from "./git-graph-types";
+export declare class GitGraph {
+    element?: HTMLElement;
+    options?: GitGraphData;
+    mtime: number;
+    mspace: number;
+    parents: any;
+    offsetX: number;
+    offsetY: number;
+    unitTime: number;
+    unitSpace: number;
+    prev_start: number;
+    preparedCommits: any;
+    preStart: number;
+    isDark: boolean;
+    daysBefore: string;
+    hoursAgo: string;
+    minutesAgo: string;
+    aMinutesAgo: string;
+    maxNameLength: number;
+    commits: CommitInfo[];
+    graphHeight: number;
+    graphWidth: number;
+    svg: any;
+    barHeight: number;
+    messageBoxWidth: number;
+    colors: string[];
+    toolTipList: any;
+    load(element: HTMLElement, options: GitGraphData, isDark: boolean): void;
+    prepareData(commits: CommitInfo[]): void;
+    collectParent(): number[][];
+    buildGraph(refName: string): void;
+    setNodeAttr(node: Element, attrs: any): void;
+    __transform(time: any): string;
+    renderPartialGraph(refName: string): void;
+    drawDot(x: number, y: number, commit: CommitInfo): void;
+    drawLines(x: number, y: number, commit: CommitInfo): void;
+    appendLabel(x: number, y: number, commit: CommitInfo): void;
+    appendAnchor(x: number, y: number, commit: CommitInfo, refName: any): void;
+    getText(x: number, y: number, text: any, attrs?: any): SVGTextElement;
+    commitTooltip(x: number, y: number, commit: CommitInfo, isDark: boolean): void;
+    textWrap(t: any, width: any, x: any): void;
+}

package/types/git-graph/src/git-graph-types.d.ts

@@ -0,0 +1,84 @@
+import { ExtractPropTypes, PropType } from "vue";
+export interface CommitInfo {
+    author: {
+        name: string;
+        email: string;
+        /**
+             * 提交者头像地址
+             */
+        avatar_url?: string;
+    };
+    /**
+       * 提交时间
+       */
+    date: string;
+    id: string;
+    /**
+       * commit信息
+       */
+    message: string;
+    /**
+       * 父级节点信息，包含父级的id和space
+       * @example [['deffajsdfasdasd056215421', 1], ['asdasdasddkfhjksdfhkjegfajszbg', 3]]
+       */
+    parents: any[][];
+    /**
+       * 分支名称或标签名称
+       */
+    refs?: string;
+    /**
+       * 横向空间位置，从主分支为1开始，没向外一层+2，第i层为2i - 1
+       * 用于计算绘图尺寸和横向最大宽度
+       */
+    space: number;
+    /**
+       * 等于commits数组index，用于计算纵向尺寸
+       */
+    time: number;
+    /**
+       * 可选，自定义点击commit信息的跳转url
+       */
+    customUrl?: string;
+    /**
+       * 分支名称，展示在hover面板中
+       */
+    branch?: string;
+    hasDrawn?: boolean;
+}
+export interface GitGraphData {
+    /**
+       * 绘图数据
+       */
+    data: {
+        /**
+             * 提交日期数据
+             * @example [['7日', '7月'], ['6日', '7月']]
+             */
+        days: string[][];
+        commits: CommitInfo[];
+    };
+    /**
+       * 跳转更改页面的url模板，会自动替换其中的‘{commitId}’
+       * @example https://xxxx/{commitId}
+       */
+    commit_url: string;
+    params: {
+        /**
+             * 时间提示，默认为'xx天前'，'xx小时前'，'xx分钟前'，'1分钟前'
+             */
+        daysBefore?: string;
+        hoursAgo?: string;
+        minutesAgo?: string;
+        aMinutesAgo?: string;
+        /**
+             * 用户名称最大长度
+             */
+        maxNameLength?: number;
+    };
+}
+export declare const gitGraphProps: {
+    option: {
+        type: PropType<GitGraphData>;
+    };
+};
+export declare type GitGraphProps = ExtractPropTypes<typeof gitGraphProps>;

package/types/git-graph/src/git-graph.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import("vue").DefineComponent<{
+    option: {
+        type: import("vue").PropType<import("./git-graph-types").GitGraphData>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "scrollToBottom", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: import("vue").PropType<import("./git-graph-types").GitGraphData>;
+    };
+}>>, {}>;
+export default _default;

package/types/git-graph/src/use-git-graph.d.ts

@@ -0,0 +1,6 @@
+import { Ref, SetupContext } from "vue";
+import { GitGraphData, GitGraphProps } from "./git-graph-types";
+export default function useGitGraph(props: GitGraphProps, ctx: SetupContext, isDark: Ref<boolean>): {
+    initTheme: () => void;
+    initGraph: (element: HTMLElement, options: GitGraphData, isDarkMode: boolean) => void;
+};

package/types/vue-devui.d.ts

@@ -30,6 +30,7 @@ import { EditorMd, MdRender } from './editor-md';
 import { Form, FormItem, FormOperation } from './form';
 import { Fullscreen } from './fullscreen';
 import { Gantt } from './gantt';
+import { GitGraph } from './git-graph';
 import { Row, Col } from './grid';
 import { Icon, IconGroup } from './icon';
 import { ImagePreviewDirective, ImagePreviewService } from './image-preview';
@@ -83,7 +84,7 @@ import { TreeSelect } from './tree-select';
 import { Upload, fileDropDirective } from './upload';
 import { VirtualList } from './virtual-list';
 import './style/devui.scss';
-export { Accordion, ActionTimeline, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxGroup, CheckboxButton, CodeEditor, CodeReview, Collapse, CollapseItem, ColorPicker, Comment, Countdown, DatePicker, StickSlider, DatePickerPro, DRangeDatePickerPro, DraggableDirective, DroppableDirective, SortableDirective, Drawer, DrawerService, Dropdown, DropdownMenu, DChart, EditableSelect, EditorMd, MdRender, Form, FormItem, FormOperation, Fullscreen, Gantt, Row, Col, Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, Input, InputIcon, InputNumber, Layout, Content, Header, Footer, Aside, List, ListItem, LoadingService, LoadingDirective, Mention, Menu, SubMenu, MenuItem, Message, Modal, ModalHeader, ModalBody, ModalFooter, MultiAutoComplete, NavSprite, Notification, NotificationService, FlexibleOverlay, FixedOverlay, Pagination, Panel, PanelHeader, PanelBody, PanelFooter, Popover, Progress, QuadrantDiagram, Radio, RadioGroup, RadioButton, Rate, ReadTip, Result, RippleDirective, Search, Select, Option, OptionGroup, Skeleton, SkeletonItem, Slider, Splitter, SplitterPane, Statistic, Status, Steps, Step, StepsGuide, StepsGuideDirective, Sticky, Switch, Table, Column, Tabs, Tab, Tag, TagInput, Textarea, TimePicker, TimeSelect, Timeline, TimelineItem, Tooltip, Transfer, Tree, TreeSelect, Upload, fileDropDirective, VirtualList };
+export { Accordion, ActionTimeline, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxGroup, CheckboxButton, CodeEditor, CodeReview, Collapse, CollapseItem, ColorPicker, Comment, Countdown, DatePicker, StickSlider, DatePickerPro, DRangeDatePickerPro, DraggableDirective, DroppableDirective, SortableDirective, Drawer, DrawerService, Dropdown, DropdownMenu, DChart, EditableSelect, EditorMd, MdRender, Form, FormItem, FormOperation, Fullscreen, Gantt, GitGraph, Row, Col, Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, Input, InputIcon, InputNumber, Layout, Content, Header, Footer, Aside, List, ListItem, LoadingService, LoadingDirective, Mention, Menu, SubMenu, MenuItem, Message, Modal, ModalHeader, ModalBody, ModalFooter, MultiAutoComplete, NavSprite, Notification, NotificationService, FlexibleOverlay, FixedOverlay, Pagination, Panel, PanelHeader, PanelBody, PanelFooter, Popover, Progress, QuadrantDiagram, Radio, RadioGroup, RadioButton, Rate, ReadTip, Result, RippleDirective, Search, Select, Option, OptionGroup, Skeleton, SkeletonItem, Slider, Splitter, SplitterPane, Statistic, Status, Steps, Step, StepsGuide, StepsGuideDirective, Sticky, Switch, Table, Column, Tabs, Tab, Tag, TagInput, Textarea, TimePicker, TimeSelect, Timeline, TimelineItem, Tooltip, Transfer, Tree, TreeSelect, Upload, fileDropDirective, VirtualList };
 declare const _default: {
     version: string;
     install(app: App): void;