@blueking/ai-ui-sdk 0.0.15-beta.26 → 0.0.15-beta.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/component/render-input/index.script.vue.js +2 -4
  2. package/dist/component/render-input/index.vue.css +22 -32
  3. package/dist/component/render-input/index.vue.js +1 -1
  4. package/dist/component/render-input/render-drag.vue.css +5 -9
  5. package/dist/component/render-input/render-drag.vue.js +1 -1
  6. package/dist/component/render-input/render-quill.vue.css +7 -7
  7. package/dist/component/render-knowledge-icon/index.vue.css +1 -1
  8. package/dist/component/render-knowledge-icon/index.vue.js +1 -1
  9. package/dist/component/render-markdown/mark-down.postcss.css +31 -33
  10. package/dist/component/render-message/openai-message.script.vue.js +4 -4
  11. package/dist/component/render-message/openai-message.vue.css +28 -27
  12. package/dist/component/render-message/openai-message.vue.js +1 -1
  13. package/dist/component/render-message/skeleton-message.vue.css +1 -1
  14. package/dist/component/render-message/skeleton-message.vue.js +1 -1
  15. package/dist/component/render-message/system-message.vue.css +2 -4
  16. package/dist/component/render-message/system-message.vue.js +1 -1
  17. package/dist/component/render-message/time-message.vue.css +1 -1
  18. package/dist/component/render-message/time-message.vue.js +1 -1
  19. package/dist/component/render-message/token-expired-message.vue.css +11 -15
  20. package/dist/component/render-message/token-expired-message.vue.js +1 -1
  21. package/dist/component/render-message/user-message.script.vue.js +5 -5
  22. package/dist/component/render-message/user-message.vue.css +19 -29
  23. package/dist/component/render-message/user-message.vue.js +1 -1
  24. package/dist/component/render-stop/index.vue.css +2 -4
  25. package/dist/component/render-stop/index.vue.js +1 -1
  26. package/dist/component.d.ts +5 -0
  27. package/dist/component.js +6 -0
  28. package/dist/main.d.ts +0 -5
  29. package/dist/main.js +0 -6
  30. package/package.json +24 -10
@@ -5,7 +5,7 @@ const _hoisted_1 = {
5
5
  };
6
6
  import { bkTooltips as vBkTooltips } from 'bkui-vue';
7
7
  import { Close } from 'bkui-vue/lib/icon';
8
- import { computed, getCurrentInstance, nextTick, onMounted, ref, watch } from 'vue';
8
+ import { computed, nextTick, onMounted, ref, watch } from 'vue';
9
9
  import RenderDrag from './render-drag.vue.js';
10
10
  import RenderQuill from './render-quill.vue.js';
11
11
  import { SessionContentRole } from '../../types/enum.js';
