@farris/x-ui 0.0.1

package/markdown/src/markdown.props.d.ts

@@ -0,0 +1,10 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { MessageContentMarkdown } from './types';
+
+export declare const markdownMessageProps: {
+    content: {
+        type: PropType<MessageContentMarkdown>;
+        required: boolean;
+    };
+};
+export type MarkdownMessageProps = ExtractPropTypes<typeof markdownMessageProps>;

package/markdown/src/types.d.ts

@@ -0,0 +1,8 @@
+/** Markdown 类型消息内容 */
+export interface MessageContentMarkdown {
+    type: 'markdown';
+    /** 消息摘要，显示在组件上方 */
+    message: string;
+    /** Markdown 格式的正文，在下方以 Markdown 方式渲染 */
+    content: string;
+}

package/markdown-preview/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import { default as FXMarkdownPreview } from './src/markdown-preview.component';
+
+export * from './src/markdown-preview.props';
+export { FXMarkdownPreview };
+declare const _default: typeof FXMarkdownPreview & Plugin;
+export default _default;

package/markdown-preview/src/markdown-preview.component.d.ts

@@ -0,0 +1,9 @@
+
+declare const _default: import('vue').DefineComponent<{
+    content: string;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    content: string;
+}> & Readonly<{}>, {
+    content: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/markdown-preview/src/markdown-preview.props.d.ts

@@ -0,0 +1,9 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const markdownPreviewProps: {
+    content: {
+        type: StringConstructor;
+        default: null;
+    };
+};
+export type MarkdownPreviewProps = ExtractPropTypes<typeof markdownPreviewProps>;

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@farris/x-ui",
+  "version": "0.0.1",
+  "description": "可复用的 AI 对话组件",
+  "type": "module",
+  "main": "./farris.x-ui.umd.cjs",
+  "module": "./farris.x-ui.esm.js",
+  "types": "./components/index.d.ts",
+  "style": "./index.css",
+  "dependencies": {
+    "@farris/ui-vue": "^1.6.0",
+    "@monaco-editor/loader": "^1.4.0",
+    "markdown-it": "^14.1.0",
+    "md-editor-v3": "^6.4.1"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/prompts/index.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vue';
+import { default as FXPrompts } from './src/prompts.component';
+import { default as FXPrompt } from './src/components/prompt.component';
+
+export * from './src/prompts.props';
+export * from './src/components/prompt.props';
+export { FXPrompts, FXPrompt };
+declare const _default: typeof FXPrompts & Plugin;
+export default _default;

package/prompts/src/components/prompt.component.d.ts

@@ -0,0 +1,131 @@
+import { VNode, CSSProperties } from 'vue';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    icon: {
+        type: import('vue').PropType<string | VNode>;
+        default: string;
+    };
+    label: {
+        type: import('vue').PropType<string | VNode>;
+        default: string;
+    };
+    description: {
+        type: import('vue').PropType<string | VNode>;
+        default: string;
+    };
+    badge: {
+        type: import('vue').PropType<string | VNode>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    children: {
+        type: import('vue').PropType<import('../composition/type').BasePromptItemType[]>;
+        default: () => never[];
+    };
+    styles: {
+        type: import('vue').PropType<Record<import('../composition/type').AppearanceType, CSSProperties | string>>;
+    };
+    classNames: {
+        type: import('vue').PropType<Record<import('../composition/type').AppearanceType, string | string[] | Record<string, boolean>>>;
+    };
+    customClass: {
+        type: import('vue').PropType<string | string[] | Record<string, boolean>>;
+        default: string;
+    };
+    customStyle: {
+        type: import('vue').PropType<CSSProperties | string>;
+        default: string;
+    };
+    showType: {
+        type: import('vue').PropType<import('../composition/type').PromptShowType>;
+        default: import('../composition/type').PromptShowType;
+    };
+    gap: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    onClick: {
+        type: import('vue').PropType<(ev: MouseEvent) => void>;
+        required: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    icon: {
+        type: import('vue').PropType<string | VNode>;
+        default: string;
+    };
+    label: {
+        type: import('vue').PropType<string | VNode>;
+        default: string;
+    };
+    description: {
+        type: import('vue').PropType<string | VNode>;
+        default: string;
+    };
+    badge: {
+        type: import('vue').PropType<string | VNode>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    children: {
+        type: import('vue').PropType<import('../composition/type').BasePromptItemType[]>;
+        default: () => never[];
+    };
+    styles: {
+        type: import('vue').PropType<Record<import('../composition/type').AppearanceType, CSSProperties | string>>;
+    };
+    classNames: {
+        type: import('vue').PropType<Record<import('../composition/type').AppearanceType, string | string[] | Record<string, boolean>>>;
+    };
+    customClass: {
+        type: import('vue').PropType<string | string[] | Record<string, boolean>>;
+        default: string;
+    };
+    customStyle: {
+        type: import('vue').PropType<CSSProperties | string>;
+        default: string;
+    };
+    showType: {
+        type: import('vue').PropType<import('../composition/type').PromptShowType>;
+        default: import('../composition/type').PromptShowType;
+    };
+    gap: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    onClick: {
+        type: import('vue').PropType<(ev: MouseEvent) => void>;
+        required: boolean;
+    };
+}>> & Readonly<{}>, {
+    label: string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    customClass: string | string[] | Record<string, boolean>;
+    icon: string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    id: string | number;
+    customStyle: string | CSSProperties;
+    children: import('../composition/type').BasePromptItemType[];
+    disabled: boolean;
+    description: string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    showType: import('../composition/type').PromptShowType;
+    badge: string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/prompts/src/components/prompt.props.d.ts

@@ -0,0 +1,79 @@
+import { ExtractPropTypes, PropType, VNode, CSSProperties } from 'vue';
+import { AppearanceType, BasePromptItemType, PromptShowType } from '../composition/type';
+
+export declare const promptProps: {
+    /** 唯一标识 */
+    id: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /** 提示图标
+     *  支持：图标字符、图片 URL、VNode
+    */
+    icon: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    /** 提示标签 */
+    label: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    /** 提示描述 */
+    description: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    badge: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    /** 是否禁用 */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 子项（嵌套） */
+    children: {
+        type: PropType<BasePromptItemType[]>;
+        default: () => never[];
+    };
+    /** 自定义样式 key: value */
+    styles: {
+        type: PropType<Record<AppearanceType, CSSProperties | string>>;
+    };
+    /** 自定义样式类名 key: value*/
+    classNames: {
+        type: PropType<Record<AppearanceType, string | string[] | Record<string, boolean>>>;
+    };
+    /** 组件自定义样式类名 */
+    customClass: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: string;
+    };
+    /** 组件自定义样式 */
+    customStyle: {
+        type: PropType<CSSProperties | string>;
+        default: string;
+    };
+    /**
+     * standard-feature-card ：标准规格功能卡片
+     * primary-feature-card：核心主功能卡尺寸大
+     * compact-feature-card：紧凑型功能卡片
+     * standard-question-item：标准规格问题项
+     * default-text-item：标准规格文本项
+     */
+    showType: {
+        type: PropType<PromptShowType>;
+        default: PromptShowType;
+    };
+    gap: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /** 点击整项回调（演示/列表场景） */
+    onClick: {
+        type: PropType<(ev: MouseEvent) => void>;
+        required: boolean;
+    };
+};
+export type PromptProps = ExtractPropTypes<typeof promptProps>;

package/prompts/src/composition/type.d.ts

@@ -0,0 +1,34 @@
+import { VNode } from 'vue';
+
+export declare enum PromptShowType {
+    standardFeatureCard = "standard-feature-card",
+    primaryFeatureCard = "primary-feature-card",
+    compactFeatureCard = "compact-feature-card",
+    standardQuestionItem = "standard-question-item",
+    functionEntryItem = "function-entry-item",
+    defaultTextItem = "default-text-item",
+    hasNestEntryItem = "has-nest-entry-item",
+    likeButtonEntryItem = "like-button-entry-item",
+    none = ""
+}
+export interface BasePromptItemType {
+    /** 唯一标识用于区分每个提示项 */
+    id?: string | number;
+    /** 提示图标显示在提示项的左侧 */
+    icon?: string | VNode;
+    /** 提示标签显示提示的主要内容 */
+    label?: string | VNode;
+    /** 提示描述提供额外的信息 */
+    description?: string | VNode;
+    /** 设置为 true 时禁用点击事件 */
+    disabled?: boolean;
+    showType?: PromptShowType;
+    customClass?: Partial<string | string[] | Record<string, boolean>>;
+    customStyle?: string;
+    badge?: string | VNode;
+    [key: string]: any;
+}
+export interface PromptItemType extends BasePromptItemType {
+    children?: BasePromptItemType[];
+}
+export type AppearanceType = "root" | "items" | "item" | "itemContent" | "title" | "subItems" | "subItem" | "icon" | "label" | "badge" | "description";

package/prompts/src/prompts.component.d.ts

@@ -0,0 +1,46 @@
+import { PromptItemType } from './composition/type';
+
+declare const _default: import('vue').DefineComponent<{
+    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    items: PromptItemType[];
+    customClass: string | string[] | Record<string, boolean>;
+    classNames: Record<import('./composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
+    customStyle: string | import('vue').CSSProperties;
+    styles: Record<import('./composition/type').AppearanceType, import('vue').CSSProperties>;
+    gap: string | number;
+    wrap: boolean;
+    vertical: boolean;
+    fadeIn: boolean;
+    fadeInLeft: boolean;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    items: PromptItemType[];
+    customClass: string | string[] | Record<string, boolean>;
+    classNames: Record<import('./composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
+    customStyle: string | import('vue').CSSProperties;
+    styles: Record<import('./composition/type').AppearanceType, import('vue').CSSProperties>;
+    gap: string | number;
+    wrap: boolean;
+    vertical: boolean;
+    fadeIn: boolean;
+    fadeInLeft: boolean;
+}> & Readonly<{}>, {
+    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    items: PromptItemType[];
+    customClass: string | string[] | Record<string, boolean>;
+    classNames: Record<import('./composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
+    customStyle: string | import('vue').CSSProperties;
+    styles: Record<import('./composition/type').AppearanceType, import('vue').CSSProperties>;
+    gap: string | number;
+    wrap: boolean;
+    vertical: boolean;
+    fadeIn: boolean;
+    fadeInLeft: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/prompts/src/prompts.props.d.ts

@@ -0,0 +1,61 @@
+import { ExtractPropTypes, PropType, VNode, CSSProperties } from 'vue';
+import { PromptItemType, AppearanceType } from './composition/type';
+
+export declare const promptsProps: {
+    /** 包含多个提示项的列表 */
+    items: {
+        type: PropType<PromptItemType[]>;
+        default: () => never[];
+    };
+    /** 显示在提示列表顶部的标题 */
+    title: {
+        type: PropType<string | VNode>;
+        default: string;
+    };
+    /** 提示列表是否垂直排列 */
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 提示列表是否换行 */
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 间距 */
+    gap: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /** 是否开启渲染渐入 */
+    fadeIn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否开启渲染从左到右渐入 */
+    fadeInLeft: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 自定义样式 */
+    styles: {
+        type: PropType<Record<AppearanceType, CSSProperties>>;
+        default: () => {};
+    };
+    /** 自定义样式类名 */
+    classNames: {
+        type: PropType<Record<AppearanceType, string | string[] | Record<string, boolean>>>;
+        default: () => {};
+    };
+    /** 组件自定义样式类名 */
+    customClass: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: string;
+    };
+    /** 组件自定义样式 */
+    customStyle: {
+        type: PropType<CSSProperties | string>;
+        default: string;
+    };
+};
+export type PromptsProps = ExtractPropTypes<typeof promptsProps>;

package/started-todo/index.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from 'vue';
+import { default as FXStartedTodo } from './src/started-todo.component';
+
+export * from './src/started-todo.props';
+export * from './src/types';
+export { FXStartedTodo };
+declare const _default: typeof FXStartedTodo & Plugin;
+export default _default;

package/started-todo/src/started-todo.component.d.ts

@@ -0,0 +1,108 @@
+import { TodoItemStatus, TodoWorkItem } from '../../todo';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<TodoItemStatus>;
+        default: string;
+    };
+    status: {
+        type: import('vue').PropType<TodoItemStatus>;
+        default: TodoItemStatus;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    taskDetail: {
+        type: StringConstructor;
+        default: string;
+    };
+    todoList: {
+        type: import('vue').PropType<TodoWorkItem[]>;
+        default: never[];
+    };
+    detailViewMode: {
+        type: import('vue').PropType<import('../..').DetailViewMode>;
+        default: string;
+    };
+    initExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: import('vue').PropType<import('vue').VNode>;
+    shimmer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputMode: {
+        type: import('vue').PropType<import('../..').OutputMode>;
+        default: import('../..').OutputMode;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<TodoItemStatus>;
+        default: string;
+    };
+    status: {
+        type: import('vue').PropType<TodoItemStatus>;
+        default: TodoItemStatus;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    taskDetail: {
+        type: StringConstructor;
+        default: string;
+    };
+    todoList: {
+        type: import('vue').PropType<TodoWorkItem[]>;
+        default: never[];
+    };
+    detailViewMode: {
+        type: import('vue').PropType<import('../..').DetailViewMode>;
+        default: string;
+    };
+    initExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: import('vue').PropType<import('vue').VNode>;
+    shimmer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputMode: {
+        type: import('vue').PropType<import('../..').OutputMode>;
+        default: import('../..').OutputMode;
+    };
+}>> & Readonly<{}>, {
+    type: TodoItemStatus;
+    message: string;
+    status: TodoItemStatus;
+    todoList: TodoWorkItem[];
+    detailViewMode: import('../..').DetailViewMode;
+    initExpanded: boolean;
+    showLoading: boolean;
+    showLabel: boolean;
+    shimmer: boolean;
+    outputMode: import('../..').OutputMode;
+    taskDetail: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/started-todo/src/started-todo.props.d.ts

@@ -0,0 +1,54 @@
+import { ExtractPropTypes, PropType, VNode } from 'vue';
+import { OutputMode } from '../../common';
+import { TodoItemStatus, TodoWorkItem, DetailViewMode } from '../../todo';
+
+export declare const startedTodoProps: {
+    type: {
+        type: PropType<TodoItemStatus>;
+        default: string;
+    };
+    status: {
+        type: PropType<TodoItemStatus>;
+        default: TodoItemStatus;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 标题下的补充说明（纯文本）；expand 模式下随展开区收折，hover 模式下出现在子列表上方 */
+    taskDetail: {
+        type: StringConstructor;
+        default: string;
+    };
+    todoList: {
+        type: PropType<TodoWorkItem[]>;
+        default: never[];
+    };
+    detailViewMode: {
+        type: PropType<DetailViewMode>;
+        default: string;
+    };
+    initExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: PropType<VNode>;
+    shimmer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 与待办列表项一致：`taskDetail` 是否使用打字机效果 */
+    outputMode: {
+        type: PropType<OutputMode>;
+        default: OutputMode;
+    };
+};
+export type StartedTodoProps = ExtractPropTypes<typeof startedTodoProps>;

package/started-todo/src/types.d.ts

@@ -0,0 +1,9 @@
+import { TodoItemStatus, TodoWorkItem } from '../../todo';
+
+/** 开始执行待办任务类型消息内容 */
+export interface MessageContentStartedToDo {
+    type: 'StartedToDo';
+    status: TodoItemStatus;
+    message: string;
+    todoList: TodoWorkItem[];
+}

package/suggestion/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import { default as FXSuggestion } from './src/suggestion.component';
+
+export * from './src/suggestion.props';
+export { FXSuggestion };
+declare const _default: typeof FXSuggestion & Plugin;
+export default _default;

package/suggestion/src/composition/type.d.ts

@@ -0,0 +1,6 @@
+export interface SuggestionItem {
+    icon?: string;
+    iconUrl?: string;
+    label: string;
+    childen?: SuggestionItem[];
+}

package/suggestion/src/suggestion.component.d.ts

@@ -0,0 +1,37 @@
+import { SuggestionItem } from './composition/type';
+
+declare const _default: import('vue').DefineComponent<{
+    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    items: SuggestionItem[];
+    height: number;
+    prompt: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    promptChar: import('./suggestion.props').PromptChar;
+    promptAgentName: string;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    items: SuggestionItem[];
+    height: number;
+    prompt: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    promptChar: import('./suggestion.props').PromptChar;
+    promptAgentName: string;
+}> & Readonly<{}>, {
+    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    items: SuggestionItem[];
+    height: number;
+    prompt: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    promptChar: import('./suggestion.props').PromptChar;
+    promptAgentName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;