@blueking/ai-ui-sdk 0.0.15-beta.4 → 0.0.15-beta.6

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

@@ -0,0 +1,200 @@
+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 ImageUploader from '../../../dist/node_modules/quill-image-uploader/src/quill.imageUploader.js';
+import { getCurrentInstance, onMounted, watch } from 'vue';
+import '../../../dist/node_modules/quill/dist/quill.snow.css';
+import '../../../dist/node_modules/quill-image-uploader/dist/quill.imageUploader.min.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;
+        Quill.register('modules/imageUploader', ImageUploader);
+        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,25 @@
+import type { RangeStatic } from 'quill';
+import 'quill/dist/quill.snow.css';
+import 'quill-image-uploader/dist/quill.imageUploader.min.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-2uacz259] {
+  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-2uacz259";
+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;

package/dist/component/render-markdown/mark-down-code.js

@@ -0,0 +1,171 @@
+const languageSuffixMap = {
+    c: '.c',
+    'c++': '.cpp',
+    java: '.java',
+    python: '.py',
+    html: '.html',
+    css: '.css',
+    javascript: '.js',
+    js: '.js',
+    php: '.php',
+    ruby: '.rb',
+    swift: '.swift',
+    go: '.go',
+    perl: '.pl',
+    sql: '.sql',
+    xml: '.xml',
+    json: '.json',
+    vue: '.vue',
+    rust: '.rs',
+    jsx: '.jsx',
+    tsx: '.tsx',
+    typescript: '.ts',
+    ts: '.ts',
+    bash: '.sh'
+};
+const getLanguageSuffix = (name)=>languageSuffixMap[name.toLowerCase()] || '.txt';
+let originalFence;
+// 自定义代码块
+export const MarkDownCodePlugin = (markdownIt)=>{
+    // 如果 originalFence 不存在，则获取原始的 fence 函数，防止嵌套调用
+    if (!originalFence) {
+        originalFence = markdownIt.renderer.rules.fence;
+    }
+    // 重写 fence 规则
+    markdownIt.block.ruler.at('fence', (state, startLine, endLine, silent)=>{
+        let pos = state.bMarks[startLine] + state.tShift[startLine];
+        let max = state.eMarks[startLine];
+        // 检查是否缩进过多
+        if (state.sCount[startLine] - state.blkIndent >= 4) {
+            return false;
+        }
+        // 检查是否有足够的字符
+        if (pos + 3 > max) {
+            return false;
+        }
+        const marker = state.src.charCodeAt(pos);
+        // 检查是否是有效的标记字符
+        if (marker !== 0x7E /* ~ */  && marker !== 0x60 /* ` */ ) {
+            return false;
+        }
+        // 获取标记的长度
+        let mem = pos;
+        pos = state.skipChars(pos, marker);
+        const len = pos - mem;
+        if (len < 3) {
+            return false;
+        }
+        const markup = state.src.slice(mem, pos);
+        const params = state.src.slice(pos, max);
+        // 检查参数中是否包含标记字符
+        if (marker === 0x60 /* ` */ ) {
+            if (params.indexOf(String.fromCharCode(marker)) >= 0) {
+                return false;
+            }
+        }
+        // 验证模式直接返回
+        if (silent) {
+            return true;
+        }
+        // 寻找结束标记
+        let nextLine = startLine;
+        let haveEndMarker = false;
+        for(;;){
+            nextLine += 1;
+            if (nextLine >= endLine) {
+                break;
+            }
+            pos = state.bMarks[nextLine] + state.tShift[nextLine];
+            mem = pos;
+            max = state.eMarks[nextLine];
+            if (pos < max && state.sCount[nextLine] < state.blkIndent) {
+                break;
+            }
+            // 如果不是标记字符，继续
+            if (state.src.charCodeAt(pos) !== marker) {
+                continue;
+            }
+            // 检查标记长度
+            if (state.sCount[nextLine] - state.blkIndent >= 4) {
+                continue;
+            }
+            pos = state.skipChars(pos, marker);
+            // 结束标记必须至少和开始标记一样长
+            if (pos - mem < len) {
+                continue;
+            }
+            // 检查标记后是否只有空格
+            pos = state.skipSpaces(pos);
+            if (pos < max) {
+                continue;
+            }
+            haveEndMarker = true;
+            break;
+        }
+        // 设置结束行
+        state.line = nextLine + (haveEndMarker ? 1 : 0);
+        // 创建 token
+        const token = state.push('fence', 'code', 0);
+        token.info = params;
+        token.content = state.getLines(startLine + 1, nextLine, state.sCount[startLine], true);
+        token.markup = markup;
+        token.map = [
+            startLine,
+            state.line
+        ];
+        token.haveEndMarker = haveEndMarker;
+        return true;
+    }, {
+        alt: [
+            'paragraph',
+            'reference',
+            'blockquote',
+            'list'
+        ]
+    });
+    // 自定义代码块渲染
+    markdownIt.renderer.rules.fence = (tokens, idx, options, env, self)=>{
+        const token = tokens[idx];
+        const hasEndBlock = token.haveEndMarker;
+        let language = token.info.trim();
+        let code = token.content;
+        // 原始渲染
+        const originalCode = originalFence(tokens, idx, options, env, self);
+        // 1. 如果代码块和语言不为空，则渲染代码块
+        if (code.trim() && language && hasEndBlock) {
+            const encodeCode = encodeURIComponent(code);
+            return `<section class="full-screen-wrap markdown-body" style="background-color: #2e2e2e;">
+      <section class="code-header g-flex-row">
+        <span>${language}</span>
+        <span class="g-flex-row">
+          <i class="bkaidev-icon bkaidev-un-full-screen click-un-full-screen"></i>
+          <i class="bkaidev-icon bkaidev-full-screen click-full-screen"></i>
+          <i class="bkaidev-icon bkaidev-copy click-copy" data-clipboard-text="${encodeCode}"></i>
+          <i class="bkaidev-icon bkaidev-dongzuo-xiazai click-download" data-clipboard-text="${encodeCode}" data-file-name="ai${getLanguageSuffix(language)}"></i>
+        </span>
+      </section>
+      ${originalCode}
+  </section>`;
+        }
+        // 2. 如果有结束标记并且有代码内容，则返回原始代码块
+        if (code.trim() && hasEndBlock) {
+            return originalCode;
+        }
+        // 3. 否则返回原始内容
+        // 开始标记
+        const start = token.markup;
+        // 结束标记
+        let end = '';
+        // 如果代码块长度大于行数，则添加结束标记（markdown不封闭语法）
+        if (hasEndBlock) {
+            end = '```';
+        }
+        // 如果代码块不为空，则添加换行符
+        if (code) {
+            code = code.replace(/\n/g, '<br>');
+        }
+        language = `${language}<br>`;
+        // 返回原始字符串
+        return `${start}${language}${code}${end}`;
+    };
+};

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

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

