@blueking/ai-ui-sdk 0.0.14 → 0.0.15-beta.10

package/dist/component/render-input/index.vue.css

@@ -0,0 +1,134 @@
+
+.send-prompt-container {
+&[data-v-kk5zgskn] {
+  width: 800px;
+  z-index: 1501;
+  overflow: visible;
+  position: relative;
+}
+[data-v-kk5zgskn] .textarea-list {
+    bottom: var(--textarea-bottom);
+}
+&:hover {
+.clear-icon[data-v-kk5zgskn] {
+      display: inline-flex !important;
+}
+}
+}
+.quill-container {
+&[data-v-kk5zgskn] {
+  background: #fff;
+  box-shadow: 0 0 6px 0 #0000001a;
+  border-radius: 4px;
+  box-sizing: border-box !important;
+  border: 1px solid transparent;
+}
+&.active[data-v-kk5zgskn] {
+    border: 1px solid #3A84FF !important;
+}
+&[data-v-kk5zgskn]:has(.ql-editor:focus) {
+    border: 1px solid #3A84FF !important;
+}
+}
+.send-prompt {
+&[data-v-kk5zgskn] {
+  width: 800px;
+  border: 1px solid transparent;
+  flex-direction: row;
+  height: var(--default-height);
+  min-height: 50px;
+  position: relative;
+  border-radius: 4px;
+  border: 1px solid transparent !important;
+}
+[data-v-kk5zgskn] .content-input-wrapper {
+    padding: 0 !important;
+    height: 100% !important;
+}
+[data-v-kk5zgskn] .auto-textarea-wrapper {
+    height: 100% !important;
+}
+[data-v-kk5zgskn] .v-note-panel {
+    border-radius: 4px;
+}
+[data-v-kk5zgskn] .scroll-style {
+    overflow-y: hidden !important;
+}
+[data-v-kk5zgskn] .auto-textarea-block {
+    display: none;
+}
+&[data-v-kk5zgskn]:has(.ql-editor:focus) {
+    height: var(--text-height);
+}
+}
+.bkaidev-fasong {
+&[data-v-kk5zgskn] {
+  width: 28px;
+  height: 28px;
+  line-height: 28px;
+  border-radius: 2px;
+  font-size: 20px;
+  cursor: pointer;
+  color: #979BA5;
+  position: absolute;
+  right: 6px;
+  bottom: 35px;
+  text-align: center;
+  z-index: 1501;
+}
+&[data-v-kk5zgskn]:hover {
+    background: #F0F5FF;
+    color: #3a84ff;
+}
+&.disable[data-v-kk5zgskn] {
+    color: #dcdee5;
+    cursor: not-allowed;
+}
+}
+.clear-icon[data-v-kk5zgskn] {
+  display: none !important;
+  position: absolute;
+  bottom: 42px;
+  right: 28px;
+  height: 14px;
+  z-index: 1501;
+}
+
+
+.input-search {
+  margin: 8px 12px 0;
+  width: calc(100% - 24px);
+  position: relative;
+  border-bottom: 1px solid #eaebf0 !important;
+&:before {
+    content: '';
+    position: absolute;
+    left: -13px;
+    top: -9px;
+    height: 42px;
+    width: 1px;
+    background-color: #DCDEE5;
+}
+&::after {
+    content: '';
+    position: absolute;
+    right: -13px;
+    top: -9px;
+    height: 42px;
+    width: 1px;
+    background-color: #DCDEE5;
+}
+}
+.input-search.is-focused, .input-search:hover {
+  background-color: transparent !important;
+.bk-input--text {
+    background-color: transparent !important;
+}
+}
+.search-icon {
+  font-size: 18px;
+  color: #979BA5;
+}
+.prompt-tips {
+  max-width: 300px;
+}

package/dist/component/render-input/index.vue.d.ts

