@opentiny/next-remoter 0.0.1-alpha.21 → 0.0.1-alpha.23

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 (8) hide show
  1. package/dist/next-remoter.cjs.js +613 -3999
  2. package/dist/next-remoter.cjs.js.map +1 -1
  3. package/dist/next-remoter.es.js +627 -4013
  4. package/dist/next-remoter.es.js.map +1 -1
  5. package/dist/next-remoter.umd.js +614 -4001
  6. package/dist/next-remoter.umd.js.map +1 -1
  7. package/dist/style.css +75 -23
  8. package/package.json +3 -2
package/dist/style.css CHANGED
@@ -5,7 +5,7 @@
5
5
  :root,:host{--van-overlay-z-index: 1;--van-overlay-background: rgba(0, 0, 0, .7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background:var(--van-overlay-background)}
6
6
  :root,:host{--van-popup-background: var(--van-background-2);--van-popup-transition: transform var(--van-duration-base);--van-popup-round-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;box-sizing:border-box;background:var(--van-popup-background);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:0;right:0;width:-webkit-fit-content;width:fit-content;max-width:calc(100vw - var(--van-padding-md) * 2);margin:0 auto;transform:translateY(-50%)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-ease-in)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}
7
7
  :root,:host{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;word-break:break-all;text-align:center;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--break-normal{word-break:normal;word-wrap:normal}.van-toast--break-word{word-break:normal;word-wrap:break-word}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}
