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

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

@@ -0,0 +1,41 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "time-message"
+};
+import dayjs from 'dayjs';
+import { computed } from 'vue';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        sessionContent: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const timeMessage = computed(()=>{
+            const now = dayjs();
+            const oneDayAgo = now.subtract(1, 'day');
+            const chatTime = dayjs(props.sessionContent.createdAt);
+            const chatDay = chatTime.format('YYYY-MM-DD');
+            const chatHour = chatTime.format('HH');
+            const chatDate = chatTime.format('YYYY-MM-DD HH:mm:ss');
+            const chatTimestamp = chatTime.format('HH:mm:ss');
+            const timeKey = props.sessionContent.id;
+            if (!timeKey) {
+                return '';
+            }
+            if (chatTime.isBefore(oneDayAgo, 'day') && (!window.timeMap[chatDay] || window.timeMap[chatDay] === timeKey)) {
+                window.timeMap[chatDay] = timeKey;
+                return chatDate;
+            }
+            if (chatTime.isAfter(oneDayAgo, 'day') && (!window.timeMap[chatHour] || window.timeMap[chatHour] === timeKey)) {
+                window.timeMap[chatHour] = timeKey;
+                return chatTimestamp;
+            }
+            return '';
+        });
+        return (_ctx, _cache)=>{
+            return timeMessage.value ? (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(timeMessage.value), 1 /* TEXT */ )) : _createCommentVNode("v-if", true);
+        };
+    }
+});

package/dist/component/render-message/time-message.vue.css

@@ -0,0 +1,14 @@
+
+.time-message[data-v-e9p0sdq8] {
+  position: relative;
+  padding: 0 8px !important;
+  height: 22px;
+  line-height: 22px;
+  margin: 16px 0 16px !important;
+  background: #F0F1F5;
+  text-align: center;
+  border-radius: 2px;
+  font-size: 12px;
+  color: #63656E;
+  width: auto !important;
+}

package/dist/component/render-message/time-message.vue.d.ts

@@ -0,0 +1,6 @@
+import { ISessionContent } from '@/types/session';
+interface IProps {
+    sessionContent: ISessionContent;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/component/render-message/time-message.vue.js

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

package/dist/component/render-message/token-expired-message.script.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock } from "vue";
+import _imports_0 from '../../assets/images/ai.png';
+const _hoisted_1 = {
+    class: "ai-message-home g-flex-row"
+};
+import SkeletonMessage from './skeleton-message.vue.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        sessionContent: {},
+        isOperateHistory: {
+            type: Boolean
+        },
+        selected: {
+            type: Boolean
+        },
+        visible: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "select",
+        "clear-session"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const handelCheck = (selected)=>{
+            emits('select', selected);
+        };
+        const handleClear = ()=>{
+            emits('clear-session');
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_checkbox = _resolveComponent("bk-checkbox");
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                _cache[5] || (_cache[5] = _createElementVNode("span", {
+                    class: "message-photo"
+                }, [
+                    _createElementVNode("img", {
+                        src: _imports_0
+                    })
+                ], -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))
+                }, [
+                    _cache[2] || (_cache[2] = _createElementVNode("i", {
+                        class: "bkaidev-icon bkaidev-warning-circle-fill"
+                    }, null, -1 /* HOISTED */ )),
+                    _ctx.isOperateHistory ? (_openBlock(), _createBlock(_component_bk_checkbox, {
+                        key: 0,
+                        class: "message-check",
+                        "model-value": _ctx.selected,
+                        onChange: handelCheck,
+                        onClick: _cache[0] || (_cache[0] = _withModifiers(()=>{}, [
+                            "stop"
+                        ]))
+                    }, null, 8 /* PROPS */ , [
+                        "model-value"
+                    ])) : _createCommentVNode("v-if", true),
+                    _cache[3] || (_cache[3] = _createTextVNode(" 抱歉，您的剩余 Token 不足，无法返回回答内容，请先 ")),
+                    _createElementVNode("span", {
+                        class: "clear-message",
+                        onClick: handleClear
+                    }, "清空当前会话"),
+                    _cache[4] || (_cache[4] = _createTextVNode(" （上下文仍会作为历史记录保留） "))
+                ], 2 /* CLASS */ )) : (_openBlock(), _createBlock(SkeletonMessage, {
+                    key: 1
+                }))
+            ]);
+        };
+    }
+});

package/dist/component/render-message/token-expired-message.vue.css

