xframelib 0.4.7 → 0.5.0

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/dist/index.css CHANGED
@@ -1,113 +1,3 @@
1
- .splitpanes {
2
- display: flex;
3
- width: 100%;
4
- height: 100%;
5
- }
6
- .splitpanes--vertical {
7
- flex-direction: row;
8
- }
9
- .splitpanes--horizontal {
10
- flex-direction: column;
11
- }
12
- .splitpanes--dragging * {
13
- user-select: none;
14
- }
15
- .splitpanes__pane {
16
- width: 100%;
17
- height: 100%;
18
- overflow: hidden;
19
- }
20
- .splitpanes--vertical .splitpanes__pane {
21
- transition: width 0.2s ease-out;
22
- }
23
- .splitpanes--horizontal .splitpanes__pane {
24
- transition: height 0.2s ease-out;
25
- }
26
- .splitpanes--dragging .splitpanes__pane {
27
- transition: none;
28
- }
29
- .splitpanes__splitter {
30
- touch-action: none;
31
- }
32
- .splitpanes--vertical > .splitpanes__splitter {
33
- min-width: 1px;
34
- cursor: col-resize;
35
- }
36
- .splitpanes--horizontal > .splitpanes__splitter {
37
- min-height: 1px;
38
- cursor: row-resize;
39
- }
40
-
41
- .splitpanes.default-theme .splitpanes__pane {
42
- background-color: #f2f2f2;
43
- }
44
- .splitpanes.default-theme .splitpanes__splitter {
45
- background-color: #fff;
46
- box-sizing: border-box;
47
- position: relative;
48
- flex-shrink: 0;
49
- }
50
- .splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
51
- content: "";
52
- position: absolute;
53
- top: 50%;
54
- left: 50%;
55
- background-color: rgba(0, 0, 0, 0.15);
56
- transition: background-color 0.3s;
57
- }
58
- .splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
59
- background-color: rgba(0, 0, 0, 0.25);
60
- }
61
- .splitpanes.default-theme .splitpanes__splitter:first-child {
62
- cursor: auto;
63
- }
64
-
65
- .default-theme.splitpanes .splitpanes .splitpanes__splitter {
66
- z-index: 1;
67
- }
68
- .default-theme.splitpanes--vertical > .splitpanes__splitter,
69
- .default-theme .splitpanes--vertical > .splitpanes__splitter {
70
- width: 7px;
71
- border-left: 1px solid #eee;
72
- margin-left: -1px;
73
- }
74
- .default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
75
- .default-theme .splitpanes--vertical > .splitpanes__splitter:before,
76
- .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
77
- transform: translateY(-50%);
78
- width: 1px;
79
- height: 30px;
80
- }
81
- .default-theme.splitpanes--vertical > .splitpanes__splitter:before,
82
- .default-theme .splitpanes--vertical > .splitpanes__splitter:before {
83
- margin-left: -2px;
84
- }
85
- .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
86
- .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
87
- margin-left: 1px;
88
- }
89
- .default-theme.splitpanes--horizontal > .splitpanes__splitter,
90
- .default-theme .splitpanes--horizontal > .splitpanes__splitter {
91
- height: 7px;
92
- border-top: 1px solid #eee;
93
- margin-top: -1px;
94
- }
95
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
96
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
97
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
98
- transform: translateX(-50%);
99
- width: 30px;
100
- height: 1px;
101
- }
102
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
103
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
104
- margin-top: -2px;
105
- }
106
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
107
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
108
- margin-top: 1px;
109
- }
110
-
111
1
  .vcp__header {
112
2
  display: flex;
113
3
  padding: 12px;
@@ -153,37 +43,6 @@
153
43
  opacity: 0.25;
154
44
  }
155
45
 
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
46
  .layoutContainer {
188
47
  width: 100%;
189
48
  height: 100%;
@@ -253,6 +112,147 @@
253
112
  pointer-events: none;
254
113
  }
255
114
 
