@yh-ui/components 0.1.16 → 0.1.21

package/dist/ai-agent-card/src/ai-agent-card.vue.d.ts

@@ -1,8 +1,8 @@
 declare var __VLS_17: {}, __VLS_43: {
-    data: any;
-    use: any;
+    data: import("./ai-agent-card").AgentData;
+    use: (e: MouseEvent) => void;
 }, __VLS_49: {
-    data: any;
+    data: import("./ai-agent-card").AgentData;
 };
 type __VLS_Slots = {} & {
     avatar?: (props: typeof __VLS_17) => any;
@@ -44,14 +44,57 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
         readonly default: undefined;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly layout: "compact" | "horizontal" | "vertical";
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    share: (data: import("./ai-agent-card").AgentData) => void;
+    use: (data: import("./ai-agent-card").AgentData) => void;
+    favorite: (data: import("./ai-agent-card").AgentData, favorited: boolean) => void;
+    click: (data: import("./ai-agent-card").AgentData) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly data: {
+        readonly type: import("vue").PropType<import("./ai-agent-card").AgentData>;
+        readonly required: true;
+    };
+    readonly layout: {
+        readonly type: import("vue").PropType<"vertical" | "horizontal" | "compact">;
+        readonly default: "vertical";
+    };
+    readonly showActions: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showStats: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly favoritable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly selected: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onShare?: ((data: import("./ai-agent-card").AgentData) => any) | undefined;
+    onUse?: ((data: import("./ai-agent-card").AgentData) => any) | undefined;
+    onFavorite?: ((data: import("./ai-agent-card").AgentData, favorited: boolean) => any) | undefined;
+    onClick?: ((data: import("./ai-agent-card").AgentData) => any) | undefined;
+}>, {
     readonly loading: boolean;
+    readonly selected: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly layout: "compact" | "vertical" | "horizontal";
     readonly showActions: boolean;
     readonly showStats: boolean;
     readonly favoritable: boolean;
-    readonly selected: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/ai-artifacts/index.d.ts

@@ -1,3 +1,278 @@
-export declare const YhAiArtifacts: any;
+import AiArtifacts from './src/ai-artifacts.vue';
+export declare const YhAiArtifacts: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        data: {
+            type: import("vue").PropType<import("./index.js").ArtifactData>;
+        };
+        width: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mode: {
+            type: import("vue").PropType<"preview" | "code" | "inline">;
+            default: string;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            default: undefined;
+        };
+        echartsOption: {
+            type: import("vue").PropType<import("./index.js").ArtifactEChartsOption>;
+            default: undefined;
+        };
+        autoLoadECharts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        echartsTheme: {
+            type: import("vue").PropType<"light" | "dark" | "default">;
+            default: string;
+        };
+        echartsDataZoom: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        echartsToolbox: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        chartHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        responsiveWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        chartLoadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:visible"?: ((_val: boolean) => any) | undefined;
+        "onUpdate:mode"?: ((_val: "code" | "preview" | "inline") => any) | undefined;
+        "onVersion-change"?: ((_version: import("./index.js").ArtifactVersion) => any) | undefined;
+        "onChart-click"?: ((_params: unknown) => any) | undefined;
+        "onChart-ready"?: ((_chart: unknown) => any) | undefined;
+        "onChart-error"?: ((_error: Error) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+        "update:visible": (_val: boolean) => void;
+        "update:mode": (_val: "code" | "preview" | "inline") => void;
+        "version-change": (_version: import("./index.js").ArtifactVersion) => void;
+        "chart-click": (_params: unknown) => void;
+        "chart-ready": (_chart: unknown) => void;
+        "chart-error": (_error: Error) => void;
+    }, import("vue").PublicProps, {
+        mode: "code" | "preview" | "inline";
+        fullscreen: boolean;
+        width: string | number;
+        themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        visible: boolean;
+        echartsOption: import("./index.js").ArtifactEChartsOption;
+        autoLoadECharts: boolean;
+        echartsTheme: "default" | "dark" | "light";
+        echartsDataZoom: boolean;
+        echartsToolbox: boolean;
+        chartHeight: string | number;
+        responsiveWidth: boolean;
+        chartLoadingText: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        data: {
+            type: import("vue").PropType<import("./index.js").ArtifactData>;
+        };
+        width: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mode: {
+            type: import("vue").PropType<"preview" | "code" | "inline">;
+            default: string;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            default: undefined;
+        };
+        echartsOption: {
+            type: import("vue").PropType<import("./index.js").ArtifactEChartsOption>;
+            default: undefined;
+        };
+        autoLoadECharts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        echartsTheme: {
+            type: import("vue").PropType<"light" | "dark" | "default">;
+            default: string;
+        };
+        echartsDataZoom: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        echartsToolbox: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        chartHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        responsiveWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        chartLoadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:visible"?: ((_val: boolean) => any) | undefined;
+        "onUpdate:mode"?: ((_val: "code" | "preview" | "inline") => any) | undefined;
+        "onVersion-change"?: ((_version: import("./index.js").ArtifactVersion) => any) | undefined;
+        "onChart-click"?: ((_params: unknown) => any) | undefined;
+        "onChart-ready"?: ((_chart: unknown) => any) | undefined;
+        "onChart-error"?: ((_error: Error) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        mode: "code" | "preview" | "inline";
+        fullscreen: boolean;
+        width: string | number;
+        themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        visible: boolean;
+        echartsOption: import("./index.js").ArtifactEChartsOption;
+        autoLoadECharts: boolean;
+        echartsTheme: "default" | "dark" | "light";
+        echartsDataZoom: boolean;
+        echartsToolbox: boolean;
+        chartHeight: string | number;
+        responsiveWidth: boolean;
+        chartLoadingText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    data: {
+        type: import("vue").PropType<import("./index.js").ArtifactData>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mode: {
+        type: import("vue").PropType<"preview" | "code" | "inline">;
+        default: string;
+    };
+    themeOverrides: {
+        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        default: undefined;
+    };
+    echartsOption: {
+        type: import("vue").PropType<import("./index.js").ArtifactEChartsOption>;
+        default: undefined;
+    };
+    autoLoadECharts: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    echartsTheme: {
+        type: import("vue").PropType<"light" | "dark" | "default">;
+        default: string;
+    };
+    echartsDataZoom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    echartsToolbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    chartHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    responsiveWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    chartLoadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:visible"?: ((_val: boolean) => any) | undefined;
+    "onUpdate:mode"?: ((_val: "code" | "preview" | "inline") => any) | undefined;
+    "onVersion-change"?: ((_version: import("./index.js").ArtifactVersion) => any) | undefined;
+    "onChart-click"?: ((_params: unknown) => any) | undefined;
+    "onChart-ready"?: ((_chart: unknown) => any) | undefined;
+    "onChart-error"?: ((_error: Error) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    "update:visible": (_val: boolean) => void;
+    "update:mode": (_val: "code" | "preview" | "inline") => void;
+    "version-change": (_version: import("./index.js").ArtifactVersion) => void;
+    "chart-click": (_params: unknown) => void;
+    "chart-ready": (_chart: unknown) => void;
+    "chart-error": (_error: Error) => void;
+}, string, {
+    mode: "code" | "preview" | "inline";
+    fullscreen: boolean;
+    width: string | number;
+    themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    visible: boolean;
+    echartsOption: import("./index.js").ArtifactEChartsOption;
+    autoLoadECharts: boolean;
+    echartsTheme: "default" | "dark" | "light";
+    echartsDataZoom: boolean;
+    echartsToolbox: boolean;
+    chartHeight: string | number;
+    responsiveWidth: boolean;
+    chartLoadingText: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        chart?: (props: {
+            data: import("./index.js").ArtifactVersion | null;
+            title: string;
+        }) => any;
+    } & {
+        canvas?: (props: {
+            data: import("./index.js").ArtifactVersion | null;
+        }) => any;
+    };
+})> & Record<string, unknown>;
 export default YhAiArtifacts;
 export * from './src/ai-artifacts';
+export type AiArtifactsInstance = InstanceType<typeof AiArtifacts>;

package/dist/ai-artifacts/src/ai-artifacts.cjs

@@ -45,11 +45,71 @@ const aiArtifactsProps = exports.aiArtifactsProps = {
   themeOverrides: {
     type: Object,
     default: void 0
+  },
+  // ========== ECharts 相关属性 ==========
+  /**
+   * ECharts 图表配置（用于 chart/echarts 类型）
+   */
+  echartsOption: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * 是否自动加载 ECharts 库
+   */
+  autoLoadECharts: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * ECharts 主题
+   */
+  echartsTheme: {
+    type: String,
+    default: "light"
+  },
+  /**
+   * 是否启用数据缩放
+   */
+  echartsDataZoom: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示工具栏
+   */
+  echartsToolbox: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 图表高度
+   */
+  chartHeight: {
+    type: [String, Number],
+    default: 400
+  },
+  /**
+   * 是否响应式宽度
+   */
+  responsiveWidth: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 加载时显示的占位符
+   */
+  chartLoadingText: {
+    type: String,
+    default: "\u52A0\u8F7D\u56FE\u8868\u4E2D..."
   }
 };
 const aiArtifactsEmits = exports.aiArtifactsEmits = {
   "update:visible": _val => true,
   "update:mode": _val => true,
   "version-change": _version => true,
+  "chart-click": _params => true,
+  "chart-ready": _chart => true,
+  "chart-error": _error => true,
   close: () => true
 };

package/dist/ai-artifacts/src/ai-artifacts.css

@@ -574,8 +574,12 @@ html.dark {
 
 .yh-ai-artifacts__content {
   flex: 1;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
   background: #fdfdfd;
+  position: relative;
+  display: flex;
+  flex-direction: column;
 }
 :html.dark .yh-ai-artifacts__content {
   background: #0d0d0d;

package/dist/ai-artifacts/src/ai-artifacts.d.ts

@@ -1,5 +1,8 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-export type ArtifactType = 'code' | 'html' | 'markdown' | 'react' | 'vue' | 'diagram' | 'chart' | 'sandbox' | 'canvas';
+import type { ComponentThemeVars } from '@yh-ui/theme';
+export type ArtifactType = 'code' | 'html' | 'markdown' | 'react' | 'vue' | 'diagram' | 'chart' | 'sandbox' | 'canvas'
+/** 交互式图表 - 使用 ECharts */
+ | 'echarts';
 export interface ArtifactVersion {
     /**
      * 版本号或标识
@@ -18,6 +21,21 @@ export interface ArtifactVersion {
      */
     timestamp?: string | number;
 }
+/** ECharts 图表配置 */
+export interface ArtifactEChartsOption {
+    /** 图表类型 */
+    chartType: 'line' | 'bar' | 'pie' | 'scatter' | 'gauge' | 'radar' | 'funnel' | 'treemap' | 'sunburst' | 'heatmap' | 'candlestick' | 'boxplot' | 'sankey' | 'themeRiver' | 'graph' | 'custom';
+    /** ECharts 配置项 */
+    option: Record<string, unknown>;
+    /** 主题 */
+    theme?: 'light' | 'dark' | 'default';
+    /** 是否启用数据缩放 */
+    dataZoom?: boolean;
+    /** 是否显示工具栏 */
+    toolbox?: boolean;
+    /** 是否可交互 */
+    interactive?: boolean;
+}
 export interface ArtifactData {
     /**
      * 唯一标识
@@ -39,48 +57,108 @@ export interface ArtifactData {
      * 版本历史
      */
     versions: ArtifactVersion[];
+    /**
+     * ECharts 配置（仅 chart/echarts 类型使用）
+     */
+    echartsOption?: ArtifactEChartsOption;
 }
 export declare const aiArtifactsProps: {
     /**
      * 是否显示侧边栏
      */
-    readonly visible: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     /**
      * 正在展示的 Artifact 数据
      */
-    readonly data: {
-        readonly type: PropType<ArtifactData>;
+    data: {
+        type: PropType<ArtifactData>;
     };
     /**
      * 侧边栏宽度
      */
-    readonly width: {
-        readonly type: PropType<string | number>;
-        readonly default: "50%";
+    width: {
+        type: PropType<string | number>;
+        default: string;
     };
     /**
      * 是否全屏展示
      */
-    readonly fullscreen: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     /**
      * 渲染模式：preview (预览) | code (源码) | inline (行内/嵌入)
      */
-    readonly mode: {
-        readonly type: PropType<"preview" | "code" | "inline">;
-        readonly default: "preview";
+    mode: {
+        type: PropType<"preview" | "code" | "inline">;
+        default: string;
     };
     /**
      * 主题覆盖变量
      */
-    readonly themeOverrides: {
-        readonly type: PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
+    themeOverrides: {
+        type: PropType<ComponentThemeVars>;
+        default: undefined;
+    };
+    /**
+     * ECharts 图表配置（用于 chart/echarts 类型）
+     */
+    echartsOption: {
+        type: PropType<ArtifactEChartsOption>;
+        default: undefined;
+    };
+    /**
+     * 是否自动加载 ECharts 库
+     */
+    autoLoadECharts: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * ECharts 主题
+     */
+    echartsTheme: {
+        type: PropType<"light" | "dark" | "default">;
+        default: string;
+    };
+    /**
+     * 是否启用数据缩放
+     */
+    echartsDataZoom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否显示工具栏
+     */
+    echartsToolbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 图表高度
+     */
+    chartHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * 是否响应式宽度
+     */
+    responsiveWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 加载时显示的占位符
+     */
+    chartLoadingText: {
+        type: StringConstructor;
+        default: string;
     };
 };
 export type AiArtifactsProps = ExtractPropTypes<typeof aiArtifactsProps>;
@@ -88,6 +166,9 @@ export declare const aiArtifactsEmits: {
     'update:visible': (_val: boolean) => boolean;
     'update:mode': (_val: "preview" | "code" | "inline") => boolean;
     'version-change': (_version: ArtifactVersion) => boolean;
+    'chart-click': (_params: unknown) => boolean;
+    'chart-ready': (_chart: unknown) => boolean;
+    'chart-error': (_error: Error) => boolean;
     close: () => boolean;
 };
 export type AiArtifactsEmits = typeof aiArtifactsEmits;

package/dist/ai-artifacts/src/ai-artifacts.mjs

@@ -39,11 +39,71 @@ export const aiArtifactsProps = {
   themeOverrides: {
     type: Object,
     default: void 0
+  },
+  // ========== ECharts 相关属性 ==========
+  /**
+   * ECharts 图表配置（用于 chart/echarts 类型）
+   */
+  echartsOption: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * 是否自动加载 ECharts 库
+   */
+  autoLoadECharts: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * ECharts 主题
+   */
+  echartsTheme: {
+    type: String,
+    default: "light"
+  },
+  /**
+   * 是否启用数据缩放
+   */
+  echartsDataZoom: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示工具栏
+   */
+  echartsToolbox: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 图表高度
+   */
+  chartHeight: {
+    type: [String, Number],
+    default: 400
+  },
+  /**
+   * 是否响应式宽度
+   */
+  responsiveWidth: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 加载时显示的占位符
+   */
+  chartLoadingText: {
+    type: String,
+    default: "\u52A0\u8F7D\u56FE\u8868\u4E2D..."
   }
 };
 export const aiArtifactsEmits = {
   "update:visible": (_val) => true,
   "update:mode": (_val) => true,
   "version-change": (_version) => true,
+  "chart-click": (_params) => true,
+  "chart-ready": (_chart) => true,
+  "chart-error": (_error) => true,
   close: () => true
 };