vue-element-ui-x 0.1.7-beta → 0.1.9-beta

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 (31) hide show
  1. package/lib/components/Attachments/index.js +229 -237
  2. package/lib/components/Conversations/index.js +13 -13
  3. package/lib/components/FilesCard/index.js +207 -211
  4. package/lib/components/Sender/index.js +15 -15
  5. package/lib/components/Thinking/index.js +11 -11
  6. package/lib/components/ThoughtChain/index.js +14 -14
  7. package/lib/index.common.js +1 -1
  8. package/lib/index.esm.js +1 -1
  9. package/lib/index.js +282 -290
  10. package/lib/index.umd.js +1 -1
  11. package/package.json +1 -1
  12. package/src/components/Attachments/src/main.vue +10 -10
  13. package/src/components/Conversations/src/main.vue +636 -635
  14. package/src/components/FilesCard/src/main.vue +4 -8
  15. package/src/components/Sender/src/main.vue +4 -3
  16. package/src/components/Thinking/src/main.vue +195 -195
  17. package/src/components/ThoughtChain/src/main.vue +293 -293
  18. package/src/styles/Thinking.scss +112 -112
  19. package/lib/attachments.js +0 -3082
  20. package/lib/bubble-list.js +0 -13840
  21. package/lib/bubble.js +0 -13125
  22. package/lib/conversations.js +0 -18825
  23. package/lib/files-card.js +0 -2471
  24. package/lib/mixins.js +0 -1016
  25. package/lib/prompts.js +0 -832
  26. package/lib/sender.js +0 -1911
  27. package/lib/think.js +0 -799
  28. package/lib/thinking.js +0 -809
  29. package/lib/thought-chain.js +0 -30391
  30. package/lib/typewriter.js +0 -12788
  31. package/lib/welcome.js +0 -755
