@myun/gimi-chat 0.0.4 → 0.0.6

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 (98) hide show
  1. package/dist/components/ai-chat-dialogue/index.js +182 -136
  2. package/dist/components/ai-chat-dialogue/index.module.css +230 -0
  3. package/dist/components/ai-correction/index.js +38 -25
  4. package/dist/components/ai-loading/index.js +13 -9
  5. package/dist/components/ai-loading/index.module.css +11 -0
  6. package/dist/components/answer-item/index.js +136 -114
  7. package/dist/components/answer-item/index.module.css +266 -0
  8. package/dist/components/ask-card/index.js +43 -34
  9. package/dist/components/ask-card/index.module.css +122 -0
  10. package/dist/components/chat-input/index.js +136 -115
  11. package/dist/components/chat-input/index.module.css +42 -0
  12. package/dist/components/chat-voice/VoiceCommunication.js +23 -21
  13. package/dist/components/chat-voice/VoiceRecord.js +24 -21
  14. package/dist/components/conversation-delete/index.js +10 -8
  15. package/dist/components/dots-loading/index.js +11 -8
  16. package/dist/components/dots-loading/index.module.css +41 -0
  17. package/dist/components/empty/index.js +13 -8
  18. package/dist/components/empty/index.module.css +24 -0
  19. package/dist/components/excel-components/ExcelCard.js +7 -3
  20. package/dist/components/excel-components/ExcelExcuting.js +61 -44
  21. package/dist/components/excel-components/ExcelFailCard.js +16 -11
  22. package/dist/components/excel-components/ExcelSuccessCard.js +3 -2
  23. package/dist/components/excel-components/index.module.css +212 -0
  24. package/dist/components/excel-components/styles.module.css +178 -0
  25. package/dist/components/file-card/fileCardSidebar.js +24 -17
  26. package/dist/components/file-card/index.js +69 -50
  27. package/dist/components/file-card/index.module.css +139 -0
  28. package/dist/components/file-preview/index.js +39 -34
  29. package/dist/components/file-preview/index.module.css +83 -0
  30. package/dist/components/file-upload/index.js +10 -7
  31. package/dist/components/file-upload/uploadV1.js +33 -27
  32. package/dist/components/gimi-sidebar/index.js +21 -14
  33. package/dist/components/gimi-sidebar/index.module.css +118 -0
  34. package/dist/components/header/index.js +19 -12
  35. package/dist/components/header/index.module.css +19 -0
  36. package/dist/components/iconfont-com/index.js +2 -1
  37. package/dist/components/knowledge-trace/KnowledgeIconComponent.js +29 -23
  38. package/dist/components/knowledge-trace/classList.js +38 -29
  39. package/dist/components/knowledge-trace/documentList.js +37 -28
  40. package/dist/components/knowledge-trace/index.js +29 -22
  41. package/dist/components/knowledge-trace/index.module.css +254 -0
  42. package/dist/components/knowledge-trace/videoList.js +47 -37
  43. package/dist/components/lottie-img/index.js +10 -8
  44. package/dist/components/message-actions/CopyButton.js +25 -22
  45. package/dist/components/message-actions/LikeButton.js +25 -22
  46. package/dist/components/message-actions/RegenerateButton.js +21 -18
  47. package/dist/components/message-actions/UnLikeButton.js +25 -22
  48. package/dist/components/message-actions/VoicePlay.js +25 -22
  49. package/dist/components/message-list/index.js +86 -76
  50. package/dist/components/message-list/index.module.css +261 -0
  51. package/dist/components/no-microphone-root/index.js +40 -30
  52. package/dist/components/no-microphone-root/index.module.css +48 -0
  53. package/dist/components/preset-agent-content/index.js +21 -16
  54. package/dist/components/preset-agent-content/index.module.css +46 -0
  55. package/dist/components/quoted-content/index.module.css +80 -0
  56. package/dist/components/reasoning-content/index.js +56 -43
  57. package/dist/components/reasoning-content/index.module.css +169 -0
  58. package/dist/components/reference-content/index.js +73 -64
  59. package/dist/components/reference-content/index.module.css +84 -0
  60. package/dist/components/templates/CommonChat.js +79 -65
  61. package/dist/components/templates/GimiChatComponent.js +13 -6
  62. package/dist/components/templates/demo/demo.js +104 -103
  63. package/dist/components/templates/index.module.css +109 -0
  64. package/dist/components/upload-list/index.js +57 -42
  65. package/dist/components/upload-list/index.module.css +119 -0
  66. package/dist/components/voice-bars/index.js +22 -19
  67. package/dist/components/voice-check-dialog/index.js +25 -18
  68. package/dist/components/voice-check-dialog/{index.module.scss → index.module.css} +2 -2
  69. package/dist/components/voice-recording/index.js +58 -43
  70. package/dist/components/voice-recording/index.module.css +41 -0
  71. package/dist/components/work-flow-content/demo.js +2 -1
  72. package/dist/components/work-flow-content/index.js +13 -10
  73. package/dist/components/work-flow-content/index.module.css +24 -0
  74. package/package.json +7 -6
  75. package/dist/components/ai-chat-dialogue/index.module.scss +0 -272
  76. package/dist/components/ai-loading/index.module.scss +0 -11
  77. package/dist/components/answer-item/index.module.scss +0 -295
  78. package/dist/components/ask-card/index.module.scss +0 -125
  79. package/dist/components/chat-input/index.module.scss +0 -44
  80. package/dist/components/dots-loading/index.module.scss +0 -45
  81. package/dist/components/empty/index.module.scss +0 -27
  82. package/dist/components/excel-components/index.module.scss +0 -210
  83. package/dist/components/excel-components/styles.module.scss +0 -186
  84. package/dist/components/file-card/index.module.scss +0 -139
  85. package/dist/components/file-preview/index.module.scss +0 -120
  86. package/dist/components/gimi-sidebar/index.module.scss +0 -136
  87. package/dist/components/header/index.module.scss +0 -26
  88. package/dist/components/knowledge-trace/index.module.scss +0 -262
  89. package/dist/components/message-list/index.module.scss +0 -304
  90. package/dist/components/no-microphone-root/index.module.scss +0 -42
  91. package/dist/components/preset-agent-content/index.module.scss +0 -48
  92. package/dist/components/quoted-content/index.module.scss +0 -76
  93. package/dist/components/reasoning-content/index.module.scss +0 -164
  94. package/dist/components/reference-content/index.module.scss +0 -73
  95. package/dist/components/templates/index.module.scss +0 -119
  96. package/dist/components/upload-list/index.module.scss +0 -119
  97. package/dist/components/voice-recording/index.module.scss +0 -41
  98. package/dist/components/work-flow-content/index.module.scss +0 -23