package/dist/component/render-markdown/mark-down-emoji.js

@@ -0,0 +1,4 @@
+// 关闭emoji
+export const MarkDownEmojiPlugin = (markdownIt)=>{
+    markdownIt.core.ruler.disable('emoji');
+};

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

@@ -0,0 +1,74 @@
+import type MarkdownIt from 'markdown-it';
+import 'x-mavon-editor/dist/css/index.css';
+import 'x-mavon-editor/dist/markdown/github-markdown.min.css';
+import 'x-mavon-editor/dist/highlightjs/styles/atom-one-dark.min.css';
+import 'x-mavon-editor/dist/highlightjs/highlight.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/javascript.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/css.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/python.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/java.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/php.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/ruby.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/swift.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/go.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/perl.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/sql.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/xml.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/json.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/typescript.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/bash.min.js';
+import 'x-mavon-editor/dist/highlightjs/languages/markdown.min.js';
+import 'x-mavon-editor/dist/katex/katex.min.css';
+import 'x-mavon-editor/dist/katex/katex.min.js';
+import './mark-down.postcss';
+export type MdProp = {
+    modelValue?: string;
+    codeStyle?: string;
+    previewBackground?: string;
+    defaultOpen: string;
+    editable: boolean;
+    subfield: boolean;
+    toolbarsFlag: boolean;
+    boxShadow: boolean;
+    ref?: (elm: MdRef) => void;
+    xssOptions: {
+        whiteList: {
+            [key: string]: string[];
+        };
+    };
+};
+type MdRef = {
+    $paste: () => void;
+    markdownIt: MarkdownIt;
+};
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    isCode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previewBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    isCode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previewBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    isCode: boolean;
+    previewBackground: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;