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

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 (27) hide show
  1. package/dist/component/render-input/index.vue.css +22 -32
  2. package/dist/component/render-input/index.vue.js +1 -1
  3. package/dist/component/render-input/render-drag.vue.css +5 -9
  4. package/dist/component/render-input/render-drag.vue.js +1 -1
  5. package/dist/component/render-input/render-quill.vue.css +7 -7
  6. package/dist/component/render-knowledge-icon/index.vue.css +1 -1
  7. package/dist/component/render-knowledge-icon/index.vue.js +1 -1
  8. package/dist/component/render-markdown/mark-down.postcss.css +31 -33
  9. package/dist/component/render-message/openai-message.vue.css +19 -29
  10. package/dist/component/render-message/openai-message.vue.js +1 -1
  11. package/dist/component/render-message/skeleton-message.vue.css +1 -1
  12. package/dist/component/render-message/skeleton-message.vue.js +1 -1
  13. package/dist/component/render-message/system-message.vue.css +2 -4
  14. package/dist/component/render-message/system-message.vue.js +1 -1
  15. package/dist/component/render-message/time-message.vue.css +1 -1
  16. package/dist/component/render-message/time-message.vue.js +1 -1
  17. package/dist/component/render-message/token-expired-message.vue.css +11 -15
  18. package/dist/component/render-message/token-expired-message.vue.js +1 -1
  19. package/dist/component/render-message/user-message.vue.css +19 -29
  20. package/dist/component/render-message/user-message.vue.js +1 -1
  21. package/dist/component/render-stop/index.vue.css +2 -4
  22. package/dist/component/render-stop/index.vue.js +1 -1
  23. package/dist/component.d.ts +5 -0
  24. package/dist/component.js +6 -0
  25. package/dist/main.d.ts +0 -5
  26. package/dist/main.js +0 -6
  27. package/package.json +24 -10
@@ -1,37 +1,30 @@
1
1
 
