@blueking/ai-blueking 0.0.0

package/README.md

@@ -0,0 +1,116 @@
+## AI 小鲸业务组件
+
+#### 安装
+
+```bash
+npm i @blueking/ai-blueking
+```
+
+#### 使用
+
+- vue3框架下使用
+
+```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';
+
+  // 展示的消息
+  const 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',
+    },
+  ];
+  // 内置 prompt
+  const prompts = [
+    {
+      id: 1,
+      content: '帮我计算1+1的结果',
+    },
+    {
+      id: 2,
+      content: '帮我计算2+2的结果',
+    },
+  ];
+
+  // 处理ai消息的loading状态
+  const loading = ref(false);
+  // 聊天背景色
+  const background = '#f5f7fa';
+  // 头部背景色
+  const headBackground = 'linear-gradient(267deg, #2dd1f4 0%, #1482ff 95%)';
+  // 弹框位于屏幕四边的最小距离
+  const positionLimit = {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+  };
+  // 组件最小尺寸
+  const sizeLimit = {
+    height: 500,
+    width: 294,
+  };
+
+  const handleClear = () => {
+    console.log('trigger clear');
+  };
+
+  const handleSend = (val: string) => {
+    console.log('trigger send', val);
+  };
+
+  const handleClose = () => {
+    console.log('trigger close');
+  };
+
+  const handleChoosePrompt = prompt => {
+    console.log('choose prompt', prompt);
+  };
+</script>
+```

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

@@ -0,0 +1,43 @@
+import type { IMessage, IPrompt, IPositionLimit, ISizeLimit } from './types';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    messages: IMessage[];
+    prompts?: IPrompt[] | undefined;
+    loading?: boolean | undefined;
+    headBackground?: string | undefined;
+    background?: string | undefined;
+    positionLimit?: IPositionLimit | undefined;
+    sizeLimit?: ISizeLimit | undefined;
+    userPhoto?: string | undefined;
+    logo?: string | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    clear: () => void;
+    send: (val: string) => void;
+    "choose-prompt": (prompt: IPrompt) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    messages: IMessage[];
+    prompts?: IPrompt[] | undefined;
+    loading?: boolean | undefined;
+    headBackground?: string | undefined;
+    background?: string | undefined;
+    positionLimit?: IPositionLimit | undefined;
+    sizeLimit?: ISizeLimit | undefined;
+    userPhoto?: string | undefined;
+    logo?: string | undefined;
+}>>> & {
+    "onChoose-prompt"?: ((prompt: IPrompt) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSend?: ((val: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;
+
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,44 @@
+import type { IMessage, IPrompt } from '../types/index';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    messages: IMessage[];
+    prompts?: IPrompt[] | undefined;
+    loading?: boolean | undefined;
+    background?: string | undefined;
+    userPhoto?: string | undefined;
+}>, {
+    background: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    send: (userInput: string) => void;
+    "choose-prompt": (prompt: IPrompt) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    messages: IMessage[];
+    prompts?: IPrompt[] | undefined;
+    loading?: boolean | undefined;
+    background?: string | undefined;
+    userPhoto?: string | undefined;
+}>, {
+    background: string;
+}>>> & {
+    "onChoose-prompt"?: ((prompt: IPrompt) => any) | undefined;
+    onSend?: ((userInput: string) => any) | undefined;
+}, {
+    background: string;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,32 @@
+import type { IMessage } from '../types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    message: IMessage;
+    userPhoto?: string | undefined;
+}>, {
+    userPhoto: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    message: IMessage;
+    userPhoto?: string | undefined;
+}>, {
+    userPhoto: string;
+}>>>, {
+    userPhoto: string;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,74 @@
+import type { IPositionLimit, ISizeLimit } 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;
+}>, {
+    headBackground: string;
+    positionLimit: () => {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    sizeLimit: () => {
+        height: number;
+        width: number;
+    };
+    logo: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    clear: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    headBackground: string;
+    positionLimit?: IPositionLimit | undefined;
+    sizeLimit?: ISizeLimit | undefined;
+    logo?: string | undefined;
+}>, {
+    headBackground: string;
+    positionLimit: () => {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    sizeLimit: () => {
+        height: number;
+        width: number;
+    };
+    logo: string;
+}>>> & {
+    onClear?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}, {
+    headBackground: string;
+    positionLimit: IPositionLimit;
+    sizeLimit: ISizeLimit;
+    logo: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,26 @@
+import type { IPrompt } from '../types';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    prompts?: IPrompt[] | undefined;
+    value: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (val: string) => void;
+    enter: () => void;
+    "choose-prompt": (prompt: IPrompt) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    prompts?: IPrompt[] | undefined;
+    value: string;
+}>>> & {
+    "onUpdate:value"?: ((val: string) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    "onChoose-prompt"?: ((prompt: IPrompt) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/lang/index.d.ts

@@ -0,0 +1,12 @@
+export declare const lang: string;
+export declare const langData: {
+    readonly 小鲸: "BK GPT";
+    readonly 向下收缩: "shrink down";
+    readonly 向上扩展: "expand upward";
+    readonly 清空聊天记录: "Empty chat records";
+    readonly 关闭: "close";
+    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";
+};
+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";

package/dist/types/index.d.ts

@@ -0,0 +1,19 @@
+export interface IMessage {
+    content: string;
+    type: 'ai' | 'user';
+    status?: 'error' | 'loading';
+}
+export interface IPrompt {
+    id: number | string;
+    content: string;
+}
+export interface IPositionLimit {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface ISizeLimit {
+    height: number;
+    width: number;
+}

package/dist/util/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取 cookie
+ * @param {*} name cookie 的名称
+ */
+export declare const getCookieByName: (name: string) => string;

package/dist/vue2/config.json

@@ -0,0 +1 @@
+{"type":"ai-blueking","name":"ai-blueking","displayName":"AI 小鲸","framework":"vue2","props":{"messages":{"type":"array","tips":"聊天框展示的内容"},"prompts":{"type":"array","tips":"快捷prompt列表"},"loading":{"type":"boolean","tips":"处理 ai 消息的loading状态"},"headBackground":{"type":"string","tips":"头部背景色"},"background":{"type":"string","tips":"背景色"},"positionLimit":{"type":"object","val":{"top":0,"bottom":0,"left":0,"right":0},"tips":"位置范围限制"},"sizeLimit":{"type":"object","val":{"height":500,"width":294},"tips":"大小限制"},"userPhoto":{"type":"string","tips":"用户头像地址"},"logo":{"type":"string","tips":"icon class"}},"events":[{"name":"clear","tips":"点击清空事件"},{"name":"close","tips":"点击关闭事件"},{"name":"send","tips":"点击发送事件"},{"name":"choose-prompt","tips":"选择prompt事件"}]}