@@ -0,0 +1,60 @@
+
+.ai-message-home[data-v-09jee2ts] {
+  justify-content: center;
+  align-items: flex-start;
+  width: 100%;
+}
+.ai-content {
+&[data-v-09jee2ts] {
+  flex: 1;
+  background: #FFFFFF;
+  line-height: 22px;
+  color: #313238;
+  font-size: 14px;
+  box-shadow: 0 2px 6px 0 #0000000f;
+  border-radius: 8px;
+  position: relative;
+  padding-top: 12px;
+  margin-right: 52px;
+  }
+.bkaidev-warning-circle-fill[data-v-09jee2ts] {
+    color: #EA3636;
+    font-size: 18px;
+    margin-right: 2px;
+}
+.message-check[data-v-09jee2ts] {
+    position: absolute;
+    top: 0;
+    left: -80px;
+}
+&[data-v-09jee2ts]::before {
+    position: absolute;
+    content: '';
+    width: 15px;
+    height: 15px;
+    top: 15px;
+    left: -5px;
+    rotate: 45deg;
+    background: #FFFFFF;
+}
+&.fail[data-v-09jee2ts] {
+    padding: 12px;
+}
+}
+.message-photo {
+&[data-v-09jee2ts] {
+  width: 52px;
+  text-align: right;
+  user-select: none;
+  }
+img[data-v-09jee2ts] {
+    margin-right: 16px;
+    margin-top: 5px;
+    width: 36px;
+    height: 36px;
+}
+}
+.clear-message[data-v-09jee2ts] {
+  color: #3a84ff;
+  cursor: pointer;
+}

package/dist/component/render-message/token-expired-message.vue.d.ts

