@blueking/ai-blueking 0.0.0 → 0.0.2

package/README.md

@@ -32,6 +32,7 @@ npm i @blueking/ai-blueking
   import { ref } from 'vue';
 
   import AIBlueking from '@blueking/ai-blueking';
+  import '@blueking/ai-blueking/dist/vue3/style.css';
 
   // 展示的消息
   const messages = [
@@ -114,3 +115,113 @@ npm i @blueking/ai-blueking
   };
 </script>
 ```
+
+- vue2框架下使用
+
+vue2 下，需要安装npm包，里面是vue3资源
+
+```bash
+npm i @blueking/bkui-library
+```
+
+```vue
+<template>
+  <div class="app">
+    <AIBlueking
+      :background="background"
+      :head-background="headBackground"
+      :loading="loading"
+      :messages="messages"
+      :position-limit="positionLimit"
+      :prompts="prompts"
+      :size-limit="sizeLimit"
+      @choose-prompt="handleChoosePrompt"
+      @clear="handleClear"
+      @close="handleClose"
+      @send="handleSend"
+    />
+  </div>
+</template>
+<script setup lang="ts">
+  import { ref } from 'vue';
+
+  import AIBlueking from '@blueking/ai-blueking/vue2';
+  import '@blueking/ai-blueking/dist/vue2/style.css';
+
+  export default {
+    data() {
+      return {
+        messages: [
+          {
+            content: '你好呀',
+            type: 'ai',
+          },
+          {
+            content: '1+1=?',
+            type: 'user',
+          },
+          {
+            content: '1+1=3',
+            type: 'ai',
+            status: 'error',
+          },
+          {
+            content: '不对',
+            type: 'user',
+          },
+          {
+            content: '1+1=2',
+            type: 'ai',
+            status: 'loading',
+          },
+          {
+            content: '对了',
+            type: 'user',
+          },
+          {
+            content: '好的，任务已完成',
+            type: 'ai',
+          },
+        ],
+        prompts: [
+          {
+            id: 1,
+            content: '帮我计算1+1的结果',
+          },
+          {
+            id: 2,
+            content: '帮我计算2+2的结果',
+          },
+        ],
+        loading: false,
+        background: '#f5f7fa',
+        headBackground: 'linear-gradient(267deg, #2dd1f4 0%, #1482ff 95%)',
+        positionLimit: {
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+        },
+        sizeLimit: {
+          height: 500,
+          width: 294,
+        },
+      };
+    },
+    method: {
+      handleClear() {
+        console.log('trigger clear');
+      },
+      handleSend(val: string) {
+        console.log('trigger send', val);
+      },
+      handleClose() {
+        console.log('trigger close');
+      },
+      handleChoosePrompt(prompt) {
+        console.log('choose prompt', prompt);
+      },
+    },
+  };
+</script>
+```

package/dist/ai-blueking.vue.d.ts

@@ -1,4 +1,4 @@
-import type { IMessage, IPrompt, IPositionLimit, ISizeLimit } from './types';
+import type { IMessage, IPrompt, IPositionLimit, ISizeLimit, IStartPosition } from './types';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     messages: IMessage[];
     prompts?: IPrompt[] | undefined;
@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     background?: string | undefined;
     positionLimit?: IPositionLimit | undefined;
     sizeLimit?: ISizeLimit | undefined;
+    startPosition?: IStartPosition | undefined;
     userPhoto?: string | undefined;
     logo?: string | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -22,6 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     background?: string | undefined;
     positionLimit?: IPositionLimit | undefined;
     sizeLimit?: ISizeLimit | undefined;
+    startPosition?: IStartPosition | undefined;
     userPhoto?: string | undefined;
     logo?: string | undefined;
 }>>> & {

package/dist/components/render-modal.vue.d.ts

@@ -1,9 +1,10 @@
-import type { IPositionLimit, ISizeLimit } from '../types';
+import type { IPositionLimit, ISizeLimit, IStartPosition } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     headBackground: string;
     positionLimit?: IPositionLimit | undefined;
     sizeLimit?: ISizeLimit | undefined;
     logo?: string | undefined;
+    startPosition?: IStartPosition | undefined;
 }>, {
     headBackground: string;
     positionLimit: () => {
@@ -25,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     positionLimit?: IPositionLimit | undefined;
     sizeLimit?: ISizeLimit | undefined;
     logo?: string | undefined;
+    startPosition?: IStartPosition | undefined;
 }>, {
     headBackground: string;
     positionLimit: () => {

package/dist/lang/index.d.ts

@@ -8,5 +8,6 @@ export declare const langData: {
     readonly '\u5185\u5BB9\u6B63\u5728\u6267\u884C\u4E2D\uFF0C\u8BF7\u6267\u884C\u5B8C\u6210\u540E\u518D\u8F93\u5165': "The content is being executed, please enter it again after the execution is completed.";
     readonly 发送: "Send";
     readonly '\u60A8\u53EF\u4EE5\u952E\u5165 \u201C/\u201D \u67E5\u770B\u66F4\u591APrompt': "You can type \"/\" to see more Prompts";
+    readonly 请输入: "Please input";
 };
-export declare const t: (key: keyof typeof langData) => "BK GPT" | "shrink down" | "expand upward" | "Empty chat records" | "close" | "The content is being executed, please enter it again after the execution is completed." | "Send" | "You can type \"/\" to see more Prompts" | "小鲸" | "向下收缩" | "向上扩展" | "清空聊天记录" | "关闭" | "内容正在执行中，请执行完成后再输入" | "发送" | "您可以键入 “/” 查看更多Prompt";
+export declare const t: (key: keyof typeof langData) => "BK GPT" | "shrink down" | "expand upward" | "Empty chat records" | "close" | "The content is being executed, please enter it again after the execution is completed." | "Send" | "You can type \"/\" to see more Prompts" | "Please input" | "小鲸" | "向下收缩" | "向上扩展" | "清空聊天记录" | "关闭" | "内容正在执行中，请执行完成后再输入" | "发送" | "您可以键入 “/” 查看更多Prompt" | "请输入";

package/dist/types/index.d.ts

@@ -17,3 +17,9 @@ export interface ISizeLimit {
     height: number;
     width: number;
 }
+export interface IStartPosition {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}