@@ -33,7 +33,6 @@ export default /*@__PURE__*/ _defineComponent({
33
33
  setup (__props, { emit: __emit }) {
34
34
  const props = __props;
35
35
  const emit = __emit;
36
- const vm = getCurrentInstance();
37
36
  const quillRef = ref();
38
37
  const textHeight = ref(120);
39
38
  const defaultHeight = ref(120);
@@ -75,8 +74,7 @@ export default /*@__PURE__*/ _defineComponent({
75
74
  };
76
75
  const handleChangeTextHeight = ()=>{
77
76
  nextTick(()=>{
78
- var _vm_proxy;
79
- const elm = vm === null || vm === void 0 ? void 0 : (_vm_proxy = vm.proxy) === null || _vm_proxy === void 0 ? void 0 : _vm_proxy.$el.nextElementSibling.querySelector('.send-prompt-container .ql-editor');
77
+ const elm = document.querySelector('.send-prompt-container .ql-editor');
80
78
  if ((elm === null || elm === void 0 ? void 0 : elm.scrollHeight) > defaultHeight.value && prompt.value) {
81
79
  textHeight.value = elm.scrollHeight <= 400 ? elm.scrollHeight : 400;
82
80
  } else {
@@ -1,37 +1,30 @@
1
1
 
2
- .send-prompt-container {
3
- &[data-v-e7ffx3an] {
2
+ .send-prompt-container[data-v-6r61g0ln] {
4
3
  width: 800px;
5
4
  z-index: 1501;
6
5
  overflow: visible;
7
6
  position: relative;
8
7
  }
9
- [data-v-e7ffx3an] .textarea-list {
8
+ .send-prompt-container[data-v-6r61g0ln] .textarea-list {
10
9
  bottom: var(--textarea-bottom);
11
10
  }
12
- &:hover {
13
- .clear-icon[data-v-e7ffx3an] {
11
+ .send-prompt-container:hover .clear-icon[data-v-6r61g0ln] {
14
12
  display: inline-flex !important;
15
13
  }
16
- }
17
- }
18
- .quill-container {
19
- &[data-v-e7ffx3an] {
14
+ .quill-container[data-v-6r61g0ln] {
20
15
  background: #fff;
21
16
  box-shadow: 0 0 6px 0 #0000001a;
22
17
  border-radius: 4px;
23
18
  box-sizing: border-box !important;
24
19
  border: 1px solid transparent;
25
20
  }
26
- &.active[data-v-e7ffx3an] {
21
+ .quill-container.active[data-v-6r61g0ln] {
27
22
  border: 1px solid #3A84FF !important;
28
23
  }
29
- &[data-v-e7ffx3an]:has(.ql-editor:focus) {
24
+ .quill-container[data-v-6r61g0ln]:has(.ql-editor:focus) {
30
25
  border: 1px solid #3A84FF !important;
31
26
  }
32
- }
33
- .send-prompt {
34
- &[data-v-e7ffx3an] {
27
+ .send-prompt[data-v-6r61g0ln] {
35
28
  width: 800px;
36
29
  border: 1px solid transparent;
37
30
  flex-direction: row;
@@ -41,28 +34,26 @@
41
34
  border-radius: 4px;
42
35
  border: 1px solid transparent !important;
43
36
  }
44
- [data-v-e7ffx3an] .content-input-wrapper {
37
+ .send-prompt[data-v-6r61g0ln] .content-input-wrapper {
45
38
  padding: 0 !important;
46
39
  height: 100% !important;
47
40
  }
48
- [data-v-e7ffx3an] .auto-textarea-wrapper {
41
+ .send-prompt[data-v-6r61g0ln] .auto-textarea-wrapper {
49
42
  height: 100% !important;
50
43
  }
51
- [data-v-e7ffx3an] .v-note-panel {
44
+ .send-prompt[data-v-6r61g0ln] .v-note-panel {
52
45
  border-radius: 4px;
53
46
  }
54
- [data-v-e7ffx3an] .scroll-style {
47
+ .send-prompt[data-v-6r61g0ln] .scroll-style {
55
48
  overflow-y: hidden !important;
56
49
  }
57
- [data-v-e7ffx3an] .auto-textarea-block {
50
+ .send-prompt[data-v-6r61g0ln] .auto-textarea-block {
58
51
  display: none;
59
52
  }
60
- &[data-v-e7ffx3an]:has(.ql-editor:focus) {
53
+ .send-prompt[data-v-6r61g0ln]:has(.ql-editor:focus) {
61
54
  height: var(--text-height);
62
55
  }
63
- }
64
- .ai-ui-sdk-fasong {
65
- &[data-v-e7ffx3an] {
56
+ .ai-ui-sdk-fasong[data-v-6r61g0ln] {
66
57
  width: 28px;
67
58
  height: 28px;
68
59
  line-height: 28px;
@@ -76,16 +67,15 @@
76
67
  text-align: center;
77
68
  z-index: 1501;
78
69
  }
79
- &[data-v-e7ffx3an]:hover {
70
+ .ai-ui-sdk-fasong[data-v-6r61g0ln]:hover {
80
71
  background: #F0F5FF;
81
72
  color: #3a84ff;
82
73
  }
83
- &.disable[data-v-e7ffx3an] {
74
+ .ai-ui-sdk-fasong.disable[data-v-6r61g0ln] {
84
75
  color: #dcdee5;
85
76
  cursor: not-allowed;
86
77
  }
87
- }
88
- .clear-icon[data-v-e7ffx3an] {
78
+ .clear-icon[data-v-6r61g0ln] {
89
79
  display: none !important;
90
80
  position: absolute;
91
81
  bottom: 42px;
@@ -100,7 +90,8 @@
100
90
  width: calc(100% - 24px);
101
91
  position: relative;
102
92
  border-bottom: 1px solid #eaebf0 !important;
103
- &:before {
93
+ }
94
+ .input-search:before {
104
95
  content: '';
105
96
  position: absolute;
106
97
  left: -13px;
@@ -109,7 +100,7 @@
109
100
  width: 1px;
110
101
  background-color: #DCDEE5;
111
102
  }
112
- &::after {
103
+ .input-search::after {
113
104
  content: '';
114
105
  position: absolute;
115
106
  right: -13px;
@@ -118,12 +109,11 @@
118
109
  width: 1px;
119
110
  background-color: #DCDEE5;
120
111
  }
121
- }
122
112
  .input-search.is-focused, .input-search:hover {
123
113
  background-color: transparent !important;
124
- .bk-input--text {
125
- background-color: transparent !important;
126
114
  }
115
+ .input-search.is-focused .bk-input--text, .input-search:hover .bk-input--text {
116
+ background-color: transparent !important;
127
117
  }
128
118
  .search-icon {
129
119
  font-size: 18px;
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js';
2
- script.__scopeId = "data-v-e7ffx3an";
2
+ script.__scopeId = "data-v-6r61g0ln";
3
3
  script.__file = "./src/component/render-input/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;
@@ -1,6 +1,5 @@
1
1
 
2
- .send-tool-container {
3
- &[data-v-rpzle093] {
2
+ .send-tool-container[data-v-2nn0ah5j] {
4
3
  position: absolute;
5
4
  left: 50%;
6
5
  top: 16px;
@@ -13,20 +12,17 @@
13
12
  cursor: row-resize;
14
13
  z-index: 15001;
15
14
  }
16
- &.bottom {
17
- &[data-v-rpzle093] {
15
+ .send-tool-container.bottom[data-v-2nn0ah5j] {
18
16
  bottom: 0;
19
17
  top: auto;
20
18
  }
21
- .ai-ui-sdk-gengduo[data-v-rpzle093] {
19
+ .send-tool-container.bottom .ai-ui-sdk-gengduo[data-v-2nn0ah5j] {
22
20
  margin-top: -10px;
23
21
  }
24
- }
25
- &[data-v-rpzle093]:hover, &.is-dragging[data-v-rpzle093] {
22
+ .send-tool-container[data-v-2nn0ah5j]:hover, .send-tool-container.is-dragging[data-v-2nn0ah5j] {
26
23
  background: #3A84FF;
27
24
  }
28
- .ai-ui-sdk-gengduo[data-v-rpzle093] {
25
+ .send-tool-container .ai-ui-sdk-gengduo[data-v-2nn0ah5j] {
29
26
  margin-top: -2px;
30
27
  color: #63656E;
31
28
  }
32
- }
@@ -1,5 +1,5 @@
1
1
  import script from './render-drag.script.vue.js';
2
- script.__scopeId = "data-v-rpzle093";
2
+ script.__scopeId = "data-v-2nn0ah5j";
3
3
  script.__file = "./src/component/render-input/render-drag.vue";
4
4
  import './render-drag.vue.css';
5
5
  export default script;
@@ -2,26 +2,26 @@
2
2
  .ql-editor {
3
3
  overflow-y: auto;
4
4
  font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
5
- img {
5
+ }
6
+ .ql-editor img {
6
7
  max-width: 250px !important;
7
8
  max-height: 250px !important;
8
9
  }
9
- &::-webkit-scrollbar {
10
+ .ql-editor::-webkit-scrollbar {
10
11
  width: 6px;
11
12
  height: 6px;
12
13
  }
13
- &::-webkit-scrollbar-thumb {
14
+ .ql-editor::-webkit-scrollbar-thumb {
14
15
  width: 6px;
15
16
  height: 6px;
16
17
  border-radius: 3px;
17
18
  background-color: #dcdee5;
18
- &:hover {
19
- background-color: #979ba5;
20
19
  }
20
+ .ql-editor::-webkit-scrollbar-thumb:hover {
21
+ background-color: #979ba5;
21
22
  }
22
- &::before {
23
+ .ql-editor::before {
23
24
  line-height: 16px;
24
25
  color: #DCDEE5 !important;
25
26
  font-style: normal !important;
26
27
  }
27
- }
@@ -1,4 +1,4 @@
1
1
 
2
- .ai-ui-sdk-icon[data-v-o3144v76] {
2
+ .ai-ui-sdk-icon[data-v-bl3u983b] {
3
3
  color: #C4C6CC;
4
4
  }
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js';
2
- script.__scopeId = "data-v-o3144v76";
2
+ script.__scopeId = "data-v-bl3u983b";
3
3
  script.__file = "./src/component/render-knowledge-icon/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;
@@ -9,41 +9,41 @@
9
9
  font-size: 14px !important;
10
10
  padding: 8px 25px !important;
11
11
  min-height: 37px !important;
12
+ }
12
13
 
13
- p {
14
+ .v-show-content p {
14
15
  margin-bottom: 0 !important;
16
+ }
15
17
 
16
- & + p {
18
+ .v-show-content p + p {
17
19
  margin-top: 16px;
18
20
  }
19
- }
20
- }
21
21
 
22
- .full-screen-wrap.markdown-body {
23
- .code-header {
22
+ .full-screen-wrap.markdown-body .code-header {
24
23
  height: 40px;
25
24
  justify-content: space-between;
26
25
  background: #2e2e2e;
27
26
  border-radius: 2px 2px 0 0;
28
27
  padding: 0 18px;
29
28
  color: #c4c6cc;
29
+ }
30
30
 
31
- .ai-ui-sdk-un-full-screen,
32
- .ai-ui-sdk-full-screen,
33
- .ai-ui-sdk-copy {
31
+ .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-un-full-screen,
32
+ .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-full-screen,
33
+ .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-copy {
34
34
  margin-right: 12px;
35
35
  }
36
36
 
37
- .ai-ui-sdk-icon {
37
+ .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-icon {
38
38
  color: #979ba5;
39
39
  cursor: pointer;
40
+ }
40
41
 
41
- &:hover {
42
+ .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-icon:hover {
42
43
  color: #3a84ff;
43
44
  }
44
- }
45
45
 
46
- & + pre {
46
+ .full-screen-wrap.markdown-body .code-header + pre {
47
47
  max-height: 500px;
48
48
  overflow-y: auto;
49
49
  color: #abb2bf !important;
@@ -52,79 +52,77 @@
52
52
  font-size: 14px !important;
53
53
  padding: 16px;
54
54
  line-height: 1.45;
55
+ }
55
56
 
56
- code {
57
+ .full-screen-wrap.markdown-body .code-header + pre code {
57
58
  font-size: 14px !important;
58
59
  }
59
60
 
60
- .hljs-comment {
61
+ .full-screen-wrap.markdown-body .code-header + pre .hljs-comment {
61
62
  color: #6a9954;
62
63
  font-style: inherit;
63
64
  }
64
65
 
65
- .hljs {
66
+ .full-screen-wrap.markdown-body .code-header + pre .hljs {
66
67
  overflow: initial;
67
68
  background: #1a1a1a !important;
68
69
  }
69
70
 
70
- &::-webkit-scrollbar-track {
71
+ .full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-track {
71
72
  background: #2e2e2e;
72
73
  border-left: 1px solid #3d3d3d;
73
74
  border-top: 1px solid #3d3d3d;
74
75
  }
75
76
 
76
- &::-webkit-scrollbar {
77
+ .full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar {
77
78
  width: 14px;
78
79
  height: 14px;
79
80
  }
80
81
 
81
- &::-webkit-scrollbar-corner {
82
+ .full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-corner {
82
83
  background: #2e2e2e !important;
83
84
  }
84
85
 
85
- &::-webkit-scrollbar-thumb {
86
+ .full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-thumb {
86
87
  height: 5px;
87
88
  border-radius: 1px;
88
89
  background: rgb(121 121 121 / 40%);
89
90
  border: 1px solid #63656e;
90
91
  }
91
- }
92
- }
93
92
 
94
- &:not(:first-child) {
93
+ .full-screen-wrap.markdown-body:not(:first-child) {
95
94
  margin-top: 8px !important;
96
95
  }
97
96
 
98
- &:not(:last-child) {
97
+ .full-screen-wrap.markdown-body:not(:last-child) {
99
98
  margin-bottom: 8px !important;
100
99
  }
101
100
 
102
- &.full-screen {
101
+ .full-screen-wrap.markdown-body.full-screen {
103
102
  margin-top: 0 !important;
103
+ }
104
104
 
105
- .code-header {
105
+ .full-screen-wrap.markdown-body.full-screen .code-header {
106
106
  margin: 0;
107
107
  }
108
108
 
109
- pre {
109
+ .full-screen-wrap.markdown-body.full-screen pre {
110
110
  max-height: calc(100vh - 40px);
111
111
  height: calc(100vh - 40px);
112
112
  }
113
- }
114
113
 
115
- .full-screen-wrap.full-screen {
114
+ .full-screen-wrap.markdown-body .full-screen-wrap.full-screen {
116
115
  margin-top: 0 !important;
116
+ }
117
117
 
118
- .code-header {
118
+ .full-screen-wrap.markdown-body .full-screen-wrap.full-screen .code-header {
119
119
  margin: 0;
120
120
  }
121
121
 
122
- pre {
122
+ .full-screen-wrap.markdown-body .full-screen-wrap.full-screen pre {
123
123
  max-height: calc(100vh - 40px);
124
124
  height: calc(100vh - 40px);
125
125
  }
126
- }
127
- }
128
126
 
129
127
  .v-note-img-wrapper {
130
128
  display: none !important;
@@ -51,7 +51,7 @@ function _object_spread_props(target, source) {
51
51
  return target;
52
52
  }
53
53
  import { defineComponent as _defineComponent } from 'vue';
54
- 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, resolveDirective as _resolveDirective, withDirectives as _withDirectives, normalizeClass as _normalizeClass } from "vue";
54
+ 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";
55
55
  import _imports_0 from '../../assets/images/ai.png';
56
56
  const _hoisted_1 = {
57
57
  class: "ai-message-home g-flex-row"
@@ -78,6 +78,7 @@ const _hoisted_7 = {
78
78
  class: "tool-icons g-flex-row"
79
79
  };
80
80
  import { computed, ref } from 'vue';
81
+ import { bkTooltips as vBkTooltips } from 'bkui-vue';
81
82
  import SkeletonMessage from './skeleton-message.vue.js';
82
83
  import { handleCopy } from '../../common/util.js';
83
84
  import RenderMarkdown from '../render-markdown/mark-down.js';
@@ -129,7 +130,6 @@ export default /*@__PURE__*/ _defineComponent({
129
130
  return (_ctx, _cache)=>{
130
131
  const _component_bk_checkbox = _resolveComponent("bk-checkbox");
131
132
  const _component_bk_rate = _resolveComponent("bk-rate");
132
- const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
133
133
  return _openBlock(), _createElementBlock("section", _hoisted_1, [
134
134
  _cache[2] || (_cache[2] = _createElementVNode("span", {
135
135
  class: "message-photo"
@@ -181,7 +181,7 @@ export default /*@__PURE__*/ _defineComponent({
181
181
  "model-value"
182
182
  ])), [
183
183
  [
184
- _directive_bk_tooltips,
184
+ _unref(vBkTooltips),
185
185
  {
186
186
  content: rateHoverTips.value,
187
187
  placement: 'top'
@@ -196,7 +196,7 @@ export default /*@__PURE__*/ _defineComponent({
196
196
  onClick: _cache[0] || (_cache[0] = ($event)=>_unref(handleCopy)(_ctx.sessionContent.content))
197
197
  }, null, 512 /* NEED_PATCH */ ), [
198
198
  [
199
- _directive_bk_tooltips,
199
+ _unref(vBkTooltips),
200
200
  {
201
201
  content: '复制',
202
202
  placement: 'top'
@@ -1,11 +1,10 @@
1
1
 
2
- .ai-message-home[data-v-wpcsjsns] {
2
+ .ai-message-home[data-v-bo7to4ry] {
3
3
  justify-content: center;
4
4
  align-items: flex-start;
5
5
  width: 100%;
6
6
  }
7
- .ai-content {
8
- &[data-v-wpcsjsns] {
7
+ .ai-content[data-v-bo7to4ry] {
9
8
  flex: 1;
10
9
  max-width: calc(100% - 104px);
11
10
  background: #FFFFFF;
@@ -17,27 +16,27 @@
17
16
  position: relative;
18
17
  padding-top: 12px;
19
18
  margin-right: 52px;
20
- }
21
- .ai-ui-sdk-warning-circle-fill[data-v-wpcsjsns] {
19
+ }
20
+ .ai-content .ai-ui-sdk-warning-circle-fill[data-v-bo7to4ry] {
22
21
  color: #EA3636;
23
22
  font-size: 18px;
24
23
  margin-right: 2px;
25
24
  }
26
- .ai-ui-sdk-quanquan[data-v-wpcsjsns] {
25
+ .ai-content .ai-ui-sdk-quanquan[data-v-bo7to4ry] {
27
26
  display: inline-block;
28
27
  color: #3A84FF;
29
- animation: rotate 800ms linear infinite;
28
+ animation: rotate-bo7to4ry 800ms linear infinite;
30
29
  position: absolute;
31
30
  left: 7px;
32
31
  top: 23px;
33
32
  z-index: 1501;
34
33
  }
35
- .message-check[data-v-wpcsjsns] {
34
+ .ai-content .message-check[data-v-bo7to4ry] {
36
35
  position: absolute;
37
36
  top: 0;
38
37
  left: -80px;
39
38
  }
40
- &[data-v-wpcsjsns]::before {
39
+ .ai-content[data-v-bo7to4ry]::before {
41
40
  position: absolute;
42
41
  content: '';
43
42
  width: 15px;
@@ -47,52 +46,54 @@
47
46
  rotate: 45deg;
48
47
  background: #FFFFFF;
49
48
  }
50
- &.fail[data-v-wpcsjsns] {
49
+ .ai-content.fail[data-v-bo7to4ry] {
51
50
  padding: 12px;
52
51
  word-break: break-all;
53
52
  }
54
- &.loading[data-v-wpcsjsns] {
53
+ .ai-content.loading[data-v-bo7to4ry] {
55
54
  padding: 12px 0;
56
55
  word-break: break-all;
57
56
  }
58
- }
59
- .skeleton-message[data-v-wpcsjsns] {
57
+ .skeleton-message[data-v-bo7to4ry] {
60
58
  margin-right: 52px;
61
59
  }
62
- .message-photo {
63
- &[data-v-wpcsjsns] {
60
+ .message-photo[data-v-bo7to4ry] {
64
61
  width: 52px;
65
62
  text-align: right;
66
63
  user-select: none;
67
- }
68
- img[data-v-wpcsjsns] {
64
+ }
65
+ .message-photo img[data-v-bo7to4ry] {
69
66
  margin-right: 16px;
70
67
  margin-top: 5px;
71
68
  width: 36px;
72
69
  height: 36px;
73
70
  }
74
- }
75
- .message-tools {
76
- &[data-v-wpcsjsns] {
71
+ .message-tools[data-v-bo7to4ry] {
77
72
  margin: 12px 12px 12px;
78
73
  padding-top: 10px;
79
74
  justify-content: space-between;
80
75
  border-top: 1px solid #EAEBF0;
81
- }
82
- .rate-tip[data-v-wpcsjsns] {
76
+ }
77
+ .message-tools .rate-tip[data-v-bo7to4ry] {
83
78
  font-size: 12px;
84
79
  color: #979BA5;
85
80
  margin-left: 7px;
86
81
  }
87
- .tool-icons {
88
- .ai-ui-sdk-icon {
89
- &[data-v-wpcsjsns] {
82
+ .message-tools .tool-icons .ai-ui-sdk-icon[data-v-bo7to4ry] {
90
83
  cursor: pointer;
91
84
  color: #979BA5;
92
- }
93
- &[data-v-wpcsjsns]:hover {
85
+ }
86
+ .message-tools .tool-icons .ai-ui-sdk-icon[data-v-bo7to4ry]:hover {
94
87
  color: #3A84FF;
95
88
  }
89
+ @keyframes rotate-bo7to4ry {
90
+ 0% {
91
+ transform: rotate(0);
92
+ }
93
+ 50% {
94
+ transform: rotate(180deg);
96
95
  }
96
+ 100% {
97
+ transform: rotate(360deg);
97
98
  }
98
99
  }
@@ -1,5 +1,5 @@
1
1
  import script from './openai-message.script.vue.js';
2
- script.__scopeId = "data-v-wpcsjsns";
2
+ script.__scopeId = "data-v-bo7to4ry";
3
3
  script.__file = "./src/component/render-message/openai-message.vue";
4
4
  import './openai-message.vue.css';
5
5
  export default script;
@@ -1,5 +1,5 @@
1
1
 
2
- .skeleton-message[data-v-rc5b36u1] {
2
+ .skeleton-message[data-v-b4izj0j3] {
3
3
  height: 50px;
4
4
  flex: 1;
5
5
  background-color: #EBECF3;
@@ -1,6 +1,6 @@
1
1
  import { render } from './skeleton-message.script.vue.js';
2
2
  const script = { render };
3
- script.__scopeId = "data-v-rc5b36u1";
3
+ script.__scopeId = "data-v-b4izj0j3";
4
4
  script.__file = "./src/component/render-message/skeleton-message.vue";
5
5
  import './skeleton-message.vue.css';
6
6
  export default script;
@@ -1,6 +1,5 @@
1
1
 
2
- .system-message {
3
- &[data-v-e7pivrk3] {
2
+ .system-message[data-v-xi12prac] {
4
3
  position: relative;
5
4
  width: calc(100% - 204px) !important;
6
5
  max-width: 800px !important;
@@ -8,7 +7,7 @@
8
7
  border-bottom: 1px dashed #DCDEE5;
9
8
  margin: 24px 0 40px !important;
10
9
  }
11
- span[data-v-e7pivrk3] {
10
+ .system-message span[data-v-xi12prac] {
12
11
  position: absolute;
13
12
  left: 50%;
14
13
  top: 50%;
@@ -17,4 +16,3 @@ span[data-v-e7pivrk3] {
17
16
  font-size: 12px;
18
17
  background-color: #f5f7fa;
19
18
  }
20
- }
@@ -1,5 +1,5 @@
1
1
  import script from './system-message.script.vue.js';
2
- script.__scopeId = "data-v-e7pivrk3";
2
+ script.__scopeId = "data-v-xi12prac";
3
3
  script.__file = "./src/component/render-message/system-message.vue";
4
4
  import './system-message.vue.css';
5
5
  export default script;
@@ -1,5 +1,5 @@
1
1
 
2
- .time-message[data-v-j09e0uqf] {
2
+ .time-message[data-v-i36mxelk] {
3
3
  position: relative;
4
4
  padding: 0 8px !important;
5
5
  height: 22px;
@@ -1,5 +1,5 @@
1
1
  import script from './time-message.script.vue.js';
2
- script.__scopeId = "data-v-j09e0uqf";
2
+ script.__scopeId = "data-v-i36mxelk";
3
3
  script.__file = "./src/component/render-message/time-message.vue";
4
4
  import './time-message.vue.css';
5
5
  export default script;
@@ -1,11 +1,10 @@
1
1
 
2
- .ai-message-home[data-v-bhl5elgv] {
2
+ .ai-message-home[data-v-x3949u3a] {
3
3
  justify-content: center;
4
4
  align-items: flex-start;
5
5
  width: 100%;
6
6
  }
7
- .ai-content {
8
- &[data-v-bhl5elgv] {
7
+ .ai-content[data-v-x3949u3a] {
9
8
  flex: 1;
10
9
  background: #FFFFFF;
11
10
  line-height: 22px;
@@ -16,18 +15,18 @@
16
15
  position: relative;
17
16
  padding-top: 12px;
18
17
  margin-right: 52px;
19
- }
20
- .ai-ui-sdk-warning-circle-fill[data-v-bhl5elgv] {
18
+ }
19
+ .ai-content .ai-ui-sdk-warning-circle-fill[data-v-x3949u3a] {
21
20
  color: #EA3636;
22
21
  font-size: 18px;
23
22
  margin-right: 2px;
24
23
  }
25
- .message-check[data-v-bhl5elgv] {
24
+ .ai-content .message-check[data-v-x3949u3a] {
26
25
  position: absolute;
27
26
  top: 0;
28
27
  left: -80px;
29
28
  }
30
- &[data-v-bhl5elgv]::before {
29
+ .ai-content[data-v-x3949u3a]::before {
31
30
  position: absolute;
32
31
  content: '';
33
32
  width: 15px;
@@ -37,24 +36,21 @@
37
36
  rotate: 45deg;
38
37
  background: #FFFFFF;
39
38
  }
40
- &.fail[data-v-bhl5elgv] {
39
+ .ai-content.fail[data-v-x3949u3a] {
41
40
  padding: 12px;
42
41
  }
43
- }
44
- .message-photo {
45
- &[data-v-bhl5elgv] {
42
+ .message-photo[data-v-x3949u3a] {
46
43
  width: 52px;
47
44
  text-align: right;
48
45
  user-select: none;
49
- }
50
- img[data-v-bhl5elgv] {
46
+ }
47
+ .message-photo img[data-v-x3949u3a] {
51
48
  margin-right: 16px;
52
49
  margin-top: 5px;
53
50
  width: 36px;
54
51
  height: 36px;
55
52
  }
56
- }
57
- .clear-message[data-v-bhl5elgv] {
53
+ .clear-message[data-v-x3949u3a] {
58
54
  color: #3a84ff;
59
55
  cursor: pointer;
60
56
  }
@@ -1,5 +1,5 @@
1
1
  import script from './token-expired-message.script.vue.js';
2
- script.__scopeId = "data-v-bhl5elgv";
2
+ script.__scopeId = "data-v-x3949u3a";
3
3
  script.__file = "./src/component/render-message/token-expired-message.vue";
4
4
  import './token-expired-message.vue.css';
5
5
  export default script;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as _defineComponent } from 'vue';
2
- 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";
2
+ 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, withDirectives as _withDirectives, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, normalizeClass as _normalizeClass } from "vue";
3
3
  const _hoisted_1 = {
4
4
  class: "user-message-home"
5
5
  };
@@ -25,6 +25,7 @@ const _hoisted_7 = {
25
25
  const _hoisted_8 = [
26
26
  "src"
27
27
  ];
28
+ import { bkTooltips as vBkTooltips } from 'bkui-vue';
28
29
  import SkeletonMessage from './skeleton-message.vue.js';
29
30
  import { handleCopy, getUserImageUrl, handleImageError } from '../../common/util.js';
30
31
  import RenderImage from '../render-image/index.vue.js';
@@ -83,7 +84,6 @@ export default /*@__PURE__*/ _defineComponent({
83
84
  var _ctx_sessionContent_property_extra, _ctx_sessionContent_property, _ctx_currentSession;
84
85
  const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
85
86
  const _component_bk_checkbox = _resolveComponent("bk-checkbox");
86
- const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
87
87
  return _openBlock(), _createElementBlock("section", _hoisted_1, [
88
88
  _createElementVNode("ul", _hoisted_2, [
89
89
  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(handleGetExtKnowledges(), (knowledge, index)=>{
@@ -159,7 +159,7 @@ export default /*@__PURE__*/ _defineComponent({
159
159
  ].includes(_ctx.sessionContent.role) && !_ctx.sessionLoadingMap[(_ctx_currentSession = _ctx.currentSession) === null || _ctx_currentSession === void 0 ? void 0 : _ctx_currentSession.sessionCode]
160
160
  ],
161
161
  [
162
- _directive_bk_tooltips,
162
+ _unref(vBkTooltips),
163
163
  {
164
164
  content: '删除',
165
165
  placement: 'top'
@@ -177,7 +177,7 @@ export default /*@__PURE__*/ _defineComponent({
177
177
  onClick: _cache[1] || (_cache[1] = ($event)=>_unref(handleCopy)(_ctx.sessionContent.content))
178
178
  }, null, 512 /* NEED_PATCH */ ), [
179
179
  [
180
- _directive_bk_tooltips,
180
+ _unref(vBkTooltips),
181
181
  {
182
182
  content: '复制',
183
183
  placement: 'top'
@@ -190,7 +190,7 @@ export default /*@__PURE__*/ _defineComponent({
190
190
  onClick: handleReGenerate
191
191
  }, null, 512 /* NEED_PATCH */ )), [
192
192
  [
193
- _directive_bk_tooltips,
193
+ _unref(vBkTooltips),
194
194
  {
195
195
  content: '重新发送',
196
196
  placement: 'top'
@@ -1,23 +1,20 @@
1
1
 
2
- .user-message-home[data-v-49kw5vqo] {
2
+ .user-message-home[data-v-pwuubp0f] {
3
3
  align-items: flex-start;
4
4
  justify-content: flex-end;
5
5
  }
6
- .user-message-extra {
7
- &[data-v-49kw5vqo] {
6
+ .user-message-extra[data-v-pwuubp0f] {
8
7
  padding: 0 52px;
9
- }
10
- &[data-v-49kw5vqo]:after {
8
+ }
9
+ .user-message-extra[data-v-pwuubp0f]:after {
11
10
  content: '';
12
11
  display: table;
13
12
  clear: both;
14
13
  }
15
- .ai-ui-sdk-icon[data-v-49kw5vqo] {
14
+ .user-message-extra .ai-ui-sdk-icon[data-v-pwuubp0f] {
16
15
  font-size: 14px;
17
16
  }
18
- }
19
- .user-content {
20
- &[data-v-49kw5vqo] {
17
+ .user-content[data-v-pwuubp0f] {
21
18
  flex: 1;
22
19
  max-width: calc(100% - 104px);
23
20
  background: #E1ECFF;
@@ -28,9 +25,8 @@
28
25
  border-radius: 8px;
29
26
  position: relative;
30
27
  margin-left: 52px;
31
- }
32
- .ai-ui-sdk-icon {
33
- &[data-v-49kw5vqo] {
28
+ }
29
+ .user-content .ai-ui-sdk-icon[data-v-pwuubp0f] {
34
30
  width: 28px;
35
31
  height: 28px;
36
32
  background: #FFFFFF;
@@ -44,21 +40,18 @@
44
40
  cursor: pointer;
45
41
  margin-right: 8px;
46
42
  margin-top: 8px;
47
- }
48
- &.hover-show[data-v-49kw5vqo] {
43
+ }
44
+ .user-content .ai-ui-sdk-icon.hover-show[data-v-pwuubp0f] {
49
45
  display: none;
50
46
  }
51
- &.ai-ui-sdk-yinyong-2[data-v-49kw5vqo]:hover, &.ai-ui-sdk-copy[data-v-49kw5vqo]:hover, &.ai-ui-sdk-baocun[data-v-49kw5vqo]:hover, &.ai-ui-sdk-delete[data-v-49kw5vqo]:hover {
47
+ .user-content .ai-ui-sdk-icon.ai-ui-sdk-yinyong-2[data-v-pwuubp0f]:hover, .user-content .ai-ui-sdk-icon.ai-ui-sdk-copy[data-v-pwuubp0f]:hover, .user-content .ai-ui-sdk-icon.ai-ui-sdk-baocun[data-v-pwuubp0f]:hover, .user-content .ai-ui-sdk-icon.ai-ui-sdk-delete[data-v-pwuubp0f]:hover {
52
48
  color: #3A84FF;
53
49
  border-color: #3A84FF;
54
50
  }
55
- }
56
- &:hover {
57
- .hover-show[data-v-49kw5vqo] {
51
+ .user-content:hover .hover-show[data-v-pwuubp0f] {
58
52
  display: flex;
59
53
  }
60
- }
61
- &[data-v-49kw5vqo]::after {
54
+ .user-content[data-v-pwuubp0f]::after {
62
55
  position: absolute;
63
56
  content: '';
64
57
  width: 15px;
@@ -68,25 +61,23 @@
68
61
  rotate: 45deg;
69
62
  background: #E1ECFF;
70
63
  }
71
- }
72
- .message-tools[data-v-49kw5vqo] {
64
+ .message-tools[data-v-pwuubp0f] {
73
65
  justify-content: flex-end;
74
66
  position: absolute;
75
67
  width: 150px;
76
68
  left: -150px;
77
69
  top: 2px;
78
70
  }
79
- .message-check[data-v-49kw5vqo] {
71
+ .message-check[data-v-pwuubp0f] {
80
72
  position: absolute;
81
73
  top: 0;
82
74
  left: -80px;
83
75
  }
84
- .message-photo {
85
- &[data-v-49kw5vqo] {
76
+ .message-photo[data-v-pwuubp0f] {
86
77
  width: 52px;
87
78
  user-select: none;
88
- }
89
- img[data-v-49kw5vqo] {
79
+ }
80
+ .message-photo img[data-v-pwuubp0f] {
90
81
  margin-left: 16px;
91
82
  margin-top: 5px;
92
83
  width: 36px;
@@ -94,7 +85,6 @@ img[data-v-49kw5vqo] {
94
85
  border: 1px solid #DCDEE5;
95
86
  border-radius: 100%;
96
87
  }
97
- }
98
- .skeleton-message[data-v-49kw5vqo] {
88
+ .skeleton-message[data-v-pwuubp0f] {
99
89
  margin-left: 52px;
100
90
  }
@@ -1,5 +1,5 @@
1
1
  import script from './user-message.script.vue.js';
2
- script.__scopeId = "data-v-49kw5vqo";
2
+ script.__scopeId = "data-v-pwuubp0f";
3
3
  script.__file = "./src/component/render-message/user-message.vue";
4
4
  import './user-message.vue.css';
5
5
  export default script;
@@ -1,6 +1,5 @@
1
1
 
2
- .render-stop {
3
- &[data-v-sgjkks5z] {
2
+ .render-stop[data-v-s5w4vjgn] {
4
3
  background: #FFFFFF;
5
4
  border: 1px solid #DCDEE5;
6
5
  border-radius: 2px;
@@ -9,7 +8,7 @@
9
8
  font-size: 12px;
10
9
  cursor: pointer;
11
10
  }
12
- .stop-icon[data-v-sgjkks5z] {
11
+ .render-stop .stop-icon[data-v-s5w4vjgn] {
13
12
  width: 8px;
14
13
  height: 8px;
15
14
  background: #FFDDDD;
@@ -17,4 +16,3 @@
17
16
  border-radius: 2px;
18
17
  margin-right: 8px;
19
18
  }
20
- }
@@ -1,5 +1,5 @@
1
1
  import script from './index.script.vue.js';
2
- script.__scopeId = "data-v-sgjkks5z";
2
+ script.__scopeId = "data-v-s5w4vjgn";
3
3
  script.__file = "./src/component/render-stop/index.vue";
4
4
  import './index.vue.css';
5
5
  export default script;
@@ -0,0 +1,5 @@
1
+ import RenderMarkdown from './component/render-markdown/mark-down';
2
+ import RenderMessage from './component/render-message/index';
3
+ import RenderInput from './component/render-input/index.vue';
4
+ import RenderStop from './component/render-stop/index.vue';
5
+ export { RenderMarkdown, RenderMessage, RenderInput, RenderStop };
@@ -0,0 +1,6 @@
1
+ // components
2
+ import RenderMarkdown from './component/render-markdown/mark-down.js';
3
+ import RenderMessage from './component/render-message/index.js';
4
+ import RenderInput from './component/render-input/index.vue.js';
5
+ import RenderStop from './component/render-stop/index.vue.js';
6
+ export { RenderMarkdown, RenderMessage, RenderInput, RenderStop };
package/dist/main.d.ts CHANGED
@@ -16,8 +16,3 @@ export * from './hooks/use-http';
16
16
  export * from './event';
17
17
  import fetch from '@/http/fetch';
18
18
  export { fetch };
19
- import RenderMarkdown from './component/render-markdown/mark-down';
20
- import RenderMessage from './component/render-message/index';
21
- import RenderInput from './component/render-input/index.vue';
22
- import RenderStop from './component/render-stop/index.vue';
23
- export { RenderMarkdown, RenderMessage, RenderInput, RenderStop };
package/dist/main.js CHANGED
@@ -22,9 +22,3 @@ export * from './event/index.js';
22
22
  // http
23
23
  import fetch from './http/fetch/index.js';
24
24
  export { fetch };
25
- // component
26
- import RenderMarkdown from './component/render-markdown/mark-down.js';
27
- import RenderMessage from './component/render-message/index.js';
28
- import RenderInput from './component/render-input/index.vue.js';
29
- import RenderStop from './component/render-stop/index.vue.js';
30
- export { RenderMarkdown, RenderMessage, RenderInput, RenderStop };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blueking/ai-ui-sdk",
3
- "version": "0.0.15-beta.26",
3
+ "version": "0.0.15-beta.28",
4
4
  "description": "蓝鲸AI UI SDK",
5
5
  "main": "dist/main.js",
6
6
  "types": "dist/main.d.ts",
@@ -10,22 +10,36 @@
10
10
  "files": [
11
11
  "dist"
12
12
  ],
13
+ "exports": {
14
+ ".": {
15
+ "import": "./dist/main.js",
16
+ "types": "./dist/main.d.ts"
17
+ },
18
+ "./component": {
19
+ "import": "./dist/component.js",
20
+ "require": "./dist/component.d.ts"
21
+ }
22
+ },
13
23
  "keywords": [],
14
24
  "author": "",
15
25
  "license": "ISC",
16
26
  "sideEffects": false,
17
- "devDependencies": {
18
- "@blueking/cli-service": "0.1.0-beta.14",
19
- "@types/quill": "^1.3.10",
20
- "@types/markdown-it": "^14.1.2",
21
- "vue-tsc": "^2.2.10",
22
- "typescript": "^5.5.4",
23
- "x-mavon-editor": "^0.0.15",
24
- "quill": "^1.3.7"
27
+ "dependencies": {
28
+ "postcss-nested": "^7.0.2",
29
+ "postcss-nested-ancestors": "^3.0.0"
25
30
  },
26
31
  "peerDependencies": {
27
32
  "bkui-vue": "^2.0.1-beta.100",
28
33
  "dayjs": "^1.11.13",
29
- "vue": "^3.5.13"
34
+ "quill": "^1.3.7",
35
+ "vue": "^3.5.13",
36
+ "x-mavon-editor": "^0.0.15"
37
+ },
38
+ "devDependencies": {
39
+ "@blueking/cli-service": "0.1.0-beta.15",
40
+ "@types/quill": "^1.3.10",
41
+ "@types/markdown-it": "^14.1.2",
42
+ "typescript": "^5.5.4",
43
+ "vue-tsc": "^2.2.10"
30
44
  }
31
45
  }