vue-element-ui-x 1.0.1 → 1.0.3

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 (40) hide show
  1. package/lib/components/Attachments/index.js +11 -11
  2. package/lib/components/Bubble/index.js +30 -43
  3. package/lib/components/BubbleList/index.js +47 -77
  4. package/lib/components/Conversations/index.js +9 -9
  5. package/lib/components/FilesCard/index.js +1 -1
  6. package/lib/components/Prompts/index.js +21 -21
  7. package/lib/components/Sender/index.js +50 -49
  8. package/lib/components/Thinking/index.js +12 -18
  9. package/lib/components/ThoughtChain/index.js +23 -27
  10. package/lib/components/Typewriter/index.js +13 -17
  11. package/lib/components/Welcome/index.js +1 -1
  12. package/lib/index.common.js +1 -1
  13. package/lib/index.esm.js +1 -1
  14. package/lib/index.js +161 -196
  15. package/lib/index.umd.js +1 -1
  16. package/package.json +12 -9
  17. package/src/components/Attachments/src/main.vue +2 -10
  18. package/src/components/Bubble/src/main.vue +8 -19
  19. package/src/components/BubbleList/src/main.vue +2 -19
  20. package/src/components/Conversations/src/main.vue +0 -41
  21. package/src/components/Prompts/src/main.vue +248 -248
  22. package/src/components/Sender/src/components/LoadingButton.vue +37 -39
  23. package/src/components/Sender/src/components/SpeechLoadingButton.vue +41 -43
  24. package/src/components/Sender/src/main.vue +1 -0
  25. package/src/components/Thinking/src/main.vue +3 -4
  26. package/src/components/ThoughtChain/src/main.vue +1 -3
  27. package/src/components/Typewriter/src/main.vue +3 -7
  28. package/src/components/Welcome/src/main.vue +151 -151
  29. package/src/styles/Attachments.scss +236 -236
  30. package/src/styles/Bubble.scss +5 -4
  31. package/src/styles/BubbleList.scss +148 -148
  32. package/src/styles/Conversations.scss +175 -152
  33. package/src/styles/FilesCard.scss +222 -221
  34. package/src/styles/Prompts.scss +197 -195
  35. package/src/styles/Sender.scss +29 -18
  36. package/src/styles/Thinking.scss +36 -6
  37. package/src/styles/ThoughtChain.scss +113 -113
  38. package/src/styles/Typewriter.scss +66 -66
  39. package/src/styles/var.scss +4 -5
  40. package/src/theme/var.scss +183 -72
