@yh-ui/components 0.1.17 → 0.1.21

package/dist/ai-code-runner/src/ai-code-runner.vue.d.ts

@@ -0,0 +1,67 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly language: {
+        readonly type: StringConstructor;
+        readonly default: "javascript";
+    };
+    readonly code: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly height: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: 200;
+    };
+    readonly autorun: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {
+    run: () => Promise<void>;
+    stop: () => void;
+    reset: () => Promise<void>;
+    clear: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    output: (data: string) => void;
+    error: (error: string) => void;
+    run: (code: string) => void;
+    stop: () => void;
+    ready: (instance: import("@webcontainer/api").WebContainer) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly language: {
+        readonly type: StringConstructor;
+        readonly default: "javascript";
+    };
+    readonly code: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly height: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: 200;
+    };
+    readonly autorun: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onOutput?: ((data: string) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
+    onRun?: ((code: string) => any) | undefined;
+    onStop?: (() => any) | undefined;
+    onReady?: ((instance: import("@webcontainer/api").WebContainer) => any) | undefined;
+}>, {
+    readonly code: string;
+    readonly language: string;
+    readonly height: string | number;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly autorun: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ai-code-runner/src/webcontainer.cjs

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebContainerInstance = void 0;
+const getWebContainerInstance = async () => {
+  const globalThisAny = globalThis;
+  if (!globalThisAny.__webcontainer_promise__) {
+    const {
+      WebContainer: WC
+    } = await Promise.resolve().then(() => require("@webcontainer/api"));
+    globalThisAny.__webcontainer_promise__ = WC.boot();
+  }
+  return globalThisAny.__webcontainer_promise__;
+};
+exports.getWebContainerInstance = getWebContainerInstance;

package/dist/ai-code-runner/src/webcontainer.d.ts

@@ -0,0 +1,4 @@
+import type { WebContainer } from '@webcontainer/api';
+declare const getWebContainerInstance: () => Promise<WebContainer>;
+export { getWebContainerInstance };
+export type { WebContainer };

package/dist/ai-code-runner/src/webcontainer.mjs

@@ -0,0 +1,9 @@
+const getWebContainerInstance = async () => {
+  const globalThisAny = globalThis;
+  if (!globalThisAny.__webcontainer_promise__) {
+    const { WebContainer: WC } = await import("@webcontainer/api");
+    globalThisAny.__webcontainer_promise__ = WC.boot();
+  }
+  return globalThisAny.__webcontainer_promise__;
+};
+export { getWebContainerInstance };

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

@@ -1,3 +1,218 @@
-export declare const YhAiConversations: any;
+import AiConversations from './src/ai-conversations.vue';
+export declare const YhAiConversations: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<import("@yh-ui/hooks").AiConversation[]>;
+            default: () => never[];
+        };
+        activeId: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<import("@yh-ui/theme").AiConversationsThemeVars>;
+            default: undefined;
+        };
+        grouped: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        virtualScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        virtualScrollHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        virtualScrollItemHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        virtualScrollOverscan: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        onDelete?: ((conversation: import("@yh-ui/hooks").AiConversation) => any) | undefined;
+        onEdit?: ((conversation: import("@yh-ui/hooks").AiConversation, newTitle: string) => any) | undefined;
+        onPin?: ((conversation: import("@yh-ui/hooks").AiConversation, pinned: boolean) => any) | undefined;
+        onClick?: ((conversation: import("@yh-ui/hooks").AiConversation) => any) | undefined;
+        "onUpdate:activeId"?: ((id: string) => any) | undefined;
+        onCreate?: (() => any) | undefined;
+    }>, {
+        scrollToItem: (id: string) => void;
+        scrollToIndex: (index: number) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        delete: (conversation: import("@yh-ui/hooks").AiConversation) => void;
+        edit: (conversation: import("@yh-ui/hooks").AiConversation, newTitle: string) => void;
+        pin: (conversation: import("@yh-ui/hooks").AiConversation, pinned: boolean) => void;
+        click: (conversation: import("@yh-ui/hooks").AiConversation) => void;
+        "update:activeId": (id: string) => void;
+        create: () => void;
+    }, import("vue").PublicProps, {
+        data: import("@yh-ui/hooks").AiConversation[];
+        loading: boolean;
+        themeOverrides: import("@yh-ui/theme").AiConversationsThemeVars;
+        virtualScroll: boolean;
+        activeId: string;
+        grouped: boolean;
+        virtualScrollHeight: number;
+        virtualScrollItemHeight: number;
+        virtualScrollOverscan: number;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<import("@yh-ui/hooks").AiConversation[]>;
+            default: () => never[];
+        };
+        activeId: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<import("@yh-ui/theme").AiConversationsThemeVars>;
+            default: undefined;
+        };
+        grouped: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        virtualScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        virtualScrollHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        virtualScrollItemHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        virtualScrollOverscan: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        onDelete?: ((conversation: import("@yh-ui/hooks").AiConversation) => any) | undefined;
+        onEdit?: ((conversation: import("@yh-ui/hooks").AiConversation, newTitle: string) => any) | undefined;
+        onPin?: ((conversation: import("@yh-ui/hooks").AiConversation, pinned: boolean) => any) | undefined;
+        onClick?: ((conversation: import("@yh-ui/hooks").AiConversation) => any) | undefined;
+        "onUpdate:activeId"?: ((id: string) => any) | undefined;
+        onCreate?: (() => any) | undefined;
+    }>, {
+        scrollToItem: (id: string) => void;
+        scrollToIndex: (index: number) => void;
+    }, {}, {}, {}, {
+        data: import("@yh-ui/hooks").AiConversation[];
+        loading: boolean;
+        themeOverrides: import("@yh-ui/theme").AiConversationsThemeVars;
+        virtualScroll: boolean;
+        activeId: string;
+        grouped: boolean;
+        virtualScrollHeight: number;
+        virtualScrollItemHeight: number;
+        virtualScrollOverscan: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("@yh-ui/hooks").AiConversation[]>;
+        default: () => never[];
+    };
+    activeId: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    themeOverrides: {
+        type: import("vue").PropType<import("@yh-ui/theme").AiConversationsThemeVars>;
+        default: undefined;
+    };
+    grouped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtualScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtualScrollHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    virtualScrollItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    virtualScrollOverscan: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onDelete?: ((conversation: import("@yh-ui/hooks").AiConversation) => any) | undefined;
+    onEdit?: ((conversation: import("@yh-ui/hooks").AiConversation, newTitle: string) => any) | undefined;
+    onPin?: ((conversation: import("@yh-ui/hooks").AiConversation, pinned: boolean) => any) | undefined;
+    onClick?: ((conversation: import("@yh-ui/hooks").AiConversation) => any) | undefined;
+    "onUpdate:activeId"?: ((id: string) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    scrollToItem: (id: string) => void;
+    scrollToIndex: (index: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (conversation: import("@yh-ui/hooks").AiConversation) => void;
+    edit: (conversation: import("@yh-ui/hooks").AiConversation, newTitle: string) => void;
+    pin: (conversation: import("@yh-ui/hooks").AiConversation, pinned: boolean) => void;
+    click: (conversation: import("@yh-ui/hooks").AiConversation) => void;
+    "update:activeId": (id: string) => void;
+    create: () => void;
+}, string, {
+    data: import("@yh-ui/hooks").AiConversation[];
+    loading: boolean;
+    themeOverrides: import("@yh-ui/theme").AiConversationsThemeVars;
+    virtualScroll: boolean;
+    activeId: string;
+    grouped: boolean;
+    virtualScrollHeight: number;
+    virtualScrollItemHeight: number;
+    virtualScrollOverscan: number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        'add-icon'?: (props: {}) => any;
+    } & {
+        'add-text'?: (props: {}) => any;
+    } & {
+        'group-label'?: (props: {
+            label: "today" | "last7Days" | "last30Days" | "earlier" | "pinned";
+        }) => any;
+    } & {
+        'edit-icon'?: (props: {}) => any;
+    } & {
+        'delete-icon'?: (props: {}) => any;
+    } & {
+        empty?: (props: {}) => any;
+    };
+})> & Record<string, unknown>;
 export default YhAiConversations;
 export * from './src/ai-conversations';