@@ -0,0 +1,18 @@
+import type { ISessionContent } from '@/types/session';
+interface IProps {
+    isChatting: boolean;
+    width: number | string;
+    dragPosition?: string;
+    id: number | string;
+    supportTools: boolean;
+    supportImage: boolean;
+    sessionId: string;
+    placeholder?: string;
+    sessionContents?: ISessionContent[];
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    send: (prompt: string) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onSend?: ((prompt: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/component/render-input/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js';
+script.__scopeId = "data-v-kk5zgskn";
+script.__file = "./src/component/render-input/index.vue";
+import './index.vue.css';
+export default script;

package/dist/component/render-input/render-drag.script.vue.js

@@ -0,0 +1,61 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { useMouseDrag } from '../../hooks/use-mouse-drag.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        defaultHeight: {},
+        textHeight: {},
+        position: {}
+    },
+    emits: [
+        "update:defaultHeight",
+        "update:textHeight"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const handleMouseDrag = (positionInfo)=>{
+            let defaultHeight = props.position === 'bottom' ? props.defaultHeight + positionInfo.singleMoveDistance.y : props.defaultHeight - positionInfo.singleMoveDistance.y;
+            if (defaultHeight >= 400) {
+                defaultHeight = 400;
+            }
+            if (defaultHeight <= 84) {
+                defaultHeight = 84;
+            }
+            emits('update:defaultHeight', defaultHeight);
+            emits('update:textHeight', defaultHeight);
+        };
+        const { isDragging } = useMouseDrag([
+            'send-tool-container',
+            'bkaidev-gengduo'
+        ], handleMouseDrag);
+        return (_ctx, _cache)=>{
+            return _ctx.position === 'bottom' ? (_openBlock(), _createElementBlock("span", {
+                key: 0,
+                class: _normalizeClass([
+                    'send-tool-container',
+                    'bottom',
+                    {
+                        'is-dragging': _unref(isDragging)
+                    }
+                ])
+            }, _cache[0] || (_cache[0] = [
+                _createElementVNode("i", {
+                    class: "bkaidev-icon bkaidev-gengduo"
+                }, null, -1 /* HOISTED */ )
+            ]), 2 /* CLASS */ )) : (_openBlock(), _createElementBlock("span", {
+                key: 1,
+                class: _normalizeClass([
+                    'send-tool-container',
+                    {
+                        'is-dragging': _unref(isDragging)
+                    }
+                ])
+            }, _cache[1] || (_cache[1] = [
+                _createElementVNode("i", {
+                    class: "bkaidev-icon bkaidev-gengduo"
+                }, null, -1 /* HOISTED */ )
+            ]), 2 /* CLASS */ ));
+        };
+    }
+});

package/dist/component/render-input/render-drag.vue.css

@@ -0,0 +1,32 @@
+
+.send-tool-container {
+&[data-v-e2ejujm6] {
+  position: absolute;
+  left: 50%;
+  top: 16px;
+  transform: translateX(-50%);
+  height: 1.5px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  font-size: 14px;
+  cursor: row-resize;
+  z-index: 15001;
+}
+&.bottom {
+&[data-v-e2ejujm6] {
+    bottom: 0;
+    top: auto;
+}
+.bkaidev-gengduo[data-v-e2ejujm6] {
+      margin-top: -10px;
+}
+}
+&[data-v-e2ejujm6]:hover, &.is-dragging[data-v-e2ejujm6] {
+    background: #3A84FF;
+}
+.bkaidev-gengduo[data-v-e2ejujm6] {
+    margin-top: -2px;
+    color: #63656E;
+}
+}

package/dist/component/render-input/render-drag.vue.d.ts

