@blueking/ai-ui-sdk 0.0.15-beta.3 → 0.0.15-beta.31

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

@@ -0,0 +1,147 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { defineComponent, h } from 'vue';
+import Mavon from 'x-mavon-editor';
+import { MarkDownCodePlugin } from './mark-down-code.js';
+import { MarkDownEmojiPlugin } from './mark-down-emoji.js';
+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.css';
+const defaultMDProps = {
+    defaultOpen: 'preview',
+    editable: false,
+    subfield: false,
+    toolbarsFlag: false,
+    boxShadow: false,
+    xssOptions: {
+        whiteList: {
+            a: [
+                'href',
+                'target',
+                'class',
+                'title'
+            ],
+            section: [
+                'class'
+            ],
+            i: [
+                'class'
+            ],
+            span: [
+                'class'
+            ],
+            svg: [
+                'class'
+            ],
+            use: [
+                'href'
+            ],
+            ul: [
+                'class'
+            ],
+            li: [
+                'class',
+                'title'
+            ]
+        }
+    }
+};
+export default defineComponent({
+    props: {
+        value: {
+            type: String
+        },
+        isCode: {
+            type: Boolean,
+            default: false
+        },
+        previewBackground: {
+            type: String,
+            default: '#fff'
+        }
+    },
+    setup (props) {
+        const mdRef = (md)=>{
+            if (!md) return;
+            // 注册代码块插件
+            MarkDownCodePlugin(md.markdownIt);
+            // 注册表情插件
+            MarkDownEmojiPlugin(md.markdownIt);
+        };
+        return ()=>h(Mavon.mavonEditor, _object_spread_props(_object_spread({}, defaultMDProps), {
+                previewBackground: props.previewBackground,
+                modelValue: props.value,
+                codeStyle: 'atom-one-dark',
+                ref: mdRef
+            }));
+    }
+});

package/dist/component/render-markdown/mark-down.postcss.css