2
- .send-prompt-container {
3
- &[data-v-e7ffx3an] {
2
+ .send-prompt-container[data-v-uwno63x8] {
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-uwno63x8] .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-uwno63x8] {
14
12
  display: inline-flex !important;
15
13
  }
16
- }
17
- }
18
- .quill-container {
19
- &[data-v-e7ffx3an] {
14
+ .quill-container[data-v-uwno63x8] {
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-uwno63x8] {
27
22
  border: 1px solid #3A84FF !important;
28
23
  }
29
- &[data-v-e7ffx3an]:has(.ql-editor:focus) {
24
+ .quill-container[data-v-uwno63x8]: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-uwno63x8] {
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-uwno63x8] .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-uwno63x8] .auto-textarea-wrapper {
49
42
  height: 100% !important;
50
43
  }
51
- [data-v-e7ffx3an] .v-note-panel {
44
+ .send-prompt[data-v-uwno63x8] .v-note-panel {
52
45
  border-radius: 4px;
53
46
  }
54
- [data-v-e7ffx3an] .scroll-style {
47
+ .send-prompt[data-v-uwno63x8] .scroll-style {
55
48
  overflow-y: hidden !important;
56
49
  }
57
- [data-v-e7ffx3an] .auto-textarea-block {
50
+ .send-prompt[data-v-uwno63x8] .auto-textarea-block {
58
51
  display: none;
59
52
  }
60
- &[data-v-e7ffx3an]:has(.ql-editor:focus) {
53
+ .send-prompt[data-v-uwno63x8]: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-uwno63x8] {
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-uwno63x8]:hover {
80
71
  background: #F0F5FF;
81
72
  color: #3a84ff;
82
73
  }
83
- &.disable[data-v-e7ffx3an] {
74
+ .ai-ui-sdk-fasong.disable[data-v-uwno63x8] {
84
75
  color: #dcdee5;
85
76
  cursor: not-allowed;
86
77
  }
87
- }
88
- .clear-icon[data-v-e7ffx3an] {
78
+ .clear-icon[data-v-uwno63x8] {
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-uwno63x8";
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-2xjavzr6] {
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-2xjavzr6] {
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-2xjavzr6] {
22
20
  margin-top: -10px;
23
21
  }
24
- }
25
- &[data-v-rpzle093]:hover, &.is-dragging[data-v-rpzle093] {
22
+ .send-tool-container[data-v-2xjavzr6]:hover, .send-tool-container.is-dragging[data-v-2xjavzr6] {
26
23
  background: #3A84FF;
27
24
  }
28
- .ai-ui-sdk-gengduo[data-v-rpzle093] {
25
+ .send-tool-container .ai-ui-sdk-gengduo[data-v-2xjavzr6] {
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-2xjavzr6";
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-pbnllwgr] {
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-pbnllwgr";
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;
@@ -1,11 +1,10 @@
1
1
 
2
- .ai-message-home[data-v-wpcsjsns] {
2
+ .ai-message-home[data-v-xojypnwg] {
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-xojypnwg] {
9
8
  flex: 1;
10
9
  max-width: calc(100% - 104px);
11
10
  background: #FFFFFF;
@@ -17,13 +16,13 @@
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-xojypnwg] {
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-xojypnwg] {
27
26
  display: inline-block;
28
27
  color: #3A84FF;
29
28
  animation: rotate 800ms linear infinite;
@@ -32,12 +31,12 @@
32
31
  top: 23px;
33
32
  z-index: 1501;
34
33
  }
35
- .message-check[data-v-wpcsjsns] {
34
+ .ai-content .message-check[data-v-xojypnwg] {
36
35
  position: absolute;
37
36
  top: 0;
38
37
  left: -80px;
39
38
  }
40
- &[data-v-wpcsjsns]::before {
39
+ .ai-content[data-v-xojypnwg]::before {
41
40
  position: absolute;
42
41
  content: '';
43
42
  width: 15px;
@@ -47,52 +46,43 @@
47
46
  rotate: 45deg;
48
47
  background: #FFFFFF;
49
48
  }
50
- &.fail[data-v-wpcsjsns] {
49
+ .ai-content.fail[data-v-xojypnwg] {
51
50
  padding: 12px;
52
51
  word-break: break-all;
53
52
  }
54
- &.loading[data-v-wpcsjsns] {
53
+ .ai-content.loading[data-v-xojypnwg] {
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-xojypnwg] {
60
58
  margin-right: 52px;
61
59
  }
62
- .message-photo {
63
- &[data-v-wpcsjsns] {
60
+ .message-photo[data-v-xojypnwg] {
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-xojypnwg] {
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-xojypnwg] {
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-xojypnwg] {
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-xojypnwg] {
90
83
  cursor: pointer;
91
84
  color: #979BA5;
92
- }
93
- &[data-v-wpcsjsns]:hover {
94
- color: #3A84FF;
95
- }
96
- }
97
85
  }
86
+ .message-tools .tool-icons .ai-ui-sdk-icon[data-v-xojypnwg]:hover {
87
+ color: #3A84FF;
98
88
  }
@@ -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-xojypnwg";
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-d8f5afut] {
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-d8f5afut";
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-au86kok3] {
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-au86kok3] {
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-au86kok3";
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-gky1556r] {
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-gky1556r";
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-0faf89y3] {
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-0faf89y3] {
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-0faf89y3] {
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-0faf89y3] {
26
25
  position: absolute;
27
26
  top: 0;
28
27
  left: -80px;
29
28
  }
30
- &[data-v-bhl5elgv]::before {
29
+ .ai-content[data-v-0faf89y3]::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-0faf89y3] {
41
40
  padding: 12px;
42
41
  }
43
- }
44
- .message-photo {
45
- &[data-v-bhl5elgv] {
42
+ .message-photo[data-v-0faf89y3] {
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-0faf89y3] {
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-0faf89y3] {
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-0faf89y3";
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,23 +1,20 @@
1
1
 
2
- .user-message-home[data-v-49kw5vqo] {
2
+ .user-message-home[data-v-gu8rbhp2] {
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-gu8rbhp2] {
8
7
  padding: 0 52px;
9
- }
10
- &[data-v-49kw5vqo]:after {
8
+ }
9
+ .user-message-extra[data-v-gu8rbhp2]: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-gu8rbhp2] {
16
15
  font-size: 14px;
17
16
  }
18
- }
19
- .user-content {
20
- &[data-v-49kw5vqo] {
17
+ .user-content[data-v-gu8rbhp2] {
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-gu8rbhp2] {
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-gu8rbhp2] {
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-gu8rbhp2]:hover, .user-content .ai-ui-sdk-icon.ai-ui-sdk-copy[data-v-gu8rbhp2]:hover, .user-content .ai-ui-sdk-icon.ai-ui-sdk-baocun[data-v-gu8rbhp2]:hover, .user-content .ai-ui-sdk-icon.ai-ui-sdk-delete[data-v-gu8rbhp2]: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-gu8rbhp2] {
58
52
  display: flex;
59
53
  }
60
- }
61
- &[data-v-49kw5vqo]::after {
54
+ .user-content[data-v-gu8rbhp2]::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-gu8rbhp2] {
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-gu8rbhp2] {
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-gu8rbhp2] {
86
77
  width: 52px;
87
78
  user-select: none;
88
- }
89
- img[data-v-49kw5vqo] {
79
+ }
80
+ .message-photo img[data-v-gu8rbhp2] {
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-gu8rbhp2] {
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-gu8rbhp2";
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-1lsnhhh5] {
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-1lsnhhh5] {
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-1lsnhhh5";
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.27",
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
  }