@@ -0,0 +1,13 @@
+interface IProps {
+    defaultHeight: number;
+    textHeight: number;
+    position?: string;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:defaultHeight": (defaultHeight: number) => any;
+    "update:textHeight": (textHeight: number) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:defaultHeight"?: ((defaultHeight: number) => any) | undefined;
+    "onUpdate:textHeight"?: ((textHeight: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/component/render-input/render-drag.vue.js

@@ -0,0 +1,5 @@
+import script from './render-drag.script.vue.js';
+script.__scopeId = "data-v-e2ejujm6";
+script.__file = "./src/component/render-input/render-drag.vue";
+import './render-drag.vue.css';
+export default script;

package/dist/component/render-input/render-quill.script.vue.js

@@ -0,0 +1,197 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import Quill from '../../../dist/node_modules/quill/dist/quill.js';
+import Delta from '../../../dist/node_modules/quill-delta/lib/delta.js';
+import { getCurrentInstance, onMounted, watch } from 'vue';
+import '../../../dist/node_modules/quill/dist/quill.snow.css';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        placeholder: {},
+        value: {},
+        sessionId: {},
+        supportImage: {
+            type: Boolean
+        },
+        isUploadingImage: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "change",
+        "update:isUploadingImage"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const vm = getCurrentInstance();
+        let quill;
+        const allowedImageType = [
+            'image/jpeg',
+            'image/gif',
+            'image/png',
+            'image/webp',
+            'image/bmp',
+            'image/svg+xml',
+            'image/apng',
+            'image/avif'
+        ];
+        // 更新 placeholder
+        const updatePlaceholder = ()=>{
+            var _vm_proxy;
+            const el = vm === null || vm === void 0 ? void 0 : (_vm_proxy = vm.proxy) === null || _vm_proxy === void 0 ? void 0 : _vm_proxy.$el.querySelector('.ql-editor');
+            el.dataset.placeholder = props.placeholder;
+        };
+        // 值变化事件
+        const handleChange = ()=>{
+            let value = '';
+            const { ops } = quill.getContents();
+            ops === null || ops === void 0 ? void 0 : ops.forEach((op, index)=>{
+                var _op_insert;
+                if (typeof (op === null || op === void 0 ? void 0 : op.insert) === 'object' && (op === null || op === void 0 ? void 0 : (_op_insert = op.insert) === null || _op_insert === void 0 ? void 0 : _op_insert.image)) {
+                    value += `![image.png](${op.insert.image})`;
+                }
+                if (typeof (op === null || op === void 0 ? void 0 : op.insert) === 'string') {
+                    // 去掉最后一行的换行符
+                    value += index === ops.length - 1 ? op.insert.replace(/\n$/, '') : op.insert;
+                }
+            });
+            // 触发值更新
+            emits('change', value);
+        };
+        // 覆盖粘贴事件，只复制纯文本
+        const handlePaste = (event)=>{
+            event.preventDefault();
+            // 聚焦
+            focus();
+            // 获取当前状态
+            const range = getSelection();
+            if (range) {
+                var _event_clipboardData;
+                const delta = new Delta().retain(range.index);
+                // 获取粘贴板的数据
+                const copyText = (_event_clipboardData = event.clipboardData) === null || _event_clipboardData === void 0 ? void 0 : _event_clipboardData.getData('text');
+                setTimeout(()=>{
+                    var _copyText_replaceAll;
+                    // 更新内容
+                    const copyDelta = new Delta([
+                        {
+                            insert: copyText
+                        }
+                    ]);
+                    const finalDelta = delta.concat(copyDelta).delete(range.length);
+                    quill.updateContents(finalDelta, 'user');
+                    // 设置光标位置
+                    setSelection(range.index + ((copyText === null || copyText === void 0 ? void 0 : (_copyText_replaceAll = copyText.replaceAll('\r', '')) === null || _copyText_replaceAll === void 0 ? void 0 : _copyText_replaceAll.length) || 0), 0, 'silent');
+                }, 1);
+            }
+        };
+        // 复制选中html元素的内容
+        const handleCopySelection = (event)=>{
+            event.preventDefault();
+            // 获取选中内容的范围
+            const selection = window.getSelection();
+            if (selection) {
+                var // 覆盖原生的复制 or 剪切数据
+                _event_clipboardData;
+                const range = selection.getRangeAt(0);
+                const selectedHTML = range.cloneContents();
+                // 循环拼接复制的文本
+                const copyTexts = [];
+                Array.from(selectedHTML.childNodes).forEach((node)=>{
+                    var _node_childNodes;
+                    const childNode = (_node_childNodes = node.childNodes) === null || _node_childNodes === void 0 ? void 0 : _node_childNodes[0];
+                    if (childNode instanceof HTMLImageElement) {
+                        // 图片
+                        copyTexts.push(`![image.png](${childNode.src})`);
+                    } else if (childNode) {
+                        // 完整行
+                        copyTexts.push(childNode.textContent || '');
+                    } else if (node.textContent) {
+                        // 部分行
+                        copyTexts.push(node.textContent || '');
+                    }
+                });
+                (_event_clipboardData = event.clipboardData) === null || _event_clipboardData === void 0 ? void 0 : _event_clipboardData.setData('text/plain', copyTexts.join('\n'));
+            }
+        };
+        // 删除选中内容
+        const handleDeleteSelection = ()=>{
+            const range = quill.getSelection();
+            if (range) {
+                quill.deleteText(range.index, range.length);
+            }
+        };
+        // 覆盖复制事件
+        const handleCopy = (event)=>{
+            handleCopySelection(event);
+        };
+        // 覆盖剪切事件
+        const handleCut = (event)=>{
+            handleCopySelection(event);
+            handleDeleteSelection();
+        };
+        const handleInit = ()=>{
+            var _vm_proxy;
+            // 初始化
+            quill = new Quill(vm === null || vm === void 0 ? void 0 : (_vm_proxy = vm.proxy) === null || _vm_proxy === void 0 ? void 0 : _vm_proxy.$el, {
+                modules: {
+                    toolbar: false
+                },
+                placeholder: props.placeholder,
+                theme: 'snow'
+            });
+            // listen change
+            quill.on('text-change', handleChange);
+            // listen paste
+            quill.root.addEventListener('paste', handlePaste);
+            // listen copy
+            quill.root.addEventListener('copy', handleCopy);
+            // listen cut
+            quill.root.addEventListener('cut', handleCut);
+            // set value & selection
+            if (props.value) {
+                setText(props.value);
+                setSelection(props.value.length);
+            }
+            // focus
+            quill.focus();
+        };
+        /**
+ * api 驱动设置，否则容易破坏图片的显示
+ * @param text 文本
+ */ const setText = (text)=>{
+            quill.setText(text);
+        };
+        // 聚焦
+        const focus = ()=>{
+            quill.focus();
+        };
+        // 删除
+        const deleteText = (index, length)=>{
+            quill.deleteText(index, length);
+        };
+        // 新增
+        const insertText = (index, text)=>{
+            quill.insertText(index, text);
+        };
+        // 获取当前光标位置
+        const getSelection = ()=>quill.getSelection();
+        // 设置光标位置
+        const setSelection = (index, length = 0, source)=>{
+            quill.setSelection(index, length, source);
+        };
+        watch(()=>props.placeholder, updatePlaceholder);
+        onMounted(handleInit);
+        __expose({
+            focus,
+            setText,
+            deleteText,
+            insertText,
+            getSelection,
+            setSelection
+        });
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("section");
+        };
+    }
+});