@@ -0,0 +1,129 @@
+.v-note-wrapper.markdown-body {
+  border: none !important;
+  min-height: auto;
+  background: transparent;
+}
+
+.v-show-content {
+  height: auto !important;
+  font-size: 14px !important;
+  padding: 8px 25px !important;
+  min-height: 37px !important;
+}
+
+.v-show-content p {
+    margin-bottom: 0 !important;
+  }
+
+.v-show-content p + p {
+      margin-top: 16px;
+    }
+
+.full-screen-wrap.markdown-body .code-header {
+    height: 40px;
+    justify-content: space-between;
+    background: #2e2e2e;
+    border-radius: 2px 2px 0 0;
+    padding: 0 18px;
+    color: #c4c6cc;
+  }
+
+.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-un-full-screen,
+    .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-full-screen,
+    .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-copy {
+      margin-right: 12px;
+    }
+
+.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-icon {
+      color: #979ba5;
+      cursor: pointer;
+    }
+
+.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-icon:hover {
+        color: #3a84ff;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre {
+      max-height: 500px;
+      overflow-y: auto;
+      color: #abb2bf !important;
+      background: #1a1a1a !important;
+      border-radius: 0 0 2px 2px !important;
+      font-size: 14px !important;
+      padding: 16px;
+      line-height: 1.45;
+    }
+
+.full-screen-wrap.markdown-body .code-header + pre code {
+        font-size: 14px !important;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre .hljs-comment {
+        color: #6a9954;
+        font-style: inherit;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre .hljs {
+        overflow: initial;
+        background: #1a1a1a !important;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-track {
+        background: #2e2e2e;
+        border-left: 1px solid #3d3d3d;
+        border-top: 1px solid #3d3d3d;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar {
+        width: 14px;
+        height: 14px;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-corner {
+        background: #2e2e2e !important;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-thumb {
+        height: 5px;
+        border-radius: 1px;
+        background: rgb(121 121 121 / 40%);
+        border: 1px solid #63656e;
+      }
+
+.full-screen-wrap.markdown-body:not(:first-child) {
+    margin-top: 8px !important;
+  }
+
+.full-screen-wrap.markdown-body:not(:last-child) {
+    margin-bottom: 8px !important;
+  }
+
+.full-screen-wrap.markdown-body.full-screen {
+    margin-top: 0 !important;
+  }
+
+.full-screen-wrap.markdown-body.full-screen .code-header {
+      margin: 0;
+    }
+
+.full-screen-wrap.markdown-body.full-screen pre {
+      max-height: calc(100vh - 40px);
+      height: calc(100vh - 40px);
+    }
+
+.full-screen-wrap.markdown-body .full-screen-wrap.full-screen {
+    margin-top: 0 !important;
+  }
+
+.full-screen-wrap.markdown-body .full-screen-wrap.full-screen .code-header {
+      margin: 0;
+    }
+
+.full-screen-wrap.markdown-body .full-screen-wrap.full-screen pre {
+      max-height: calc(100vh - 40px);
+      height: calc(100vh - 40px);
+    }
+
+.v-note-img-wrapper {
+  display: none !important;
+}

package/dist/component/render-message/index.d.ts

@@ -0,0 +1,61 @@
+import { type PropType } from 'vue';
+import type { ISessionContent, ISession } from '@/types/session';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    sessionContent: {
+        type: PropType<ISessionContent>;
+        required: true;
+    };
+    isOperateHistory: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    visible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    sessionLoadingMap: {
+        type: PropType<Record<string, boolean>>;
+        required: true;
+    };
+    currentSession: {
+        type: PropType<ISession>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "modify-session-content" | "clear-session" | "plus-prompt-by-session-content" | "re-generate" | "delete-session-content")[], "select" | "modify-session-content" | "clear-session" | "plus-prompt-by-session-content" | "re-generate" | "delete-session-content", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    sessionContent: {
+        type: PropType<ISessionContent>;
+        required: true;
+    };
+    isOperateHistory: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    visible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    sessionLoadingMap: {
+        type: PropType<Record<string, boolean>>;
+        required: true;
+    };
+    currentSession: {
+        type: PropType<ISession>;
+        required: true;
+    };
+}>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onModify-session-content"?: ((...args: any[]) => any) | undefined;
+    "onClear-session"?: ((...args: any[]) => any) | undefined;
+    "onPlus-prompt-by-session-content"?: ((...args: any[]) => any) | undefined;
+    "onRe-generate"?: ((...args: any[]) => any) | undefined;
+    "onDelete-session-content"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/component/render-message/index.js

@@ -0,0 +1,110 @@
+import { defineComponent, h } from 'vue';
+import OpenaiMessage from './openai-message.vue.js';
+import SystemMessage from './system-message.vue.js';
+import TimeMessage from './time-message.vue.js';
+import TokenExpiredMessage from './token-expired-message.vue.js';
+import UserMessage from './user-message.vue.js';
+import { SessionContentRole } from '../../types/enum.js';
+export default defineComponent({
+    props: {
+        sessionContent: {
+            type: Object,
+            required: true
+        },
+        isOperateHistory: {
+            type: Boolean,
+            required: true
+        },
+        selected: {
+            type: Boolean,
+            required: true
+        },
+        visible: {
+            type: Boolean,
+            required: true
+        },
+        sessionLoadingMap: {
+            type: Object,
+            required: true
+        },
+        currentSession: {
+            type: Object,
+            required: true
+        }
+    },
+    emits: [
+        'select',
+        'modify-session-content',
+        'clear-session',
+        'plus-prompt-by-session-content',
+        're-generate',
+        'delete-session-content'
+    ],
+    render () {
+        const vm = this;
+        const props = {
+            sessionContent: vm.sessionContent,
+            isOperateHistory: vm.isOperateHistory,
+            selected: vm.selected,
+            visible: vm.visible,
+            sessionLoadingMap: vm.sessionLoadingMap,
+            currentSession: vm.currentSession,
+            class: vm.$attrs.class,
+            onSelect (selected) {
+                vm.$emit('select', vm.sessionContent, selected);
+            },
+            onModifySessionContent (sessionContent) {
+                vm.$emit('modify-session-content', sessionContent);
+            },
+            onClearSession () {
+                vm.$emit('clear-session');
+            },
+            onPlusPromptBySessionContent (sessionContent) {
+                vm.$emit('plus-prompt-by-session-content', sessionContent);
+            },
+            onReGenerate (sessionContent) {
+                vm.$emit('re-generate', sessionContent);
+            },
+            onDeleteSessionContent (sessionContent) {
+                vm.$emit('delete-session-content', sessionContent);
+            }
+        };
+        // renders
+        const renders = [];
+        // 非隐藏的才展示时间
+        if (![
+            SessionContentRole.Hidden,
+            SessionContentRole.HiddenAi,
+            SessionContentRole.HiddenGuide,
+            SessionContentRole.HiddenRole,
+            SessionContentRole.HiddenUser,
+            SessionContentRole.TemplateHidden
+        ].includes(this.sessionContent.role)) {
+            renders.push(h(TimeMessage, props));
+        }
+        // 接下来展示组件内容
+        switch(this.sessionContent.role){
+            case SessionContentRole.Ai:
+            case SessionContentRole.TemplateAi:
+            case SessionContentRole.Guide:
+            case SessionContentRole.TemplateGuide:
+            case SessionContentRole.Pause:
+                renders.push(h(OpenaiMessage, props));
+                break;
+            case SessionContentRole.System:
+                renders.push(h(SystemMessage, props));
+                break;
+            case SessionContentRole.User:
+            case SessionContentRole.TemplateUser:
+            case SessionContentRole.Role:
+            case SessionContentRole.TemplateRole:
+            case SessionContentRole.UserImage:
+                renders.push(h(UserMessage, props));
+                break;
+            case SessionContentRole.TokenExpired:
+                renders.push(h(TokenExpiredMessage, props));
+                break;
+        }
+        return renders;
+    }
+});

package/dist/component/render-message/openai-message.script.vue.js

@@ -0,0 +1,215 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createBlock as _createBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, Fragment as _Fragment, withDirectives as _withDirectives, normalizeClass as _normalizeClass } from "vue";
+import _imports_0 from '../../assets/images/ai.png';
+const _hoisted_1 = {
+    class: "ai-message-home g-flex-row"
+};
+const _hoisted_2 = {
+    key: 0,
+    class: "ai-ui-sdk-icon ai-ui-sdk-warning-circle-fill"
+};
+const _hoisted_3 = {
+    key: 1,
+    class: "ai-ui-sdk-icon ai-ui-sdk-quanquan"
+};
+const _hoisted_4 = {
+    key: 5,
+    class: "message-tools g-flex-row"
+};
+const _hoisted_5 = {
+    class: "tool-rate g-flex-row"
+};
+const _hoisted_6 = {
+    class: "rate-tip"
+};
+const _hoisted_7 = {
+    class: "tool-icons g-flex-row"
+};
+import { computed, ref } from 'vue';
+import { bkTooltips as vBkTooltips } from 'bkui-vue';
+import SkeletonMessage from './skeleton-message.vue.js';
+import { handleCopy } from '../../common/util.js';
+import RenderMarkdown from '../render-markdown/mark-down.js';
+import { SessionContentStatus } from '../../types/enum.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        sessionContent: {},
+        isOperateHistory: {
+            type: Boolean
+        },
+        selected: {
+            type: Boolean
+        },
+        visible: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "select",
+        "modify-session-content"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const rateHoverTips = ref('');
+        const rateTip = computed(()=>getRateTip(props.sessionContent.rate));
+        const getRateTip = (val)=>{
+            const tipMap = {
+                1: '1星（很不满意）',
+                2: '2星（不满意）',
+                3: '3星（基本满意）',
+                4: '4星（比较满意）',
+                5: '5星（非常满意）'
+            };
+            return tipMap[val] || '尚未打分';
+        };
+        const handleRateChange = (rate)=>{
+            const sessionContent = _object_spread_props(_object_spread({}, props.sessionContent), {
+                rate
+            });
+            emits('modify-session-content', sessionContent);
+        };
+        const handleHoverRateChange = (val)=>{
+            rateHoverTips.value = getRateTip(val);
+        };
+        const handelCheck = (selected)=>{
+            emits('select', selected);
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_checkbox = _resolveComponent("bk-checkbox");
+            const _component_bk_rate = _resolveComponent("bk-rate");
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                _cache[2] || (_cache[2] = _createElementVNode("span", {
+                    class: "message-photo"
+                }, [
+                    _createElementVNode("img", {
+                        src: _imports_0
+                    })
+                ], -1 /* HOISTED */ )),
+                _cache[3] || (_cache[3] = _createElementVNode("br", null, null, -1 /* HOISTED */ )),
+                _ctx.visible ? (_openBlock(), _createElementBlock("p", {
+                    key: 0,
+                    class: _normalizeClass([
+                        'ai-content',
+                        _ctx.sessionContent.status
+                    ]),
+                    onClick: _cache[1] || (_cache[1] = ($event)=>handelCheck(!_ctx.selected))
+                }, [
+                    _ctx.sessionContent.status === _unref(SessionContentStatus).Fail ? (_openBlock(), _createElementBlock("i", _hoisted_2)) : _createCommentVNode("v-if", true),
+                    _ctx.sessionContent.status === _unref(SessionContentStatus).Loading ? (_openBlock(), _createElementBlock("i", _hoisted_3)) : _createCommentVNode("v-if", true),
+                    _ctx.isOperateHistory ? (_openBlock(), _createBlock(_component_bk_checkbox, {
+                        class: "message-check",
+                        "model-value": _ctx.selected,
+                        key: String(_ctx.selected)
+                    }, null, 8 /* PROPS */ , [
+                        "model-value"
+                    ])) : _createCommentVNode("v-if", true),
+                    [
+                        _unref(SessionContentStatus).Success,
+                        _unref(SessionContentStatus).Loading
+                    ].includes(_ctx.sessionContent.status) ? (_openBlock(), _createBlock(_unref(RenderMarkdown), {
+                        key: 3,
+                        value: _ctx.sessionContent.content
+                    }, null, 8 /* PROPS */ , [
+                        "value"
+                    ])) : (_openBlock(), _createElementBlock(_Fragment, {
+                        key: 4
+                    }, [
+                        _createTextVNode(_toDisplayString(_ctx.sessionContent.content), 1 /* TEXT */ )
+                    ], 64 /* STABLE_FRAGMENT */ )),
+                    _ctx.sessionContent.status === _unref(SessionContentStatus).Success ? (_openBlock(), _createElementBlock("span", _hoisted_4, [
+                        _createElementVNode("span", _hoisted_5, [
+                            _withDirectives((_openBlock(), _createBlock(_component_bk_rate, {
+                                size: "small",
+                                key: rateHoverTips.value,
+                                "model-value": _ctx.sessionContent.rate,
+                                onChange: handleRateChange,
+                                onHoverChange: handleHoverRateChange
+                            }, null, 8 /* PROPS */ , [
+                                "model-value"
+                            ])), [
+                                [
+                                    _unref(vBkTooltips),
+                                    {
+                                        content: rateHoverTips.value,
+                                        placement: 'top'
+                                    }
+                                ]
+                            ]),
+                            _createElementVNode("span", _hoisted_6, _toDisplayString(rateTip.value), 1 /* TEXT */ )
+                        ]),
+                        _createElementVNode("span", _hoisted_7, [
+                            _withDirectives(_createElementVNode("i", {
+                                class: "ai-ui-sdk-icon ai-ui-sdk-copy",
+                                onClick: _cache[0] || (_cache[0] = ($event)=>_unref(handleCopy)(_ctx.sessionContent.content))
+                            }, null, 512 /* NEED_PATCH */ ), [
+                                [
+                                    _unref(vBkTooltips),
+                                    {
+                                        content: '复制',
+                                        placement: 'top'
+                                    }
+                                ]
+                            ])
+                        ])
+                    ])) : _createCommentVNode("v-if", true)
+                ], 2 /* CLASS */ )) : (_openBlock(), _createBlock(SkeletonMessage, {
+                    key: 1,
+                    class: "skeleton-message"
+                }))
+            ]);
+        };
+    }
+});