package/src/styles/BubbleList.scss CHANGED
@@ -1,148 +1,148 @@
1
- @import '../theme/var.scss';
2
-
3
- .el-x-bubble-list {
4
- display: flex;
5
- flex-direction: column;
6
- gap: 16px;
7
- min-height: 0;
8
- max-height: var(--el-x-bubble-list-max-height);
9
- overflow: auto;
10
- scroll-behavior: smooth;
11
-
12
- position: relative;
13
-
14
- &::-webkit-scrollbar {
15
- width: 6px;
16
- height: 8px;
17
- }
18
-
19
- &::-webkit-scrollbar-thumb {
20
- background: transparent;
21
- background-color: #0003;
22
- border-radius: 10px;
23
- transition: background-color 0.2s ease-in-out;
24
- }
25
-
26
- &::-webkit-scrollbar-track {
27
- border-radius: 10px;
28
- background: transparent;
29
- }
30
-
31
- &:hover {
32
- &::-webkit-scrollbar-thumb {
33
- background: #c1c1c1;
34
- }
35
-
36
- &::-webkit-scrollbar-thumb:hover {
37
- background: #a8a8a8;
38
- }
39
- }
40
-
41
- &.always-scrollbar {
42
- &::-webkit-scrollbar-thumb {
43
- background: #c1c1c1;
44
- }
45
-
46
- &:hover::-webkit-scrollbar-thumb {
47
- background: #a8a8a8;
48
- }
49
- }
50
- }
51
-
52
- @supports (scrollbar-color: auto) {
53
- .el-x-bubble-list {
54
- scrollbar-color: transparent transparent;
55
- scrollbar-width: thin;
56
-
57
- &:hover {
58
- scrollbar-color: #c1c1c1 transparent;
59
- }
60
-
61
- &.always-scrollbar {
62
- scrollbar-color: #c1c1c1 transparent;
63
- }
64
- }
65
- }
66
-
67
- .el-x-bubble-list-default-back-button {
68
- position: sticky;
69
- user-select: none;
70
- cursor: pointer;
71
- width: 40px;
72
- height: 40px;
73
- padding: 10px;
74
- box-sizing: border-box;
75
- display: flex;
76
- align-items: center;
77
- justify-content: center;
78
- background-color: #ffffff;
79
- border-radius: 50%;
80
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 6px 10px 0 rgba(47, 53, 64, 0.1);
81
- transition: all 0.3s ease;
82
- z-index: 100;
83
-
84
- &:hover {
85
- transform: translateY(-1px);
86
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
87
- }
88
-
89
- .el-x-bubble-list-back-to-bottom-icon {
90
- font-size: var(--el-x-bubble-list-btn-size);
91
- position: relative;
92
-
93
- .back-to-bottom-loading-svg-bg {
94
- position: absolute;
95
- font-size: calc(var(--el-x-bubble-list-btn-size) + 26px);
96
- animation: is-loading 1s infinite linear;
97
- width: 40px;
98
- height: 40px;
99
- }
100
-
101
- @keyframes is-loading {
102
- 0% {
103
- transform: rotate(0deg);
104
- }
105
-
106
- 100% {
107
- transform: rotate(360deg);
108
- }
109
- }
110
- }
111
-
112
- .back-to-bottom-loading-svg-bg {
113
- position: absolute;
114
- font-size: calc(var(--el-x-bubble-list-btn-size) + 26px);
115
- animation: is-loading 1s infinite linear;
116
- width: 40px;
117
- height: 40px;
118
- }
119
-
120
- @keyframes is-loading {
121
- 0% {
122
- transform: rotate(0deg);
123
- }
124
-
125
- 100% {
126
- transform: rotate(360deg);
127
- }
128
- }
129
- }
130
-
131
- .el-x-bubble-list-back-to-bottom-solt {
132
- position: sticky;
133
- user-select: none;
134
- cursor: initial;
135
- width: fit-content;
136
- height: fit-content;
137
- padding: 0;
138
- box-sizing: border-box;
139
- display: flex;
140
- align-items: center;
141
- justify-content: center;
142
- box-shadow: initial;
143
-
144
- &:hover {
145
- transform: translateY(0px);
146
- box-shadow: initial;
147
- }
148
- }
1
+ @import '../theme/var.scss';
2
+
3
+ .el-x-bubble-list {
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: 16px;
7
+ min-height: 0;
8
+ max-height: var(--el-x-bubble-list-max-height);
9
+ overflow: auto;
10
+ scroll-behavior: smooth;
11
+
12
+ position: relative;
13
+
14
+ &::-webkit-scrollbar {
15
+ width: 6px;
16
+ height: 8px;
17
+ }
18
+
19
+ &::-webkit-scrollbar-thumb {
20
+ background: transparent;
21
+ background-color: #0003;
22
+ border-radius: 10px;
23
+ transition: background-color 0.2s ease-in-out;
24
+ }
25
+
26
+ &::-webkit-scrollbar-track {
27
+ border-radius: 10px;
28
+ background: transparent;
29
+ }
30
+
31
+ &:hover {
32
+ &::-webkit-scrollbar-thumb {
33
+ background: #c1c1c1;
34
+ }
35
+
36
+ &::-webkit-scrollbar-thumb:hover {
37
+ background: #a8a8a8;
38
+ }
39
+ }
40
+
41
+ &.always-scrollbar {
42
+ &::-webkit-scrollbar-thumb {
43
+ background: #c1c1c1;
44
+ }
45
+
46
+ &:hover::-webkit-scrollbar-thumb {
47
+ background: #a8a8a8;
48
+ }
49
+ }
50
+ }
51
+
52
+ @supports (scrollbar-color: auto) {
53
+ .el-x-bubble-list {
54
+ scrollbar-color: transparent transparent;
55
+ scrollbar-width: thin;
56
+
57
+ &:hover {
58
+ scrollbar-color: #c1c1c1 transparent;
59
+ }
60
+
61
+ &.always-scrollbar {
62
+ scrollbar-color: #c1c1c1 transparent;
63
+ }
64
+ }
65
+ }
66
+
67
+ .el-x-bubble-list-default-back-button {
68
+ position: sticky;
69
+ user-select: none;
70
+ cursor: pointer;
71
+ width: 40px;
72
+ height: 40px;
73
+ padding: 10px;
74
+ box-sizing: border-box;
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: center;
78
+ background-color: #ffffff;
79
+ border-radius: 50%;
80
+ box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 6px 10px 0 rgba(47, 53, 64, 0.1);
81
+ transition: all 0.3s ease;
82
+ z-index: 100;
83
+
84
+ &:hover {
85
+ transform: translateY(-1px);
86
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
87
+ }
88
+
89
+ .el-x-bubble-list-back-to-bottom-icon {
90
+ font-size: var(--el-x-bubble-list-btn-size);
91
+ position: relative;
92
+
93
+ .back-to-bottom-loading-svg-bg {
94
+ position: absolute;
95
+ font-size: calc(var(--el-x-bubble-list-btn-size) + 26px);
96
+ animation: is-loading 1s infinite linear;
97
+ width: 40px;
98
+ height: 40px;
99
+ }
100
+
101
+ @keyframes is-loading {
102
+ 0% {
103
+ transform: rotate(0deg);
104
+ }
105
+
106
+ 100% {
107
+ transform: rotate(360deg);
108
+ }
109
+ }
110
+ }
111
+
112
+ .back-to-bottom-loading-svg-bg {
113
+ position: absolute;
114
+ font-size: calc(var(--el-x-bubble-list-btn-size) + 26px);
115
+ animation: is-loading 1s infinite linear;
116
+ width: 40px;
117
+ height: 40px;
118
+ }
119
+
120
+ @keyframes is-loading {
121
+ 0% {
122
+ transform: rotate(0deg);
123
+ }
124
+
125
+ 100% {
126
+ transform: rotate(360deg);
127
+ }
128
+ }
129
+ }
130
+
131
+ .el-x-bubble-list-back-to-bottom-solt {
132
+ position: sticky;
133
+ user-select: none;
134
+ cursor: initial;
135
+ width: fit-content;
136
+ height: fit-content;
137
+ padding: 0;
138
+ box-sizing: border-box;
139
+ display: flex;
140
+ align-items: center;
141
+ justify-content: center;
142
+ box-shadow: initial;
143
+
144
+ &:hover {
145
+ transform: translateY(0px);
146
+ box-shadow: initial;
147
+ }
148
+ }