package/dist/component/render-input/render-quill.vue.css

@@ -0,0 +1,27 @@
+
+.ql-editor {
+  overflow-y: auto;
+  font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
+img {
+    max-width: 250px !important;
+    max-height: 250px !important;
+}
+&::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+&::-webkit-scrollbar-thumb {
+    width: 6px;
+    height: 6px;
+    border-radius: 3px;
+    background-color: #dcdee5;
+&:hover {
+      background-color: #979ba5;
+}
+}
+&::before {
+    line-height: 16px;
+    color: #DCDEE5 !important;
+    font-style: normal !important;
+}
+}

package/dist/component/render-input/render-quill.vue.d.ts

@@ -0,0 +1,24 @@
+import type { RangeStatic } from 'quill';
+import 'quill/dist/quill.snow.css';
+interface IProps {
+    placeholder: string;
+    value?: string;
+    sessionId: string;
+    supportImage: boolean;
+    isUploadingImage: boolean;
+}
+declare const _default: import("vue").DefineComponent<IProps, {
+    focus: () => void;
+    setText: (text: string) => void;
+    deleteText: (index: number, length: number) => void;
+    insertText: (index: number, text: string) => void;
+    getSelection: () => RangeStatic | null;
+    setSelection: (index: number, length?: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: string) => any;
+    "update:isUploadingImage": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:isUploadingImage"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/component/render-input/render-quill.vue.js

@@ -0,0 +1,4 @@
+import script from './render-quill.script.vue.js';
+script.__file = "./src/component/render-input/render-quill.vue";
+import './render-quill.vue.css';
+export default script;

package/dist/component/render-knowledge-icon/index.script.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createElementVNode as _createElementVNode, Fragment as _Fragment } from "vue";
+import { KnowledgePathType } from '../../types/enum.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        data: {},
+        size: {
+            default: '12'
+        }
+    },
+    setup (__props) {
+        // import FileTypeIcon from '@/components/file-type-icon.vue';
+        return (_ctx, _cache)=>{
+            var _ctx_data, _ctx_data1;
+            return !((_ctx_data = _ctx.data) === null || _ctx_data === void 0 ? void 0 : _ctx_data.id) ? (_openBlock(), _createElementBlock("i", {
+                key: 0,
+                style: _normalizeStyle({
+                    fontSize: `${_ctx.size}px`
+                }),
+                class: "bkaidev-icon bkaidev-zonghe2"
+            }, null, 4 /* STYLE */ )) : ((_ctx_data1 = _ctx.data) === null || _ctx_data1 === void 0 ? void 0 : _ctx_data1.pathType) === _unref(KnowledgePathType).Folder ? (_openBlock(), _createElementBlock("i", {
+                key: 1,
+                style: _normalizeStyle({
+                    fontSize: `${_ctx.size}px`
+                }),
+                class: "bkaidev-icon bkaidev-folder-fill"
+            }, null, 4 /* STYLE */ )) : (_openBlock(), _createElementBlock(_Fragment, {
+                key: 2
+            }, [
+                _createCommentVNode(" <file-type-icon\n    v-else-if=\"data.pathType === KnowledgePathType.File\"\n    :type=\"data.fileType\"\n    :style=\"{\n      fontSize: `${size}px`\n    }\"\n  /> "),
+                _createElementVNode("i", {
+                    class: "bkaidev-icon bkaidev-zhishikufenlei",
+                    style: _normalizeStyle({
+                        fontSize: `${_ctx.size}px`
+                    })
+                }, null, 4 /* STYLE */ )
+            ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */ ));
+        };
+    }
+});

package/dist/component/render-knowledge-icon/index.vue.css

@@ -0,0 +1,4 @@
+
+.bkaidev-icon[data-v-yjq1sl19] {
+  color: #C4C6CC;
+}

package/dist/component/render-knowledge-icon/index.vue.d.ts

@@ -0,0 +1,14 @@
+import { KnowledgePathType } from '@/types/enum';
+interface IData {
+    id?: number;
+    pathType?: KnowledgePathType;
+    fileType?: string;
+}
+interface IProps {
+    data?: IData;
+    size?: string;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {
+    size: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/component/render-knowledge-icon/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js';
+script.__scopeId = "data-v-yjq1sl19";
+script.__file = "./src/component/render-knowledge-icon/index.vue";
+import './index.vue.css';
+export default script;

package/dist/component/render-markdown/mark-down-code.d.ts

@@ -0,0 +1,2 @@
+import type MarkdownIt from 'markdown-it';
+export declare const MarkDownCodePlugin: (markdownIt: MarkdownIt) => void;