xframelib 0.4.5 → 0.4.9

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 (10) hide show
  1. package/README.md +5 -1
  2. package/dist/core/SysEvents.d.ts +7 -0
  3. package/dist/hprose/ProxyClient.d.ts +20 -3
  4. package/dist/index.cjs +3 -3
  5. package/dist/index.css +114 -114
  6. package/dist/index.js +3 -3
  7. package/dist/model/Token.d.ts +4 -0
  8. package/dist/utils/AxiosHelper.d.ts +12 -5
  9. package/dist/utils/BigFileDownload.d.ts +13 -2
  10. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -29,120 +29,6 @@
29
29
  background-color: var(--bg-color-body);
30
30
  }
31
31
 
32
- .vcp__header {
33
- display: flex;
34
- padding: 12px;
35
- pointer-events: none;
36
- }
37
- .vcp--expandable .vcp__header {
38
- pointer-events: auto;
39
- cursor: pointer;
40
- }
41
- .vcp__header-title {
42
- display: flex;
43
- align-items: center;
44
- flex: 1;
45
- }
46
- .vcp__header-icon {
47
- display: flex;
48
- align-items: center;
49
- transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
50
- }
51
- .vcp--expanded .vcp__header-icon {
52
- transform-origin: center;
53
- transform: rotate(180deg);
54
- }
55
- .vcp__header-icon > span {
56
- display: flex;
57
- height: 24px;
58
- width: 24px;
59
- }
60
- .vcp__header-icon ::v-deep(svg) {
61
- height: 100%;
62
- width: 100%;
63
- }
64
- .vcp__body {
65
- overflow: hidden;
66
- transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
67
- }
68
- .vcp__body-content {
69
- padding: 12px;
70
- }
71
-
72
- .slide-enter-from,
73
- .slide-leave-to {
74
- opacity: 0.25;
75
- }
76
-
77
- .layoutContainer {
78
- width: 100%;
79
- height: 100%;
80
- padding: 0;
81
- margin: 0;
82
- --layout-top-height: 77px;
83
- --layout-left-width: 200px;
84
- --layout-right-width: 200px;
85
- --layout-bottom-height: 60px;
86
- --layout-centerback-backcolor: #020202;
87
- --layout-top-zindex: 10000;
88
- --layout-bottom-zindex: 10000;
89
- --layout-center-zindex: 9999;
90
- --layout-left-zindex: 10000;
91
- }
92
-
93
- .topContainer {
94
- position: absolute;
95
- top: 0px;
96
- left: 0px;
97
- width: 100%;
98
- height: var(--layout-top-height);
99
- z-index: 1000;
100
- }
101
-
102
- .bottomContainer {
103
- position: absolute;
104
- bottom: 0px;
105
- left: 0px;
106
- width: 100%;
107
- height: var(--layout-bottom-height);
108
- }
109
-
110
- .leftContainer {
111
- position: absolute;
112
- top: 0px;
113
- left: 0px;
114
- width: var(--layout-left-width);
115
- height: 100%;
116
- pointer-events: none;
117
- }
118
-
119
- .rightContainer {
120
- position: absolute;
121
- top: 0px;
122
- right: 0px;
123
- width: var(--layout-right-width);
124
- height: 100%;
125
- pointer-events: none;
126
- }
127
-
128
- .centerdiv {
129
- position: absolute;
130
- top: 0px;
131
- left: 0px;
132
- bottom: 0px;
133
- width: 100%;
134
- background-color: transparent;
135
- overflow: hidden;
136
- }
137
-
138
- .centerContainer {
139
- pointer-events: none;
140
- }
141
-
142
- .mainContainer {
143
- pointer-events: none;
144
- }
145
-
146
32
  .splitpanes {
147
33
  display: flex;
148
34
  width: 100%;
@@ -253,6 +139,120 @@
253
139
  margin-top: 1px;
254
140
  }
255
141
 
142
+ .layoutContainer {
143
+ width: 100%;
144
+ height: 100%;
145
+ padding: 0;
146
+ margin: 0;
147
+ --layout-top-height: 77px;
148
+ --layout-left-width: 200px;
149
+ --layout-right-width: 200px;
150
+ --layout-bottom-height: 60px;
151
+ --layout-centerback-backcolor: #020202;
152
+ --layout-top-zindex: 10000;
153
+ --layout-bottom-zindex: 10000;
154
+ --layout-center-zindex: 9999;
155
+ --layout-left-zindex: 10000;
156
+ }
157
+
158
+ .topContainer {
159
+ position: absolute;
160
+ top: 0px;
161
+ left: 0px;
162
+ width: 100%;
163
+ height: var(--layout-top-height);
164
+ z-index: 1000;
165
+ }
166
+
167
+ .bottomContainer {
168
+ position: absolute;
169
+ bottom: 0px;
170
+ left: 0px;
171
+ width: 100%;
172
+ height: var(--layout-bottom-height);
173
+ }
174
+
175
+ .leftContainer {
176
+ position: absolute;
177
+ top: 0px;
178
+ left: 0px;
179
+ width: var(--layout-left-width);
180
+ height: 100%;
181
+ pointer-events: none;
182
+ }
183
+
184
+ .rightContainer {
185
+ position: absolute;
186
+ top: 0px;
187
+ right: 0px;
188
+ width: var(--layout-right-width);
189
+ height: 100%;
190
+ pointer-events: none;
191
+ }
192
+
193
+ .centerdiv {
194
+ position: absolute;
195
+ top: 0px;
196
+ left: 0px;
197
+ bottom: 0px;
198
+ width: 100%;
199
+ background-color: transparent;
200
+ overflow: hidden;
201
+ }
202
+
203
+ .centerContainer {
204
+ pointer-events: none;
205
+ }
206
+
207
+ .mainContainer {
208
+ pointer-events: none;
209
+ }
210
+
211
+ .vcp__header {
212
+ display: flex;
213
+ padding: 12px;
214
+ pointer-events: none;
215
+ }
216
+ .vcp--expandable .vcp__header {
217
+ pointer-events: auto;
218
+ cursor: pointer;
219
+ }
220
+ .vcp__header-title {
221
+ display: flex;
222
+ align-items: center;
223
+ flex: 1;
224
+ }
225
+ .vcp__header-icon {
226
+ display: flex;
227
+ align-items: center;
228
+ transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
229
+ }
230
+ .vcp--expanded .vcp__header-icon {
231
+ transform-origin: center;
232
+ transform: rotate(180deg);
233
+ }
234
+ .vcp__header-icon > span {
235
+ display: flex;
236
+ height: 24px;
237
+ width: 24px;
238
+ }
239
+ .vcp__header-icon ::v-deep(svg) {
240
+ height: 100%;
241
+ width: 100%;
242
+ }
243
+ .vcp__body {
244
+ overflow: hidden;
245
+ transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
246
+ }
247
+ .vcp__body-content {
248
+ padding: 12px;
249
+ }
250
+
251
+ .slide-enter-from,
252
+ .slide-leave-to {
253
+ opacity: 0.25;
254
+ }
255
+
256
256
  .window {
257
257
  display: flex;
258
258
  flex-flow: column;