xframelib 0.7.2 → 0.7.3

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.
package/README.md CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  基于 VUE3+Hprose+Typescript 的前端框架
4
4
 
5
+ - v0.7.3 升级依赖库;loadWidget失败输出日志和事件SysEvents.WidgetLoadedErrorEvent;优化系统权限相关模型;增加GetSignalRClient、ValidateTool、WaterMark等工具。
5
6
  - v0.7.2 解决v0.7.0的deepMerge方法存在复制对象的BUG。
6
7
  - v0.7.0 修改requestPost无法使用FormData参数;修改deepMerge方法;修改isObjectX方法;更新rollup-plugin-scss应用版本。
7
8
  - v0.6.9 默认引入loglevel,为Global增加Logger()方法,使用例如:Global.Logger().warn('123')。
@@ -1,79 +1,3 @@
1
- .vcp__header {
2
- display: flex;
3
- padding: 12px;
4
- pointer-events: none;
5
- }
6
- .vcp--expandable .vcp__header {
7
- pointer-events: auto;
8
- cursor: pointer;
9
- }
10
- .vcp__header-title {
11
- display: flex;
12
- align-items: center;
13
- flex: 1;
14
- }
15
- .vcp__header-icon {
16
- display: flex;
17
- align-items: center;
18
- transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
19
- }
20
- .vcp--expanded .vcp__header-icon {
21
- transform-origin: center;
22
- transform: rotate(180deg);
23
- }
24
- .vcp__header-icon > span {
25
- display: flex;
26
- height: 24px;
27
- width: 24px;
28
- }
29
- .vcp__header-icon ::v-deep(svg) {
30
- height: 100%;
31
- width: 100%;
32
- }
33
- .vcp__body {
34
- overflow: hidden;
35
- transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
36
- }
37
- .vcp__body-content {
38
- padding: 12px;
39
- }
40
-
41
- .slide-enter-from,
42
- .slide-leave-to {
43
- opacity: 0.25;
44
- }
45
-
46
- .vcpg {
47
- border: 1px solid var(--border-color);
48
- border-radius: 4px;
49
- width: 100%;
50
- }
51
- .vcpg ::v-deep(.vcp) * {
52
- box-sizing: border-box;
53
- }
54
- .vcpg ::v-deep(.vcp) .vcp__header {
55
- background-color: var(--bg-color-header);
56
- height: 30px;
57
- border-bottom: 2px solid #c6bebd;
58
- transition: background-color 0.3s ease;
59
- }
60
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
61
- background-color: var(--bg-color-header-hover);
62
- }
63
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
64
- background-color: var(--bg-color-header-active);
65
- }
66
- .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
67
- border-top: 2px solid var(--border-color);
68
- }
69
- .vcpg ::v-deep(.vcp) .vcp__header-title {
70
- font-weight: 500;
71
- }
72
- .vcpg ::v-deep(.vcp) .vcp__body {
73
- border-top: 1px solid var(--border-color);
74
- background-color: var(--bg-color-body);
75
- }
76
-
77
1
  .splitpanes {
78
2
  display: flex;
79
3
  width: 100%;
@@ -184,6 +108,125 @@
184
108
  margin-top: 1px;
185
109
  }
186
110
 