@@ -1,210 +0,0 @@
1
- .excelSucess {
2
- width: 328px;
3
- flex-shrink: 0;
4
- border-radius: 12px;
5
- border: 1px solid var(---, #e9ebf2);
6
- background: var(---, #f2f3f7);
7
- display: flex;
8
- align-items: center;
9
- gap: 12px;
10
- padding: 16px;
11
- &:hover {
12
- cursor: pointer;
13
- }
14
- .icon {
15
- display: flex;
16
- width: 36px;
17
- justify-content: center;
18
- align-items: center;
19
- flex-shrink: 0;
20
- img {
21
- width: 36px;
22
- height: 36px;
23
- object-fit: cover;
24
- }
25
- }
26
- .left {
27
- flex: 1;
28
- display: flex;
29
- flex-direction: column;
30
- justify-content: space-between;
31
- .iconName {
32
- display: flex;
33
- margin-bottom: 4px;
34
- display: flex;
35
- align-items: center;
36
- .nameSize {
37
- flex: 1 1 auto;
38
- display: flex;
39
- flex-direction: column;
40
- justify-content: center;
41
- .type {
42
- width: fit-content;
43
- text-align: center;
44
- color: var(---, #717f94);
45
- font-family: 'PingFang SC';
46
- font-size: 14px;
47
- font-style: normal;
48
- font-weight: 400;
49
- line-height: normal;
50
- border-radius: 4px;
51
- height: 17px;
52
- margin-right: 12px;
53
- }
54
- .name {
55
- flex: 1;
56
- color: var(---, #2e394c);
57
- font-family: 'PingFang SC';
58
- font-size: 16px;
59
- width: 190px;
60
- font-style: normal;
61
- font-weight: 400;
62
- line-height: normal;
63
- overflow: hidden; /* 隐藏溢出内容 */
64
- white-space: nowrap; /* 强制文本不换行 */
65
- text-overflow: ellipsis; /* 超出部分显示省略号 */
66
- margin-bottom: 6px;
67
- }
68
- }
69
- }
70
- .typeSize {
71
- display: flex;
72
- align-items: center;
73
- .type {
74
- color: var(--, #56bf8c);
75
- text-align: center;
76
- font-family: 'PingFang SC';
77
- font-size: 12px;
78
- font-style: normal;
79
- font-weight: 400;
80
- line-height: normal;
81
- padding: 0 3px;
82
- border-radius: 4px;
83
- border: 1px solid var(--, #56bf8c);
84
- height: 17px;
85
- margin-right: 12px;
86
- }
87
- .size {
88
- color: var(---, #717f94);
89
- font-family: 'PingFang SC';
90
- font-size: 14px;
91
- font-style: normal;
92
- font-weight: 400;
93
- line-height: normal;
94
- }
95
- }
96
- }
97
- .right {
98
- display: flex;
99
- align-items: center;
100
- width: fit-content;
101
- justify-content: space-between;
102
- flex-shrink: 0;
103
- .text {
104
- color: var(--, #4086ff);
105
- text-align: right;
106
- font-family: 'PingFang SC';
107
- font-size: 16px;
108
- font-style: normal;
109
- font-weight: 600;
110
- line-height: normal;
111
- }
112
- }
113
- }
114
- .failText {
115
- color: #2e394c;
116
- font-family: 'PingFang SC';
117
- font-size: 16px;
118
- font-style: normal;
119
- font-weight: 400;
120
- line-height: 28px; /* 175% */
121
- margin-bottom: 12px;
122
- white-space: pre-line;
123
- max-width: clamp(360px, 50%, 600px);
124
- }
125
- .excelFail {
126
- .failText {
127
- color: #2e394c;
128
- font-family: 'PingFang SC';
129
- font-size: 16px;
130
- font-style: normal;
131
- font-weight: 400;
132
- line-height: 28px; /* 175% */
133
- margin-bottom: 12px;
134
- white-space: pre-line;
135
- }
136
- .Retry {
137
- cursor: pointer;
138
- display: flex;
139
- align-items: center;
140
- justify-content: center;
141
- width: 96px;
142
- height: 44px;
143
- flex-shrink: 0;
144
- border-radius: 22px;
145
- border: 1px solid var(---, #d9dce5);
146
- background: #fff;
147
- color: #000;
148
- font-family: 'PingFang SC';
149
- font-size: 14px;
150
- font-style: normal;
151
- font-weight: 600;
152
- line-height: normal;
153
- }
154
-
155
- .disablebox {
156
- border-radius: 22px;
157
- border: 1px solid var(---, #d9dce5);
158
- background: #fff;
159
- color: #ced3d9;
160
- font-family: 'PingFang SC';
161
- font-size: 14px;
162
- font-style: normal;
163
- font-weight: 600;
164
- line-height: normal;
165
- cursor: not-allowed;
166
- pointer-events: none;
167
- }
168
- .selectbox {
169
- border-radius: 22px;
170
- background: var(---, #2e394c);
171
- color: #fff;
172
- font-family: 'PingFang SC';
173
- font-size: 14px;
174
- font-style: normal;
175
- font-weight: 600;
176
- line-height: normal;
177
- cursor: not-allowed;
178
- pointer-events: none;
179
- }
180
- .Retry:hover {
181
- border-radius: 22px;
182
- border: 1px solid var(---, #d9dce5);
183
- background: #f7f7f7;
184
- }
185
- }
186
- .excelRunning {
187
- width: clamp(360px, 45vw, 680px);
188
- margin-top: 12px;
189
- .running {
190
- display: flex;
191
- align-items: center;
192
- img {
193
- width: 16px;
194
- height: 16px;
195
- object-fit: cover;
196
- }
197
- .runningText {
198
- color: #000;
199
- font-family: 'PingFang SC';
200
- font-size: 16px;
201
- font-style: normal;
202
- font-weight: 600;
203
- line-height: 28px; /* 175% */
204
- margin-left: 10px;
205
- }
206
- }
207
- }
208
- .progress{
209
- margin: 0 8px;
210
- }
@@ -1,186 +0,0 @@
1
- .container{
2
- height: 300px;
3
- }
4
- .aiLoadingSteps {
5
- background: linear-gradient(180deg, #F9FEFE 0%, #FFFFFF 100%);
6
- border-radius: 16px;
7
- padding: 16px;
8
- width: clamp(380px, 100%, 680px);
9
- border: 1px solid rgba(233, 235, 242, 1);
10
- box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 1) inset;
11
- transition: all 0.5s ease-in-out;
12
- min-height: 60px;
13
- }
14
-
15
- .header {
16
- margin-bottom: 10px;
17
- }
18
-
19
- .title {
20
- font-size: 16px;
21
- color: rgba(46, 57, 76, 1);
22
- display: flex;
23
- align-items: center;
24
- gap: 8px;
25
- font-family: PingFang SC;
26
- font-weight: 600;
27
- font-style: Semibold;
28
- letter-spacing: 0px;
29
- }
30
-
31
- .titleIcon {
32
- font-size: 16px;
33
- color: #1890ff;
34
- }
35
-
36
- .description {
37
- font-size: 14px;
38
- color: rgba(113, 127, 148, 1);
39
- margin: 0;
40
- font-family: PingFang SC;
41
- font-weight: 400;
42
- font-style: Regular;
43
- font-size: 14px;
44
- line-height: 180%;
45
- letter-spacing: 0px;
46
- }
47
-
48
- .stepsContainer {
49
- display: flex;
50
- flex-direction: column;
51
- gap: 0;
52
- margin-left: 4px;
53
- }
54
-
55
- .stepItem {
56
- display: flex;
57
- align-items: baseline;
58
- gap: 12px;
59
- position: relative;
60
- min-height: 32px;
61
- transition: all 300ms ease;
62
- }
63
-
64
- .stepActiveItem {
65
- display: flex;
66
- align-items: flex-start;
67
- gap: 8px;
68
- position: relative;
69
- min-height: 32px;
70
- transition: all 300ms ease;
71
- margin-left: -4px;
72
- margin-top: 5px;
73
- margin-bottom: 16px;
74
- }
75
-
76
- .stepIndicator {
77
- display: flex;
78
- flex-direction: column;
79
- align-items: center;
80
- position: relative;
81
- }
82
-
83
- @keyframes rotate360 {
84
- 0% {
85
- transform: rotate(0deg);
86
- }
87
-
88
- 100% {
89
- transform: rotate(360deg);
90
- }
91
- }
92
-
93
- .checkIcon {
94
- font-size: 14px;
95
- color: rgba(62, 179, 86, 1) !important;
96
- background: white;
97
- position: relative;
98
- z-index: 2;
99
- }
100
-
101
- .pendingIcon {
102
- width: 22px;
103
- height: 22px;
104
- animation: rotate360 1s linear infinite;
105
- position: relative;
106
- z-index: 2;
107
- }
108
-
109
- .verticalLine {
110
- position: absolute;
111
- top: 22px;
112
- left: 50%;
113
- transform: translateX(-50%);
114
- width: 2px;
115
- height: 8px;
116
- border-radius: 4px;
117
- background: rgba(217, 220, 229, 1);
118
- z-index: 1;
119
- }
120
-
121
- .stepItem.completed {
122
- .verticalLine {
123
- background: #52c41a;
124
- }
125
- }
126
-
127
- .stepContent {
128
- flex: 1;
129
- padding: 0 0 12px 0;
130
- }
131
-
132
- .stepText {
133
- font-size: 16px;
134
- color: rgba(46, 57, 76, 1);
135
- font-family: PingFang SC;
136
- font-weight: 400;
137
- font-style: Regular;
138
- font-size: 16px;
139
- line-height: 18px;
140
- letter-spacing: 0px;
141
- }
142
-
143
- .finishText {
144
- font-family: PingFang SC;
145
- font-weight: 600;
146
- font-style: Semibold;
147
- font-size: 16px;
148
- line-height: 180%;
149
- letter-spacing: 0px;
150
- color: rgba(46, 57, 76, 1);
151
- transition: opacity 0.3s ease-in-out;
152
- }
153
-
154
- .stepItem.completed {
155
- .stepText {
156
- color: #8c8c8c;
157
- }
158
- }
159
-
160
- .stepActiveItem.active {
161
- .stepText {
162
- color: #262626;
163
- font-weight: 500;
164
- }
165
-
166
- .verticalLine {
167
- height: 24px;
168
- top: 26px;
169
- }
170
- }
171
-
172
- .contentWrapper {
173
- transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;
174
- padding: 2px 0;
175
- overflow: hidden;
176
- }
177
-
178
- .contentWrapper.collapsing {
179
- max-height: 0;
180
- opacity: 0;
181
- }
182
-
183
- .contentWrapper.expanded {
184
- max-height: 300px;
185
- opacity: 1;
186
- }
@@ -1,139 +0,0 @@
1
- .main {
2
- display: flex;
3
- flex-wrap: wrap;
4
- gap: 10px;
5
- padding: 10px 0px;
6
-
7
- .all {
8
- width: 78px;
9
- border-radius: 12px;
10
- border: 1px solid rgba(233, 235, 242, 1);
11
- display: flex;
12
- align-items: center;
13
- justify-content: center;
14
- font-family: PingFang SC;
15
- font-weight: 400;
16
- font-size: 14px;
17
- line-height: 14px;
18
- letter-spacing: 0px;
19
- color: rgba(46, 57, 76, 1);
20
- box-shadow: 0px 2px 16px 0px rgba(84, 105, 140, 0.1);
21
- &:hover {
22
- cursor: pointer;
23
- }
24
- }
25
- }
26
-
27
- .card {
28
- box-shadow: 0px 2px 16px 0px rgba(84, 105, 140, 0.1);
29
- background: rgba(255, 255, 255, 1) !important;
30
- &:hover {
31
- background: rgba(241, 247, 255, 1) !important;
32
- }
33
- }
34
-
35
- .file_main {
36
- max-width: 328px;
37
- flex-shrink: 0;
38
- border-radius: 12px;
39
- border: 1px solid rgba(233, 235, 242, 1);
40
- background: linear-gradient(90deg, #EAF2FF 0%, #FFFFFF 100%);
41
- display: flex;
42
- align-items: center;
43
- gap: 10px;
44
- padding: 16px;
45
- &:hover {
46
- cursor: pointer;
47
- }
48
- .icon {
49
- display: flex;
50
- width: 40px;
51
- justify-content: center;
52
- align-items: center;
53
- flex-shrink: 0;
54
- img {
55
- width: 40px;
56
- height: 36px;
57
- object-fit: cover;
58
- padding: 2px;
59
- }
60
- }
61
- .left {
62
- flex: 1;
63
- display: flex;
64
- flex-direction: column;
65
- justify-content: space-between;
66
- .iconName {
67
- display: flex;
68
- margin-bottom: 4px;
69
- display: flex;
70
- align-items: center;
71
- .nameSize {
72
- flex: 1 1 auto;
73
- display: flex;
74
- flex-direction: column;
75
- justify-content: center;
76
- .type {
77
- width: fit-content;
78
- text-align: center;
79
- color: var(---, #717f94);
80
- font-family: 'PingFang SC';
81
- font-size: 14px;
82
- font-style: normal;
83
- font-weight: 400;
84
- line-height: normal;
85
- border-radius: 4px;
86
- height: 17px;
87
- margin-right: 12px;
88
- }
89
- .name {
90
- flex: 1;
91
- color: var(---, #2e394c);
92
- font-family: 'PingFang SC';
93
- font-size: 16px;
94
- width: fit-content;
95
- max-width: 190px;
96
- font-style: normal;
97
- font-weight: 400;
98
- line-height: normal;
99
- overflow: hidden; /* 隐藏溢出内容 */
100
- white-space: nowrap; /* 强制文本不换行 */
101
- text-overflow: ellipsis; /* 超出部分显示省略号 */
102
- margin-bottom: 6px;
103
- }
104
- }
105
- }
106
- }
107
- .right {
108
- display: flex;
109
- align-items: center;
110
- width: fit-content;
111
- justify-content: space-between;
112
- flex-shrink: 0;
113
- .text {
114
- color: rgba(64, 134, 255, 1);
115
- text-align: right;
116
- font-family: 'PingFang SC';
117
- font-size: 16px;
118
- font-style: normal;
119
- font-weight: 600;
120
- line-height: normal;
121
- }
122
- }
123
- }
124
-
125
- .list {
126
- display: flex;
127
- flex-direction: column;
128
- gap: 10px;
129
- }
130
-
131
- .text {
132
- font-family: PingFang SC;
133
- font-weight: 400;
134
- font-style: Regular;
135
- font-size: 15px;
136
- line-height: 180%;
137
- letter-spacing: 0px;
138
- color: rgba(46, 57, 76, 1);
139
- }
@@ -1,120 +0,0 @@
1
- .main {
2
- flex-shrink: 0;
3
- height: 100%;
4
- background: #ffffff;
5
- box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
6
- display: flex;
7
- flex-direction: row;
8
- transition: width 0.2s ease;
9
- overflow: hidden;
10
- position: relative;
11
-
12
- // 拖动时禁用过渡动画,获得更好的拖拽体验
13
- // 同时禁用内容区域的 pointer-events,确保鼠标事件可以正常传递
14
- &.dragging {
15
- transition: none;
16
-
17
- .content {
18
- pointer-events: none;
19
- }
20
- }
21
- }
22
-
23
- .content {
24
- flex: 1;
25
- display: flex;
26
- flex-direction: column;
27
- height: 100%;
28
- overflow: hidden;
29
- }
30
-
31
- .dragButton {
32
- position: absolute;
33
- left: 0;
34
- top: 50%;
35
- transform: translateY(-50%);
36
- width: 24px;
37
- height: 48px;
38
- background: #ffffff;
39
- border: 1px solid #e8e8e8;
40
- border-left: none;
41
- border-radius: 0 4px 4px 0;
42
- display: flex;
43
- align-items: center;
44
- justify-content: center;
45
- cursor: ew-resize;
46
- z-index: 1001;
47
- transition: all 0.2s ease;
48
- box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
49
-
50
- &:hover {
51
- background: #f5f5f5;
52
- border-color: #4086ff;
53
- box-shadow: 2px 0 6px rgba(64, 134, 255, 0.2);
54
- }
55
-
56
- &:active {
57
- background: #e6f4ff;
58
- border-color: #2d6cd9;
59
- }
60
- }
61
-
62
- .dragIcon {
63
- font-size: 14px;
64
- color: #8c8c8c;
65
- transition: color 0.2s ease;
66
-
67
- .dragButton:hover & {
68
- color: #4086ff;
69
- }
70
-
71
- .dragButton:active & {
72
- color: #2d6cd9;
73
- }
74
- }
75
-
76
- .header {
77
- display: flex;
78
- align-items: center;
79
- justify-content: space-between;
80
- padding: 16px 20px;
81
- border-bottom: 1px solid #e8e8e8;
82
- flex-shrink: 0;
83
- background: #ffffff;
84
-
85
- span {
86
- font-family: 'PingFang SC', sans-serif;
87
- font-size: 16px;
88
- font-weight: 600;
89
- color: #2e394c;
90
- line-height: 22px;
91
- }
92
-
93
- :global(.ant-btn) {
94
- color: #8c8c8c;
95
-
96
- &:hover {
97
- color: #4086ff;
98
- }
99
- }
100
- }
101
-
102
- .iframeContainer {
103
- flex: 1;
104
- overflow: hidden;
105
- position: relative;
106
- background: #f5f5f5;
107
-
108
- iframe {
109
- width: 100%;
110
- height: 100%;
111
- border: none;
112
- display: block;
113
- }
114
- }
115
-
116
- .mainHidden {
117
- display: none;
118
- }
119
-
120
-