@blueking/ai-ui-sdk 0.0.15-beta.2 → 0.0.15-beta.20

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

@@ -0,0 +1,98 @@
+
+.ai-message-home[data-v-u17z6uj2] {
+  justify-content: center;
+  align-items: flex-start;
+  width: 100%;
+}
+.ai-content {
+&[data-v-u17z6uj2] {
+  flex: 1;
+  max-width: calc(100% - 104px);
+  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;
+  }
+.ai-ui-sdk-warning-circle-fill[data-v-u17z6uj2] {
+    color: #EA3636;
+    font-size: 18px;
+    margin-right: 2px;
+}
+.ai-ui-sdk-quanquan[data-v-u17z6uj2] {
+    display: inline-block;
+    color: #3A84FF;
+    animation: rotate 800ms linear infinite;
+    position: absolute;
+    left: 7px;
+    top: 23px;
+    z-index: 1501;
+}
+.message-check[data-v-u17z6uj2] {
+    position: absolute;
+    top: 0;
+    left: -80px;
+}
+&[data-v-u17z6uj2]::before {
+    position: absolute;
+    content: '';
+    width: 15px;
+    height: 15px;
+    top: 15px;
+    left: -5px;
+    rotate: 45deg;
+    background: #FFFFFF;
+}
+&.fail[data-v-u17z6uj2] {
+    padding: 12px;
+    word-break: break-all;
+}
+&.loading[data-v-u17z6uj2] {
+    padding: 12px 0;
+    word-break: break-all;
+}
+}
+.skeleton-message[data-v-u17z6uj2] {
+  margin-right: 52px;
+}
+.message-photo {
+&[data-v-u17z6uj2] {
+  width: 52px;
+  text-align: right;
+  user-select: none;
+  }
+img[data-v-u17z6uj2] {
+    margin-right: 16px;
+    margin-top: 5px;
+    width: 36px;
+    height: 36px;
+}
+}
+.message-tools {
+&[data-v-u17z6uj2] {
+  margin: 12px 12px 12px;
+  padding-top: 10px;
+  justify-content: space-between;
+  border-top: 1px solid #EAEBF0;
+  }
+.rate-tip[data-v-u17z6uj2] {
+    font-size: 12px;
+    color: #979BA5;
+    margin-left: 7px;
+}
+.tool-icons {
+.ai-ui-sdk-icon {
+&[data-v-u17z6uj2] {
+      cursor: pointer;
+      color: #979BA5;
+      }
+&[data-v-u17z6uj2]:hover {
+        color: #3A84FF;
+}
+}
+}
+}

package/dist/component/render-message/openai-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;
+    "modify-session-content": (sessionContent: ISessionContent) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onSelect?: ((selected: boolean) => any) | undefined;
+    "onModify-session-content"?: ((sessionContent: ISessionContent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,7 @@
+import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    class: "skeleton-message"
+};
+export function render(_ctx, _cache) {
+    return _openBlock(), _createElementBlock("section", _hoisted_1);
+}

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

@@ -0,0 +1,7 @@
+
+.skeleton-message[data-v-hp010ssx] {
+  height: 50px;
+  flex: 1;
+  background-color: #EBECF3;
+  border-radius: 8px;
+}

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { render } from './skeleton-message.script.vue.js';
+const script = { render };
+script.__scopeId = "data-v-hp010ssx";
+script.__file = "./src/component/render-message/skeleton-message.vue";
+import './skeleton-message.vue.css';
+export default script;

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

@@ -0,0 +1,17 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    class: "system-message"
+};
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        sessionContent: {}
+    },
+    setup (__props) {
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("span", _hoisted_1, [
+                _createElementVNode("span", null, _toDisplayString(_ctx.sessionContent.content), 1 /* TEXT */ )
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,20 @@
+
+.system-message {
+&[data-v-0ww19svd] {
+  position: relative;
+  width: calc(100% - 204px) !important;
+  max-width: 800px !important;
+  height: 0px;
+  border-bottom: 1px dashed #DCDEE5;
+  margin: 24px 0 40px !important;
+}
+span[data-v-0ww19svd] {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    color: #63656E;
+    font-size: 12px;
+    background-color: #f5f7fa;
+}
+}

package/dist/component/render-message/system-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/system-message.vue.js

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

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-l85nvmho] {
+  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-l85nvmho";
+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: "ai-ui-sdk-icon ai-ui-sdk-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-a51hwqz4] {
+  justify-content: center;
+  align-items: flex-start;
+  width: 100%;
+}
+.ai-content {
+&[data-v-a51hwqz4] {
+  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;
+  }
+.ai-ui-sdk-warning-circle-fill[data-v-a51hwqz4] {
+    color: #EA3636;
+    font-size: 18px;
+    margin-right: 2px;
+}
+.message-check[data-v-a51hwqz4] {
+    position: absolute;
+    top: 0;
+    left: -80px;
+}
+&[data-v-a51hwqz4]::before {
+    position: absolute;
+    content: '';
+    width: 15px;
+    height: 15px;
+    top: 15px;
+    left: -5px;
+    rotate: 45deg;
+    background: #FFFFFF;
+}
+&.fail[data-v-a51hwqz4] {
+    padding: 12px;
+}
+}
+.message-photo {
+&[data-v-a51hwqz4] {
+  width: 52px;
+  text-align: right;
+  user-select: none;
+  }
+img[data-v-a51hwqz4] {
+    margin-right: 16px;
+    margin-top: 5px;
+    width: 36px;
+    height: 36px;
+}
+}
+.clear-message[data-v-a51hwqz4] {
+  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-a51hwqz4";
+script.__file = "./src/component/render-message/token-expired-message.vue";
+import './token-expired-message.vue.css';
+export default script;