@@ -0,0 +1,15 @@
+import { ISessionContent } from '@/types/session';
+interface IProps {
+    sessionContent: ISessionContent;
+    isOperateHistory: boolean;
+    selected: boolean;
+    visible: boolean;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (selected: Boolean) => any;
+    "clear-session": () => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onSelect?: ((selected: Boolean) => any) | undefined;
+    "onClear-session"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/component/render-message/token-expired-message.vue.js

@@ -0,0 +1,5 @@
+import script from './token-expired-message.script.vue.js';
+script.__scopeId = "data-v-09jee2ts";
+script.__file = "./src/component/render-message/token-expired-message.vue";
+import './token-expired-message.vue.css';
+export default script;

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

@@ -0,0 +1,241 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, createCommentVNode as _createCommentVNode, unref as _unref, vShow as _vShow, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withDirectives as _withDirectives, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    class: "user-message-home"
+};
+const _hoisted_2 = {
+    class: "user-message-extra g-flex-row g-justify-end g-flex-wrap"
+};
+const _hoisted_3 = {
+    class: "g-ml-4"
+};
+const _hoisted_4 = {
+    class: "g-ml-4"
+};
+const _hoisted_5 = {
+    class: "g-flex-row"
+};
+const _hoisted_6 = {
+    key: 0,
+    class: "message-tools g-flex-row"
+};
+const _hoisted_7 = {
+    class: "message-photo"
+};
+const _hoisted_8 = [
+    "src"
+];
+import SkeletonMessage from './skeleton-message.vue.js';
+import { handleCopy, getUserImageUrl, handleImageError } from '../../common/util.js';
+import RenderImage from '../render-image/index.vue.js';
+import RenderKnowledgeIcon from '../render-knowledge-icon/index.vue.js';
+import RenderMarkdown from '../render-markdown/mark-down.js';
+import { SessionContentRole } from '../../types/enum.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        sessionContent: {},
+        isOperateHistory: {
+            type: Boolean
+        },
+        selected: {
+            type: Boolean
+        },
+        visible: {
+            type: Boolean
+        },
+        sessionLoadingMap: {},
+        currentSession: {}
+    },
+    emits: [
+        "select",
+        "plus-prompt-by-session-content",
+        "re-generate",
+        "delete-session-content"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const handleGetExtKnowledges = ()=>{
+            var _props_sessionContent_property_extra_anchorPathResources, _props_sessionContent_property_extra, _props_sessionContent_property, _props_sessionContent_property_extra_anchorPathResources1, _props_sessionContent_property_extra1, _props_sessionContent_property1, _props_sessionContent_property_extra_anchorPathResources2, _props_sessionContent_property_extra2, _props_sessionContent_property2;
+            return [
+                ...((_props_sessionContent_property = props.sessionContent.property) === null || _props_sessionContent_property === void 0 ? void 0 : (_props_sessionContent_property_extra = _props_sessionContent_property.extra) === null || _props_sessionContent_property_extra === void 0 ? void 0 : (_props_sessionContent_property_extra_anchorPathResources = _props_sessionContent_property_extra.anchorPathResources) === null || _props_sessionContent_property_extra_anchorPathResources === void 0 ? void 0 : _props_sessionContent_property_extra_anchorPathResources.knowledgeFolders) || [],
+                ...((_props_sessionContent_property1 = props.sessionContent.property) === null || _props_sessionContent_property1 === void 0 ? void 0 : (_props_sessionContent_property_extra1 = _props_sessionContent_property1.extra) === null || _props_sessionContent_property_extra1 === void 0 ? void 0 : (_props_sessionContent_property_extra_anchorPathResources1 = _props_sessionContent_property_extra1.anchorPathResources) === null || _props_sessionContent_property_extra_anchorPathResources1 === void 0 ? void 0 : _props_sessionContent_property_extra_anchorPathResources1.knowledgebases) || [],
+                ...((_props_sessionContent_property2 = props.sessionContent.property) === null || _props_sessionContent_property2 === void 0 ? void 0 : (_props_sessionContent_property_extra2 = _props_sessionContent_property2.extra) === null || _props_sessionContent_property_extra2 === void 0 ? void 0 : (_props_sessionContent_property_extra_anchorPathResources2 = _props_sessionContent_property_extra2.anchorPathResources) === null || _props_sessionContent_property_extra_anchorPathResources2 === void 0 ? void 0 : _props_sessionContent_property_extra_anchorPathResources2.knowledges) || []
+            ];
+        };
+        const handleGetExtToolsLength = ()=>{
+            var _props_sessionContent_property_extra_tools, _props_sessionContent_property_extra, _props_sessionContent_property;
+            return ((_props_sessionContent_property = props.sessionContent.property) === null || _props_sessionContent_property === void 0 ? void 0 : (_props_sessionContent_property_extra = _props_sessionContent_property.extra) === null || _props_sessionContent_property_extra === void 0 ? void 0 : (_props_sessionContent_property_extra_tools = _props_sessionContent_property_extra.tools) === null || _props_sessionContent_property_extra_tools === void 0 ? void 0 : _props_sessionContent_property_extra_tools.length) || 0;
+        };
+        const handleReGenerate = ()=>{
+            emits('re-generate', props.sessionContent);
+        };
+        const handleLike = ()=>{
+            emits('plus-prompt-by-session-content', props.sessionContent);
+        };
+        const handelCheck = (selected)=>{
+            emits('select', selected);
+        };
+        const handleDelete = ()=>{
+            emits('delete-session-content', props.sessionContent);
+        };
+        return (_ctx, _cache)=>{
+            var _ctx_sessionContent_property_extra, _ctx_sessionContent_property, _ctx_currentSession;
+            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
+            const _component_bk_checkbox = _resolveComponent("bk-checkbox");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                _createElementVNode("ul", _hoisted_2, [
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(handleGetExtKnowledges(), (knowledge, index)=>{
+                        return _openBlock(), _createElementBlock("li", {
+                            key: knowledge.id,
+                            class: "user-message-extra-item g-flex-row g-learning-16 g-mb-8 g-text-gray"
+                        }, [
+                            _createVNode(RenderKnowledgeIcon, {
+                                data: knowledge,
+                                size: "16"
+                            }, null, 8 /* PROPS */ , [
+                                "data"
+                            ]),
+                            _createElementVNode("span", _hoisted_3, _toDisplayString(knowledge.name), 1 /* TEXT */ ),
+                            index < handleGetExtToolsLength() + handleGetExtKnowledges().length - 1 ? (_openBlock(), _createElementBlock(_Fragment, {
+                                key: 0
+                            }, [
+                                _createTextVNode(" ， ")
+                            ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true)
+                        ]);
+                    }), 128 /* KEYED_FRAGMENT */ )),
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList((_ctx_sessionContent_property = _ctx.sessionContent.property) === null || _ctx_sessionContent_property === void 0 ? void 0 : (_ctx_sessionContent_property_extra = _ctx_sessionContent_property.extra) === null || _ctx_sessionContent_property_extra === void 0 ? void 0 : _ctx_sessionContent_property_extra.tools, (tool, index)=>{
+                        return _openBlock(), _createElementBlock("li", {
+                            key: tool.id,
+                            class: "user-message-extra-item g-flex-row g-learning-16 g-mb-8 g-text-gray"
+                        }, [
+                            _createVNode(RenderImage, {
+                                url: tool.icon,
+                                size: 16
+                            }, null, 8 /* PROPS */ , [
+                                "url"
+                            ]),
+                            _createElementVNode("span", _hoisted_4, _toDisplayString(tool.toolName), 1 /* TEXT */ ),
+                            _createTextVNode(" （" + _toDisplayString(tool.toolCode) + "） ", 1 /* TEXT */ ),
+                            index < handleGetExtToolsLength() - 1 ? (_openBlock(), _createElementBlock(_Fragment, {
+                                key: 0
+                            }, [
+                                _createTextVNode(" ， ")
+                            ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true)
+                        ]);
+                    }), 128 /* KEYED_FRAGMENT */ ))
+                ]),
+                _createElementVNode("section", _hoisted_5, [
+                    _ctx.visible ? (_openBlock(), _createElementBlock("p", {
+                        key: 0,
+                        class: _normalizeClass(`user-content delete-${_ctx.sessionContent.id}`),
+                        onClick: _cache[2] || (_cache[2] = ($event)=>handelCheck(!_ctx.selected))
+                    }, [
+                        !_ctx.isOperateHistory ? (_openBlock(), _createElementBlock("span", _hoisted_6, [
+                            _createVNode(_component_bk_pop_confirm, {
+                                trigger: "click",
+                                "ext-cls": "g-confirm-delete",
+                                title: "确认删除该对话？",
+                                content: "删除操作无法撤回，请谨慎操作！",
+                                boundary: `.delete-${_ctx.sessionContent.id}`,
+                                onConfirm: handleDelete
+                            }, {
+                                default: _withCtx(()=>{
+                                    var _ctx_currentSession;
+                                    return [
+                                        _withDirectives(_createElementVNode("i", {
+                                            class: "bkaidev-icon bkaidev-delete hover-show",
+                                            onClick: _cache[0] || (_cache[0] = _withModifiers(()=>{}, [
+                                                "stop"
+                                            ]))
+                                        }, null, 512 /* NEED_PATCH */ ), [
+                                            [
+                                                _vShow,
+                                                ![
+                                                    _unref(SessionContentRole).Role,
+                                                    _unref(SessionContentRole).TemplateRole,
+                                                    _unref(SessionContentRole).TemplateUser
+                                                ].includes(_ctx.sessionContent.role) && !_ctx.sessionLoadingMap[(_ctx_currentSession = _ctx.currentSession) === null || _ctx_currentSession === void 0 ? void 0 : _ctx_currentSession.sessionCode]
+                                            ],
+                                            [
+                                                _directive_bk_tooltips,
+                                                {
+                                                    content: '删除',
+                                                    placement: 'top'
+                                                }
+                                            ]
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "boundary"
+                            ]),
+                            _withDirectives(_createElementVNode("i", {
+                                class: "bkaidev-icon hover-show bkaidev-copy",
+                                onClick: _cache[1] || (_cache[1] = ($event)=>_unref(handleCopy)(_ctx.sessionContent.content))
+                            }, null, 512 /* NEED_PATCH */ ), [
+                                [
+                                    _directive_bk_tooltips,
+                                    {
+                                        content: '复制',
+                                        placement: 'top'
+                                    }
+                                ]
+                            ]),
+                            !_ctx.sessionLoadingMap[(_ctx_currentSession = _ctx.currentSession) === null || _ctx_currentSession === void 0 ? void 0 : _ctx_currentSession.sessionCode] ? _withDirectives((_openBlock(), _createElementBlock("i", {
+                                key: 0,
+                                class: "bkaidev-icon hover-show bkaidev-yinyong-2",
+                                onClick: handleReGenerate
+                            }, null, 512 /* NEED_PATCH */ )), [
+                                [
+                                    _directive_bk_tooltips,
+                                    {
+                                        content: '重新发送',
+                                        placement: 'top'
+                                    }
+                                ]
+                            ]) : _createCommentVNode("v-if", true),
+                            _withDirectives(_createElementVNode("i", {
+                                class: "bkaidev-icon hover-show bkaidev-baocun",
+                                onClick: handleLike
+                            }, null, 512 /* NEED_PATCH */ ), [
+                                [
+                                    _directive_bk_tooltips,
+                                    {
+                                        content: '保存为我的常用 Prompt',
+                                        placement: 'top'
+                                    }
+                                ]
+                            ])
+                        ])) : (_openBlock(), _createBlock(_component_bk_checkbox, {
+                            class: "message-check",
+                            "model-value": _ctx.selected,
+                            key: String(_ctx.selected)
+                        }, null, 8 /* PROPS */ , [
+                            "model-value"
+                        ])),
+                        _createVNode(_unref(RenderMarkdown), {
+                            "preview-background": "#E1ECFF",
+                            value: _ctx.sessionContent.content
+                        }, null, 8 /* PROPS */ , [
+                            "value"
+                        ])
+                    ], 2 /* CLASS */ )) : (_openBlock(), _createBlock(SkeletonMessage, {
+                        key: 1,
+                        class: "skeleton-message"
+                    })),
+                    _cache[4] || (_cache[4] = _createElementVNode("br", null, null, -1 /* HOISTED */ )),
+                    _createElementVNode("span", _hoisted_7, [
+                        _createElementVNode("img", {
+                            src: _unref(getUserImageUrl)(_ctx.sessionContent.createdBy),
+                            onError: _cache[3] || (_cache[3] = //@ts-ignore
+                            (...args)=>_unref(handleImageError) && _unref(handleImageError)(...args))
+                        }, null, 40 /* PROPS, NEED_HYDRATION */ , _hoisted_8)
+                    ])
+                ])
+            ]);
+        };
+    }
+});

package/dist/component/render-message/user-message.vue.css

@@ -0,0 +1,100 @@
+
+.user-message-home[data-v-81xxk2x6] {
+  align-items: flex-start;
+  justify-content: flex-end;
+}
+.user-message-extra {
+&[data-v-81xxk2x6] {
+  padding: 0 52px;
+  }
+&[data-v-81xxk2x6]:after {
+    content: '';
+    display: table;
+    clear: both;
+}
+.bkaidev-icon[data-v-81xxk2x6] {
+    font-size: 14px;
+}
+}
+.user-content {
+&[data-v-81xxk2x6] {
+  flex: 1;
+  max-width: calc(100% - 104px);
+  background: #E1ECFF;
+  padding: 6px 0;
+  color: #313238;
+  font-size: 14px;
+  box-shadow: -1px 2px 4px 0 #0000000f;
+  border-radius: 8px;
+  position: relative;
+  margin-left: 52px;
+  }
+.bkaidev-icon {
+&[data-v-81xxk2x6] {
+    width: 28px;
+    height: 28px;
+    background: #FFFFFF;
+    border-radius: 100%;
+    border: 1px solid #DCDEE5;
+    box-shadow: 0 2px 4px 0 #1919290d;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    cursor: pointer;
+    margin-right: 8px;
+    margin-top: 8px;
+    }
+&.hover-show[data-v-81xxk2x6] {
+      display: none;
+}
+&.bkaidev-yinyong-2[data-v-81xxk2x6]:hover, &.bkaidev-copy[data-v-81xxk2x6]:hover, &.bkaidev-baocun[data-v-81xxk2x6]:hover, &.bkaidev-delete[data-v-81xxk2x6]:hover {
+      color: #3A84FF;
+      border-color: #3A84FF;
+}
+}
+&:hover {
+.hover-show[data-v-81xxk2x6] {
+      display: flex;
+}
+}
+&[data-v-81xxk2x6]::after {
+    position: absolute;
+    content: '';
+    width: 15px;
+    height: 15px;
+    top: 15px;
+    right: -5px;
+    rotate: 45deg;
+    background: #E1ECFF;
+}
+}
+.message-tools[data-v-81xxk2x6] {
+  justify-content: flex-end;
+  position: absolute;
+  width: 150px;
+  left: -150px;
+  top: 2px;
+}
+.message-check[data-v-81xxk2x6] {
+  position: absolute;
+  top: 0;
+  left: -80px;
+}
+.message-photo {
+&[data-v-81xxk2x6] {
+  width: 52px;
+  user-select: none;
+  }
+img[data-v-81xxk2x6] {
+    margin-left: 16px;
+    margin-top: 5px;
+    width: 36px;
+    height: 36px;
+    border: 1px solid #DCDEE5;
+    border-radius: 100%;
+}
+}
+.skeleton-message[data-v-81xxk2x6] {
+  margin-left: 52px;
+}

package/dist/component/render-message/user-message.vue.d.ts

@@ -0,0 +1,21 @@
+import { ISession, ISessionContent } from '@/types/session';
+interface IProps {
+    sessionContent: ISessionContent;
+    isOperateHistory: boolean;
+    selected: boolean;
+    visible: boolean;
+    sessionLoadingMap: Record<string, boolean>;
+    currentSession: ISession;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (selected: Boolean) => any;
+    "plus-prompt-by-session-content": (sessionContent: ISessionContent) => any;
+    "re-generate": (sessionContent: ISessionContent) => any;
+    "delete-session-content": (sessionContent: ISessionContent) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onSelect?: ((selected: Boolean) => any) | undefined;
+    "onPlus-prompt-by-session-content"?: ((sessionContent: ISessionContent) => any) | undefined;
+    "onRe-generate"?: ((sessionContent: ISessionContent) => any) | undefined;
+    "onDelete-session-content"?: ((sessionContent: ISessionContent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/component/render-message/user-message.vue.js

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