@blueking/ai-blueking 0.5.2 → 0.5.3-beta.1

package/README.md

@@ -115,6 +115,7 @@ export default {
 | prompts | Array | [] | 预设提示词列表 |
 | requestOptions | Object | {} | 自定义请求选项，可设置headers和data属性，分别合并到请求头和请求体 |
 | defaultMinimize | Boolean | false | 控制 Nimbus 组件初始是否处于最小化状态 |
+| teleportTo | String | 'body' | 指定将 AI 小鲸组件传送到的 DOM 节点，默认为 body 元素 |
 | sessionContents | Array | [] | 暴露当前会话内容，可用于外部访问和操作 |
 
 ### shortcuts 格式示例
@@ -322,6 +323,30 @@ const apiUrl = 'https://your-api-endpoint.com/assistant/';
 </script>
 ```
 
+### Vue 3 自定义传送目标元素
+
+```vue
+<template>
+  <div>
+    <div id="ai-container"></div>
+    <AIBlueking
+      ref="aiBlueking"
+      :url="apiUrl"
+      teleport-to="#ai-container"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import AIBlueking from '@blueking/ai-blueking';
+import '@blueking/ai-blueking/dist/vue3/style.css';
+
+const aiBlueking = ref(null);
+const apiUrl = 'https://your-api-endpoint.com/assistant/';
+</script>
+```
+
 ### Vue 3 自定义请求选项
 
 ```vue
@@ -484,6 +509,37 @@ export default {
 </script>
 ```
 
+### Vue 2 自定义传送目标元素
+
+```vue
+<template>
+  <div>
+    <div id="ai-container"></div>
+    <AIBlueking
+      ref="aiBlueking"
+      :url="apiUrl"
+      teleport-to="#ai-container"
+    />
+  </div>
+</template>
+
+<script>
+import AIBlueking from '@blueking/ai-blueking/vue2';
+import '@blueking/ai-blueking/dist/vue2/style.css';
+
+export default {
+  components: {
+    AIBlueking
+  },
+  data() {
+    return {
+      apiUrl: 'https://your-api-endpoint.com/assistant/'
+    };
+  }
+};
+</script>
+```
+
 ## 框架差异注意事项
 
 ### Vue 2 与 Vue 3 的区别

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

@@ -8,6 +8,7 @@ interface Props {
     prompts?: string[];
     requestOptions?: IRequestOptions;
     defaultMinimize?: boolean;
+    teleportTo?: string;
 }
 declare const _default: import("vue").DefineComponent<Props, {
     sessionContents: import("vue").Ref<{
@@ -69,5 +70,6 @@ declare const _default: import("vue").DefineComponent<Props, {
     url: string;
     requestOptions: IRequestOptions;
     defaultMinimize: boolean;
+    teleportTo: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/utils/index.d.ts

@@ -41,3 +41,9 @@ export declare function durationFormatter(val: number): string;
  * @param el 需要滚动的元素
  */
 export declare const scrollToBottom: (el: HTMLElement) => void;
+/**
+ * 转义HTML
+ * @param str
+ * @returns
+ */
+export declare const escapeHtml: (str: string) => string;