115
+ .vcpg {
116
+ border: 1px solid var(--border-color);
117
+ border-radius: 4px;
118
+ width: 100%;
119
+ }
120
+ .vcpg ::v-deep(.vcp) * {
121
+ box-sizing: border-box;
122
+ }
123
+ .vcpg ::v-deep(.vcp) .vcp__header {
124
+ background-color: var(--bg-color-header);
125
+ height: 30px;
126
+ border-bottom: 2px solid #c6bebd;
127
+ transition: background-color 0.3s ease;
128
+ }
129
+ .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
130
+ background-color: var(--bg-color-header-hover);
131
+ }
132
+ .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
133
+ background-color: var(--bg-color-header-active);
134
+ }
135
+ .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
136
+ border-top: 2px solid var(--border-color);
137
+ }
138
+ .vcpg ::v-deep(.vcp) .vcp__header-title {
139
+ font-weight: 500;
140
+ }
141
+ .vcpg ::v-deep(.vcp) .vcp__body {
142
+ border-top: 1px solid var(--border-color);
143
+ background-color: var(--bg-color-body);
144
+ }
145
+
146
+ .splitpanes {
147
+ display: flex;
148
+ width: 100%;
149
+ height: 100%;
150
+ }
151
+ .splitpanes--vertical {
152
+ flex-direction: row;
153
+ }
154
+ .splitpanes--horizontal {
155
+ flex-direction: column;
156
+ }
157
+ .splitpanes--dragging * {
158
+ user-select: none;
159
+ }
160
+ .splitpanes__pane {
161
+ width: 100%;
162
+ height: 100%;
163
+ overflow: hidden;
164
+ }
165
+ .splitpanes--vertical .splitpanes__pane {
166
+ transition: width 0.2s ease-out;
167
+ }
168
+ .splitpanes--horizontal .splitpanes__pane {
169
+ transition: height 0.2s ease-out;
170
+ }
171
+ .splitpanes--dragging .splitpanes__pane {
172
+ transition: none;
173
+ }
174
+ .splitpanes__splitter {
175
+ touch-action: none;
176
+ }
177
+ .splitpanes--vertical > .splitpanes__splitter {
178
+ min-width: 1px;
179
+ cursor: col-resize;
180
+ }
181
+ .splitpanes--horizontal > .splitpanes__splitter {
182
+ min-height: 1px;
183
+ cursor: row-resize;
184
+ }
185
+
186
+ .splitpanes.default-theme .splitpanes__pane {
187
+ background-color: #f2f2f2;
188
+ }
189
+ .splitpanes.default-theme .splitpanes__splitter {
190
+ background-color: #fff;
191
+ box-sizing: border-box;
192
+ position: relative;
193
+ flex-shrink: 0;
194
+ }
195
+ .splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
196
+ content: "";
197
+ position: absolute;
198
+ top: 50%;
199
+ left: 50%;
200
+ background-color: rgba(0, 0, 0, 0.15);
201
+ transition: background-color 0.3s;
202
+ }
203
+ .splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
204
+ background-color: rgba(0, 0, 0, 0.25);
205
+ }
206
+ .splitpanes.default-theme .splitpanes__splitter:first-child {
207
+ cursor: auto;
208
+ }
209
+
210
+ .default-theme.splitpanes .splitpanes .splitpanes__splitter {
211
+ z-index: 1;
212
+ }
213
+ .default-theme.splitpanes--vertical > .splitpanes__splitter,
214
+ .default-theme .splitpanes--vertical > .splitpanes__splitter {
215
+ width: 7px;
216
+ border-left: 1px solid #eee;
217
+ margin-left: -1px;
218
+ }
219
+ .default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
220
+ .default-theme .splitpanes--vertical > .splitpanes__splitter:before,
221
+ .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
222
+ transform: translateY(-50%);
223
+ width: 1px;
224
+ height: 30px;
225
+ }
226
+ .default-theme.splitpanes--vertical > .splitpanes__splitter:before,
227
+ .default-theme .splitpanes--vertical > .splitpanes__splitter:before {
228
+ margin-left: -2px;
229
+ }
230
+ .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
231
+ .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
232
+ margin-left: 1px;
233
+ }
234
+ .default-theme.splitpanes--horizontal > .splitpanes__splitter,
235
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter {
236
+ height: 7px;
237
+ border-top: 1px solid #eee;
238
+ margin-top: -1px;
239
+ }
240
+ .default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
241
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
242
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
243
+ transform: translateX(-50%);
244
+ width: 30px;
245
+ height: 1px;
246
+ }
247
+ .default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
248
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
249
+ margin-top: -2px;
250
+ }
251
+ .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
252
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
253
+ margin-top: 1px;
254
+ }
255
+
256
256
  .window {
257
257
  display: flex;
258
258
  flex-flow: column;
package/dist/index.d.ts CHANGED
@@ -8,3 +8,4 @@ export * from './utils';
8
8
  export * from './hprose';
9
9
  export * from './api';
10
10
  export * from './model';
11
+ export * from './permission';