111
+ .vcpg {
112
+ border: 1px solid var(--border-color);
113
+ border-radius: 4px;
114
+ width: 100%;
115
+ }
116
+ .vcpg ::v-deep(.vcp) * {
117
+ box-sizing: border-box;
118
+ }
119
+ .vcpg ::v-deep(.vcp) .vcp__header {
120
+ background-color: var(--bg-color-header);
121
+ height: 30px;
122
+ border-bottom: 2px solid #c6bebd;
123
+ transition: background-color 0.3s ease;
124
+ }
125
+ .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
126
+ background-color: var(--bg-color-header-hover);
127
+ }
128
+ .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
129
+ background-color: var(--bg-color-header-active);
130
+ }
131
+ .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
132
+ border-top: 2px solid var(--border-color);
133
+ }
134
+ .vcpg ::v-deep(.vcp) .vcp__header-title {
135
+ font-weight: 500;
136
+ }
137
+ .vcpg ::v-deep(.vcp) .vcp__body {
138
+ border-top: 1px solid var(--border-color);
139
+ background-color: var(--bg-color-body);
140
+ }
141
+
142
+ .vcp__header {
143
+ display: flex;
144
+ padding: 12px;
145
+ pointer-events: none;
146
+ }
147
+ .vcp--expandable .vcp__header {
148
+ pointer-events: auto;
149
+ cursor: pointer;
150
+ }
151
+ .vcp__header-title {
152
+ display: flex;
153
+ align-items: center;
154
+ flex: 1;
155
+ }
156
+ .vcp__header-icon {
157
+ display: flex;
158
+ align-items: center;
159
+ transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
160
+ }
161
+ .vcp--expanded .vcp__header-icon {
162
+ transform-origin: center;
163
+ transform: rotate(180deg);
164
+ }
165
+ .vcp__header-icon > span {
166
+ display: flex;
167
+ height: 24px;
168
+ width: 24px;
169
+ }
170
+ .vcp__header-icon ::v-deep(svg) {
171
+ height: 100%;
172
+ width: 100%;
173
+ }
174
+ .vcp__body {
175
+ overflow: hidden;
176
+ transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
177
+ }
178
+ .vcp__body-content {
179
+ padding: 12px;
180
+ }
181
+
182
+ .slide-enter-from,
183
+ .slide-leave-to {
184
+ opacity: 0.25;
185
+ }
186
+
187
+ .window {
188
+ display: flex;
189
+ flex-flow: column;
190
+ position: absolute;
191
+ border-radius: 4pt 4pt 0 0;
192
+ }
193
+
194
+ .titlebar {
195
+ display: flex;
196
+ flex-flow: row nowrap;
197
+ border-radius: 4pt 4pt 0 0;
198
+ font-family: sans-serif;
199
+ padding: 0.5em;
200
+ flex: 0 0 auto;
201
+ }
202
+
203
+ .title {
204
+ flex-grow: 1;
205
+ white-space: nowrap;
206
+ overflow: hidden;
207
+ text-overflow: ellipsis;
208
+ }
209
+
210
+ .content {
211
+ flex-grow: 1;
212
+ padding: 0.5em;
213
+ }
214
+
215
+ .draggable-handle {
216
+ cursor: move;
217
+ }
218
+
219
+ .fade-enter,
220
+ .fade-leave-to {
221
+ opacity: 0;
222
+ transform: scale(0.9);
223
+ }
224
+
225
+ .fade-enter-active,
226
+ .fade-leave-active {
227
+ transition: 0.2s;
228
+ }
229
+
187
230
  .layoutContainer {
188
231
  width: 100%;
189
232
  height: 100%;
@@ -252,49 +295,6 @@
252
295
  pointer-events: none;
253
296
  }
254
297
 
255
- .window {
256
- display: flex;
257
- flex-flow: column;
258
- position: absolute;
259
- border-radius: 4pt 4pt 0 0;
260
- }
261
-
262
- .titlebar {
263
- display: flex;
264
- flex-flow: row nowrap;
265
- border-radius: 4pt 4pt 0 0;
266
- font-family: sans-serif;
267
- padding: 0.5em;
268
- flex: 0 0 auto;
269
- }
270
-
271
- .title {
272
- flex-grow: 1;
273
- white-space: nowrap;
274
- overflow: hidden;
275
- text-overflow: ellipsis;
276
- }
277
-
278
- .content {
279
- flex-grow: 1;
280
- padding: 0.5em;
281
- }
282
-
283
- .draggable-handle {
284
- cursor: move;
285
- }
286
-
287
- .fade-enter,
288
- .fade-leave-to {
289
- opacity: 0;
290
- transform: scale(0.9);
291
- }
292
-
293
- .fade-enter-active,
294
- .fade-leave-active {
295
- transition: 0.2s;
296
- }
297
-
298
298
  .btn {
299
299
  background-color: transparent;
300
300
  border: none;
@@ -11,6 +11,7 @@ export declare const SysEvents: {
11
11
  */
12
12
  WidgetLoadedEvent: string;
13
13
  WidgetUnLoadedEvent: string;
14
+ WidgetLoadedErrorEvent: string;
14
15
  /**
15
16
  * 组件的可见性改变
16
17
  */