xframelib 0.4.1 → 0.4.2

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 (59) hide show
  1. package/README.md +1 -0
  2. package/dist/api/Token.d.ts +20 -0
  3. package/dist/api/User.d.ts +45 -0
  4. package/dist/api/index.d.ts +2 -0
  5. package/dist/controls/collapsepanel/VCollapsiblePanel.vue.d.ts +26 -0
  6. package/dist/controls/collapsepanel/VCollapsiblePanelGroup.vue.d.ts +30 -0
  7. package/dist/controls/collapsepanel/color.util.d.ts +1 -0
  8. package/dist/controls/collapsepanel/composables/store.d.ts +7 -0
  9. package/dist/controls/collapsepanel/constant.d.ts +1 -0
  10. package/dist/controls/collapsepanel/index.d.ts +3 -0
  11. package/dist/controls/layoutcontainer/LayoutManager.d.ts +107 -0
  12. package/dist/controls/layoutcontainer/index.d.ts +3 -0
  13. package/dist/controls/layoutcontainer/layout.vue.d.ts +37 -0
  14. package/dist/controls/splitpanes/index.d.ts +3 -0
  15. package/dist/controls/vuewindow/SinglePointerEvent.d.ts +23 -0
  16. package/dist/controls/vuewindow/dom.d.ts +16 -0
  17. package/dist/controls/vuewindow/draggable_helper.d.ts +20 -0
  18. package/dist/controls/vuewindow/index.d.ts +6 -0
  19. package/dist/controls/vuewindow/resizable_helper.d.ts +16 -0
  20. package/dist/controls/vuewindow/style.d.ts +77 -0
  21. package/dist/controls/vuewindow/window/Button.vue.d.ts +26 -0
  22. package/dist/controls/vuewindow/window/index.vue.d.ts +160 -0
  23. package/dist/controls/vuewindow/window/utils.d.ts +17 -0
  24. package/dist/controls/vuewindow/z_element.d.ts +11 -0
  25. package/dist/core/Global.d.ts +26 -0
  26. package/dist/core/IModel.d.ts +34 -0
  27. package/dist/core/MsgHelper.d.ts +12 -0
  28. package/dist/core/SysEvents.d.ts +16 -0
  29. package/dist/core/index.d.ts +3 -0
  30. package/dist/hprose/HproseClient.d.ts +20 -0
  31. package/dist/hprose/ProxyClient.d.ts +22 -0
  32. package/dist/hprose/index.d.ts +11 -0
  33. package/dist/index.cjs +4 -4
  34. package/dist/index.css +146 -76
  35. package/dist/index.d.ts +10 -1116
  36. package/dist/index.js +4 -4
  37. package/dist/mitt/index.d.ts +25 -0
  38. package/dist/model/Config.d.ts +94 -0
  39. package/dist/model/Constants.d.ts +15 -0
  40. package/dist/model/Layout.d.ts +36 -0
  41. package/dist/model/Token.d.ts +66 -0
  42. package/dist/model/index.d.ts +4 -0
  43. package/dist/utils/AxiosHelper.d.ts +51 -0
  44. package/dist/utils/BigFileDownload.d.ts +106 -0
  45. package/dist/utils/Color.d.ts +74 -0
  46. package/dist/utils/FileDownload.d.ts +36 -0
  47. package/dist/utils/FileUpload.d.ts +90 -0
  48. package/dist/utils/H5Tool.d.ts +98 -0
  49. package/dist/utils/IsTool.d.ts +101 -0
  50. package/dist/utils/JQuery.d.ts +35 -0
  51. package/dist/utils/LockHelper.d.ts +17 -0
  52. package/dist/utils/Storage.d.ts +57 -0
  53. package/dist/utils/StringUtils.d.ts +15 -0
  54. package/dist/utils/Time.d.ts +1 -0
  55. package/dist/utils/TokenHelper.d.ts +18 -0
  56. package/dist/utils/URLTool.d.ts +18 -0
  57. package/dist/utils/index.d.ts +16 -0
  58. package/dist/utils/uuid.d.ts +3 -0
  59. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -1,79 +1,3 @@
1
- .vcpg {
2
- border: 1px solid var(--border-color);
3
- border-radius: 4px;
4
- width: 100%;
5
- }
6
- .vcpg ::v-deep(.vcp) * {
7
- box-sizing: border-box;
8
- }
9
- .vcpg ::v-deep(.vcp) .vcp__header {
10
- background-color: var(--bg-color-header);
11
- height: 30px;
12
- border-bottom: 2px solid #c6bebd;
13
- transition: background-color 0.3s ease;
14
- }
15
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
16
- background-color: var(--bg-color-header-hover);
17
- }
18
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
19
- background-color: var(--bg-color-header-active);
20
- }
21
- .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
22
- border-top: 2px solid var(--border-color);
23
- }
24
- .vcpg ::v-deep(.vcp) .vcp__header-title {
25
- font-weight: 500;
26
- }
27
- .vcpg ::v-deep(.vcp) .vcp__body {
28
- border-top: 1px solid var(--border-color);
29
- background-color: var(--bg-color-body);
30
- }
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
1
  .splitpanes {
78
2
  display: flex;
79
3
  width: 100%;
@@ -184,6 +108,152 @@
184
108
  margin-top: 1px;
185
109
  }