+export type AiConversationsInstance = InstanceType<typeof AiConversations>;

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

@@ -39,6 +39,35 @@ const aiConversationsProps = exports.aiConversationsProps = {
   grouped: {
     type: Boolean,
     default: true
+  },
+  // ========== 虚拟滚动相关属性 ==========
+  /**
+   * @description 是否启用虚拟滚动
+   */
+  virtualScroll: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 虚拟滚动容器高度
+   */
+  virtualScrollHeight: {
+    type: Number,
+    default: 400
+  },
+  /**
+   * @description 虚拟滚动每项高度
+   */
+  virtualScrollItemHeight: {
+    type: Number,
+    default: 72
+  },
+  /**
+   * @description 虚拟滚动 overscan 数量
+   */
+  virtualScrollOverscan: {
+    type: Number,
+    default: 3
   }
 };
 const aiConversationsEmits = exports.aiConversationsEmits = {

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

@@ -474,7 +474,7 @@ html.dark {
   color: var(--yh-text-color-primary);
   cursor: pointer;
   transition: all var(--yh-transition-duration);
-  gap: 8px;
+  gap: 4px;
 }
 .yh-ai-conversations__add-btn:hover {
   border-color: var(--yh-color-primary);
@@ -488,12 +488,21 @@ html.dark {
 
 .yh-ai-conversations__list {
   flex: 1;
+  min-height: 0;
   overflow-y: auto;
   padding: 12px;
   display: flex;
   flex-direction: column;
   gap: 4px;
+  position: relative;
+}
+.yh-ai-conversations__list.is-virtual {
+  flex: none;
+  display: block;
+  padding: 0;
+  position: relative;
 }
+
 .yh-ai-conversations__list::-webkit-scrollbar {
   width: 4px;
 }
@@ -512,11 +521,17 @@ html.dark {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  min-height: 50px;
+  height: auto;
   padding: var(--yh-ai-conversations-item-padding, 12px 16px);
+  margin: 0 4px 8px;
   border-radius: var(--yh-border-radius-base);
   cursor: pointer;
-  transition: background-color var(--yh-transition-duration);
+  transition: all var(--yh-transition-duration);
   background-color: transparent;
+  position: relative;
+  box-sizing: border-box;
+  flex-shrink: 0;
 }
 .yh-ai-conversations__item:hover {
   background-color: var(--yh-ai-conversations-hover-bg-color, var(--yh-bg-color-page));
@@ -528,9 +543,23 @@ html.dark {
 .yh-ai-conversations__item.is-active {
   background-color: var(--yh-ai-conversations-active-bg-color, var(--yh-color-primary-light-9));
 }
+.yh-ai-conversations__item.is-active::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 20%;
+  bottom: 20%;
+  width: 3px;
+  background-color: var(--yh-color-primary);
+  border-radius: 0 2px 2px 0;
+}
 .yh-ai-conversations__item.is-active .yh-ai-conversations__title {
   color: var(--yh-ai-conversations-active-text-color, var(--yh-color-primary));
-  font-weight: 500;
+  font-weight: 600;
+}
+.yh-ai-conversations__item.is-active .yh-ai-conversations__time,
+.yh-ai-conversations__item.is-active .yh-ai-conversations__excerpt {
+  color: var(--yh-color-primary-light-3);
 }
 
 .yh-ai-conversations__item-content {
@@ -538,7 +567,7 @@ html.dark {
   flex-direction: column;
   flex: 1;
   min-width: 0;
-  gap: 4px;
+  gap: 8px;
 }
 
 .yh-ai-conversations__title {
@@ -577,7 +606,7 @@ html.dark {
 .yh-ai-conversations__actions {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 4px;
   opacity: 0;
   visibility: hidden;
   transition: all var(--yh-transition-duration);
@@ -629,8 +658,17 @@ html.dark {
 }
 
 .yh-ai-conversations__item.is-pinned {
-  background-color: var(--yh-color-primary-light-9);
-  border-left: 2px solid var(--yh-color-primary-light-4);
+  background-color: var(--yh-ai-conversations-hover-bg-color, var(--yh-bg-color-page));
+}
+.yh-ai-conversations__item.is-pinned::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 25%;
+  bottom: 25%;
+  width: 3px;
+  background-color: var(--yh-color-primary-light-3);
+  border-radius: 0 2px 2px 0;
 }
 
 .yh-ai-conversations__action-btn.is-active {

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

@@ -36,6 +36,34 @@ export declare const aiConversationsProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description 是否启用虚拟滚动
+     */
+    virtualScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 虚拟滚动容器高度
+     */
+    virtualScrollHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @description 虚拟滚动每项高度
+     */
+    virtualScrollItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @description 虚拟滚动 overscan 数量
+     */
+    virtualScrollOverscan: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type AiConversationsProps = ExtractPropTypes<typeof aiConversationsProps>;
 export declare const aiConversationsEmits: {

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

@@ -33,6 +33,35 @@ export const aiConversationsProps = {
   grouped: {
     type: Boolean,
     default: true
+  },
+  // ========== 虚拟滚动相关属性 ==========
+  /**
+   * @description 是否启用虚拟滚动
+   */
+  virtualScroll: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 虚拟滚动容器高度
+   */
+  virtualScrollHeight: {
+    type: Number,
+    default: 400
+  },
+  /**
+   * @description 虚拟滚动每项高度
+   */
+  virtualScrollItemHeight: {
+    type: Number,
+    default: 72
+  },
+  /**
+   * @description 虚拟滚动 overscan 数量
+   */
+  virtualScrollOverscan: {
+    type: Number,
+    default: 3
   }
 };
 export const aiConversationsEmits = {