package/src/styles/Thinking.scss CHANGED
@@ -1,112 +1,112 @@
1
- @import '../theme/var';
2
-
3
- .el-x-thinking {
4
- margin: 0 auto;
5
- }
6
-
7
- .trigger {
8
- display: flex;
9
- align-items: center;
10
- height: 100%;
11
- width: var(--el-x-thinking-button-width);
12
- gap: $--el-x-spacing-xs;
13
- padding: $--el-x-padding-sm calc($--el-x-padding-sm + 4px);
14
- border: $--el-x-border-width $--border-style-base $--el-x-border-color;
15
- border-radius: $--el-x-border-radius-md;
16
- background: $--color-white;
17
- cursor: pointer;
18
- margin-bottom: $--el-x-spacing-xs;
19
-
20
- .el-icon-center {
21
- height: 100%;
22
- display: flex;
23
- align-items: center;
24
- }
25
-
26
- .start-color {
27
- color: $--color-warning;
28
- }
29
-
30
- .end-color {
31
- color: $--color-success;
32
- }
33
-
34
- .is-loading {
35
- color: $--el-x-color-primary;
36
- }
37
-
38
- .error-color {
39
- color: $--color-danger;
40
- }
41
- }
42
-
43
- .trigger:hover {
44
- background: $--background-color-base;
45
- }
46
-
47
- .trigger.disabled {
48
- cursor: pointer;
49
- }
50
-
51
- .trigger:disabled {
52
- cursor: not-allowed;
53
- opacity: 0.7;
54
- }
55
-
56
- .status-icon {
57
- font-size: $--el-x-font-size-medium;
58
- }
59
-
60
- .arrow {
61
- margin-left: auto;
62
- transition: transform var(--el-x-thinking-animation-duration);
63
- }
64
-
65
- .arrow.expanded {
66
- transform: rotate(180deg);
67
- }
68
-
69
- .slide-enter-active,
70
- .slide-leave-active {
71
- height: max-content;
72
- transition: height var(--el-x-thinking-animation-duration) ease-in-out,
73
- opacity var(--el-x-thinking-animation-duration) ease-in-out;
74
- overflow: hidden;
75
- }
76
-
77
- .slide-enter-from,
78
- .slide-leave-to {
79
- height: 0 !important;
80
- opacity: 0;
81
- }
82
-
83
- .content-wrapper {
84
- box-sizing: border-box;
85
- min-width: 0;
86
- }
87
-
88
- .content pre {
89
- border: $--el-x-border-width $--border-style-base $--el-x-border-color;
90
- background: var(--el-x-thinking-content-wrapper-background-color);
91
- padding: $--el-x-padding-sm calc($--el-x-padding-sm + 4px);
92
- border-radius: $--el-x-border-radius-lg;
93
- max-width: var(--el-x-thinking-content-wrapper-width);
94
- font-size: $--el-x-font-size-base;
95
- color: var(--el-x-thinking-content-wrapper-color);
96
- white-space: pre-wrap;
97
- margin: 0;
98
- line-height: $--el-x-font-line-height-primary;
99
- }
100
-
101
- .error-state {
102
- border-color: $--color-danger-lighter;
103
- background: $--color-danger-lighter;
104
- }
105
-
106
- .error-message {
107
- color: $--color-danger;
108
- height: fit-content;
109
- padding: $--el-x-spacing-xs;
110
- background: $--color-danger-lighter;
111
- border-radius: $--el-x-border-radius-md;
112
- }
1
+ @import '../theme/var';
2
+
3
+ .el-x-thinking {
4
+ margin: 0 auto;
5
+ }
6
+
7
+ .trigger {
8
+ display: flex;
9
+ align-items: center;
10
+ height: 100%;
11
+ width: var(--el-x-thinking-button-width);
12
+ gap: $--el-x-spacing-xs;
13
+ padding: $--el-x-padding-sm calc($--el-x-padding-sm + 4px);
14
+ border: $--el-x-border-width $--border-style-base $--el-x-border-color;
15
+ border-radius: $--el-x-border-radius-md;
16
+ background: $--color-white;
17
+ cursor: pointer;
18
+ margin-bottom: $--el-x-spacing-xs;
19
+
20
+ .el-icon-center {
21
+ height: 100%;
22
+ display: flex;
23
+ align-items: center;
24
+ }
25
+
26
+ .start-color {
27
+ color: $--color-warning;
28
+ }
29
+
30
+ .end-color {
31
+ color: $--color-success;
32
+ }
33
+
34
+ .is-loading {
35
+ color: $--el-x-color-primary;
36
+ }
37
+
38
+ .error-color {
39
+ color: $--color-danger;
40
+ }
41
+ }
42
+
43
+ .trigger:hover {
44
+ background: $--background-color-base;
45
+ }
46
+
47
+ .trigger.disabled {
48
+ cursor: pointer;
49
+ }
50
+
51
+ .trigger:disabled {
52
+ cursor: not-allowed;
53
+ opacity: 0.7;
54
+ }
55
+
56
+ .status-icon {
57
+ font-size: $--el-x-font-size-medium;
58
+ }
59
+
60
+ .thinking-arrow {
61
+ margin-left: auto;
62
+ transition: transform var(--el-x-thinking-animation-duration);
63
+ }
64
+
65
+ .thinking-arrow.expanded {
66
+ transform: rotate(180deg);
67
+ }
68
+
69
+ .slide-enter-active,
70
+ .slide-leave-active {
71
+ height: max-content;
72
+ transition: height var(--el-x-thinking-animation-duration) ease-in-out,
73
+ opacity var(--el-x-thinking-animation-duration) ease-in-out;
74
+ overflow: hidden;
75
+ }
76
+
77
+ .slide-enter-from,
78
+ .slide-leave-to {
79
+ height: 0 !important;
80
+ opacity: 0;
81
+ }
82
+
83
+ .content-wrapper {
84
+ box-sizing: border-box;
85
+ min-width: 0;
86
+ }
87
+
88
+ .content pre {
89
+ border: $--el-x-border-width $--border-style-base $--el-x-border-color;
90
+ background: var(--el-x-thinking-content-wrapper-background-color);
91
+ padding: $--el-x-padding-sm calc($--el-x-padding-sm + 4px);
92
+ border-radius: $--el-x-border-radius-lg;
93
+ max-width: var(--el-x-thinking-content-wrapper-width);
94
+ font-size: $--el-x-font-size-base;
95
+ color: var(--el-x-thinking-content-wrapper-color);
96
+ white-space: pre-wrap;
97
+ margin: 0;
98
+ line-height: $--el-x-font-line-height-primary;
99
+ }
100
+
101
+ .error-state {
102
+ border-color: $--color-danger-lighter;
103
+ background: $--color-danger-lighter;
104
+ }
105
+
106
+ .error-message {
107
+ color: $--color-danger;
108
+ height: fit-content;
109
+ padding: $--el-x-spacing-xs;
110
+ background: $--color-danger-lighter;
111
+ border-radius: $--el-x-border-radius-md;
112
+ }