8
- .scan-code[data-v-527d67d6] {
8
+ .scan-code[data-v-83b38497] {
9
9
  height: 100vh;
10
10
  position: fixed;
11
11
  top: 0;
@@ -16,20 +16,20 @@
16
16
  flex-direction: column;
17
17
  background: rgba(0, 0, 0);
18
18
  }
19
- .container[data-v-527d67d6] {
19
+ .container[data-v-83b38497] {
20
20
  height: 80vh;
21
21
  position: relative;
22
22
  width: 100%;
23
23
  }
24
- .qrcode[data-v-527d67d6] {
24
+ .qrcode[data-v-83b38497] {
25
25
  height: 100%;
26
26
  }
27
- #reader[data-v-527d67d6] {
27
+ #reader[data-v-83b38497] {
28
28
  top: 50%;
29
29
  left: 0;
30
30
  transform: translateY(-50%);
31
31
  }
32
- .btn[data-v-527d67d6] {
32
+ .btn[data-v-83b38497] {
33
33
  flex: 1;
34
34
  padding: 3vw;
35
35
  display: flex;
@@ -39,51 +39,51 @@
39
39
  align-items: flex-start;
40
40
  }
41
41
  /** 避免输入框没有外边距 */
42
- .chat-input[data-v-b380e145] {
42
+ .chat-input[data-v-cbe21671] {
43
43
  margin-top: 8px;
44
44
  padding: 10px 15px;
45
45
  }
46
- .tr-container[data-v-b380e145] {
46
+ .tr-container[data-v-cbe21671] {
47
47
  container-type: inline-size;
48
48
  }
49
- .tr-container[data-v-b380e145] .tr-welcome__title-wrapper {
49
+ .tr-container[data-v-cbe21671] .tr-welcome__title-wrapper {
50
50
  display: flex;
51
51
  align-items: center;
52
52
  justify-content: center;
53
53
  }
54
- .tr-container[data-v-b380e145] .tr-welcome__title-wrapper .tr-welcome__title {
54
+ .tr-container[data-v-cbe21671] .tr-welcome__title-wrapper .tr-welcome__title {
55
55
  font-size: 24px;
56
56
  font-weight: 600;
57
57
  }
58
- .tr-container[data-v-b380e145] .tr-container__header {
58
+ .tr-container[data-v-cbe21671] .tr-container__header {
59
59
  padding: 16px 32px !important;
60
60
  }
61
- .tiny-prompts[data-v-b380e145] {
61
+ .tiny-prompts[data-v-cbe21671] {
62
62
  padding: 16px 24px;
63
63
  }
64
- .tiny-prompts[data-v-b380e145] .prompt-item {
64
+ .tiny-prompts[data-v-cbe21671] .prompt-item {
65
65
  width: 100%;
66
66
  box-sizing: border-box;
67
67
  }
68
68
  @container (width >= 64rem) {
69
- .tiny-prompts[data-v-b380e145] .prompt-item {
69
+ .tiny-prompts[data-v-cbe21671] .prompt-item {
70
70
  width: calc(50% - 8px);
71
71
  }
72
72
  }
73
- .tiny-prompts[data-v-b380e145] .prompt-item .tr-prompt__content-label {
73
+ .tiny-prompts[data-v-cbe21671] .prompt-item .tr-prompt__content-label {
74
74
  font-size: 14px;
75
75
  line-height: 24px;
76
76
  }
77
- .chat-input-pills[data-v-b380e145] {
77
+ .chat-input-pills[data-v-cbe21671] {
78
78
  margin-bottom: 8px;
79
79
  display: flex;
80
80
  gap: 16px;
81
81
  }
82
- [data-v-b380e145] .tr-welcome__icon {
82
+ [data-v-cbe21671] .tr-welcome__icon {
83
83
  width: 48px;
84
84
  height: 48px;
85
85
  }
86
- .sender-left-icon[data-v-b380e145] {
86
+ .sender-left-icon[data-v-cbe21671] {
87
87
  display: flex;
88
88
  align-items: center;
89
89
  justify-content: center;
@@ -92,24 +92,76 @@
92
92
  border-radius: 6px;
93
93
  cursor: pointer;
94
94
  }
95
- .sender-left-icon svg[data-v-b380e145] {
95
+ .sender-left-icon svg[data-v-cbe21671] {
96
96
  font-size: 20px;
97
97
  }
98
- .sender-left-icon[data-v-b380e145]:hover {
98
+ .sender-left-icon[data-v-cbe21671]:hover {
99
99
  background-color: #f5f5f5;
100
100
  }
101
- .sender-left-icon:hover svg[data-v-b380e145] {
101
+ .sender-left-icon:hover svg[data-v-cbe21671] {
102
102
  color: #1476ff;
103
103
  }
104
- [data-v-b380e145] .tr-icon-button {
104
+ [data-v-cbe21671] .tr-icon-button {
105
105
  display: flex;
106
106
  align-items: center;
107
107
  }
108
- [data-v-b380e145] .tr-bubble__content-items p {
108
+ [data-v-cbe21671] .tr-bubble__content-items p {
109
109
  word-break: break-all;
110
110
  }
111
111
  @media (max-width: 600px) {
112
- [data-v-b380e145] .mcp-server-picker.popup-type-drawer {
112
+ [data-v-cbe21671] .mcp-server-picker.popup-type-drawer {
113
113
  width: 100% !important;
114
114
  }
115
+ /* 移动端抽屉样式优化 */
116
+ .drawer-container[data-v-cbe21671] {
117
+ width: 85%;
118
+ max-width: none;
119
+ }
120
+ }
121
+ /* 抽屉动画样式 */
122
+ .drawer-overlay[data-v-cbe21671] {
123
+ position: absolute;
124
+ top: 0;
125
+ left: 0;
126
+ right: 0;
127
+ bottom: 0;
128
+ z-index: var(--tr-z-index-popover);
129
+ background-color: rgba(0, 0, 0, 0.3);
130
+ backdrop-filter: blur(2px);
131
+ }
132
+ .drawer-container[data-v-cbe21671] {
133
+ position: absolute;
134
+ top: 0;
135
+ left: 0;
136
+ bottom: 0;
137
+ width: 76%;
138
+ max-width: 400px;
139
+ background: white;
140
+ box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1);
141
+ transform: translateX(0);
142
+ }
143
+ /* 抽屉滑入滑出动画 */
144
+ .drawer-slide-enter-active[data-v-cbe21671],
145
+ .drawer-slide-leave-active[data-v-cbe21671] {
146
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
147
+ }
148
+ .drawer-slide-enter-active .drawer-container[data-v-cbe21671],
149
+ .drawer-slide-leave-active .drawer-container[data-v-cbe21671] {
150
+ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
151
+ }
152
+ .drawer-slide-enter-from[data-v-cbe21671] {
153
+ opacity: 0;
154
+ }
155
+ .drawer-slide-enter-from .drawer-container[data-v-cbe21671] {
156
+ transform: translateX(-100%);
157
+ }
158
+ .drawer-slide-leave-to[data-v-cbe21671] {
159
+ opacity: 0;
160
+ }
161
+ .drawer-slide-leave-to .drawer-container[data-v-cbe21671] {
162
+ transform: translateX(-100%);
163
+ }
164
+ .tr-history-demo[data-v-cbe21671] {
165
+ height: 100%;
166
+ width: 100%;
115
167
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opentiny/next-remoter",
3
- "version": "0.0.1-alpha.21",
3
+ "version": "0.0.1-alpha.23",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -15,6 +15,7 @@
15
15
  "@opentiny/tiny-robot-svgs": "0.3.0-rc.3",
16
16
  "@modelcontextprotocol/sdk": "^1.16.0",
17
17
  "@opentiny/vue": "^3.25.0",
18
+ "@opentiny/vue-directive": "^3.25.0",
18
19
  "@opentiny/vue-icon": "^3.25.0",
19
20
  "html5-qrcode": "^2.3.8",
20
21
  "vant": "^4.9.21",
@@ -22,7 +23,7 @@
22
23
  "ai": "^5.0.9",
23
24
  "dayjs": "^1.11.15",
24
25
  "zod": "^3.23.8",
25
- "@opentiny/next-sdk": "0.1.6"
26
+ "@opentiny/next-sdk": "0.1.7"
26
27
  },
27
28
  "devDependencies": {
28
29
  "@vitejs/plugin-vue": "^4.5.2",