186
110
 
111
+ .vcp__header {
112
+ display: flex;
113
+ padding: 12px;
114
+ pointer-events: none;
115
+ }
116
+ .vcp--expandable .vcp__header {
117
+ pointer-events: auto;
118
+ cursor: pointer;
119
+ }
120
+ .vcp__header-title {
121
+ display: flex;
122
+ align-items: center;
123
+ flex: 1;
124
+ }
125
+ .vcp__header-icon {
126
+ display: flex;
127
+ align-items: center;
128
+ transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
129
+ }
130
+ .vcp--expanded .vcp__header-icon {
131
+ transform-origin: center;
132
+ transform: rotate(180deg);
133
+ }
134
+ .vcp__header-icon > span {
135
+ display: flex;
136
+ height: 24px;
137
+ width: 24px;
138
+ }
139
+ .vcp__header-icon ::v-deep(svg) {
140
+ height: 100%;
141
+ width: 100%;
142
+ }
143
+ .vcp__body {
144
+ overflow: hidden;
145
+ transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
146
+ }
147
+ .vcp__body-content {
148
+ padding: 12px;
149
+ }
150
+
151
+ .slide-enter-from,
152
+ .slide-leave-to {
153
+ opacity: 0.25;
154
+ }
155
+
156
+ .vcpg {
157
+ border: 1px solid var(--border-color);
158
+ border-radius: 4px;
159
+ width: 100%;
160
+ }
161
+ .vcpg ::v-deep(.vcp) * {
162
+ box-sizing: border-box;
163
+ }
164
+ .vcpg ::v-deep(.vcp) .vcp__header {
165
+ background-color: var(--bg-color-header);
166
+ height: 30px;
167
+ border-bottom: 2px solid #c6bebd;
168
+ transition: background-color 0.3s ease;
169
+ }
170
+ .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
171
+ background-color: var(--bg-color-header-hover);
172
+ }
173
+ .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
174
+ background-color: var(--bg-color-header-active);
175
+ }
176
+ .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
177
+ border-top: 2px solid var(--border-color);
178
+ }
179
+ .vcpg ::v-deep(.vcp) .vcp__header-title {
180
+ font-weight: 500;
181
+ }
182
+ .vcpg ::v-deep(.vcp) .vcp__body {
183
+ border-top: 1px solid var(--border-color);
184
+ background-color: var(--bg-color-body);
185
+ }
186
+
187
+ .layoutContainer {
188
+ width: 100%;
189
+ height: 100%;
190
+ padding: 0;
191
+ margin: 0;
192
+ --layout-top-height: 77px;
193
+ --layout-left-width: 200px;
194
+ --layout-right-width: 200px;
195
+ --layout-bottom-height: 60px;
196
+ --layout-centerback-backcolor: #020202;
197
+ --layout-top-zindex: 10000;
198
+ --layout-bottom-zindex: 10000;
199
+ --layout-center-zindex: 9999;
200
+ --layout-left-zindex: 10000;
201
+ }
202
+
203
+ .topContainer {
204
+ position: absolute;
205
+ top: 0px;
206
+ left: 0px;
207
+ width: 100%;
208
+ height: var(--layout-top-height);
209
+ z-index: 1000;
210
+ }
211
+
212
+ .bottomContainer {
213
+ position: absolute;
214
+ bottom: 0px;
215
+ left: 0px;
216
+ width: 100%;
217
+ height: var(--layout-bottom-height);
218
+ }
219
+
220
+ .leftContainer {
221
+ position: absolute;
222
+ top: 0px;
223
+ left: 0px;
224
+ width: var(--layout-left-width);
225
+ height: 100%;
226
+ }
227
+
228
+ .rightContainer {
229
+ position: absolute;
230
+ top: 0px;
231
+ right: 0px;
232
+ width: var(--layout-right-width);
233
+ height: 100%;
234
+ }
235
+
236
+ .centerdiv {
237
+ position: absolute;
238
+ top: 0px;
239
+ left: 0px;
240
+ bottom: 0px;
241
+ width: 100%;
242
+ background-color: transparent;
243
+ }
244
+
245
+ .backContainer {
246
+ background-color: var(--layout-centerback-backcolor);
247
+ }
248
+
249
+ .centerContainer {
250
+ pointer-events: none;
251
+ }
252
+
253
+ .mainContainer {
254
+ pointer-events: none;
255
+ }
256
+
187
257
  .window {
188
258
  display: flex;
189
259
  flex-flow: column;