xframelib 0.9.5 → 0.9.7

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 (50) hide show
  1. package/README.md +3 -1
  2. package/dist/assets/worker-XXTEA-lcP6QMJU.js +6 -0
  3. package/dist/assets/worker-xmath-BzVwWco5.js +15 -0
  4. package/dist/controls/ADivider.vue.d.ts +19 -6
  5. package/dist/controls/index.d.ts +1 -1
  6. package/dist/controls/layoutcontainer/LayoutManager.d.ts +17 -15
  7. package/dist/controls/layoutcontainer/index.d.ts +1 -1
  8. package/dist/controls/layoutcontainer/layout.vue.d.ts +52 -32
  9. package/dist/controls/routertransition/RouterTransition.vue.d.ts +1 -3
  10. package/dist/controls/routertransition/RouterTransitionAnimate.vue.d.ts +6 -26
  11. package/dist/controls/routertransition/SuspenseWithError.vue.d.ts +3 -3
  12. package/dist/controls/routertransition/index.d.ts +3 -3
  13. package/dist/controls/splitpanes/index.d.ts +2 -2
  14. package/dist/controls/splitpanes/pane.vue.d.ts +40 -0
  15. package/dist/controls/splitpanes/splitpanes.vue.d.ts +109 -0
  16. package/dist/controls/vuewindow/index.d.ts +1 -1
  17. package/dist/controls/vuewindow/window/Button.vue.d.ts +5 -5
  18. package/dist/controls/vuewindow/window/index.vue.d.ts +38 -12
  19. package/dist/controls/xwindow/XWindow.vue.d.ts +51 -11
  20. package/dist/controls/xwindow/XWindowManager.d.ts +2 -1
  21. package/dist/controls/xwindow/index.d.ts +2 -3
  22. package/dist/core/Global.d.ts +1 -1
  23. package/dist/core/IModel.d.ts +10 -4
  24. package/dist/core/Init.d.ts +1 -1
  25. package/dist/directives/dragDirective.d.ts +1 -1
  26. package/dist/directives/index.d.ts +3 -3
  27. package/dist/directives/repeatClick.d.ts +1 -1
  28. package/dist/directives/wowDirective.d.ts +1 -1
  29. package/dist/hprose/index.d.ts +2 -2
  30. package/dist/index.css +202 -161
  31. package/dist/index.d.ts +1 -0
  32. package/dist/index.js +8 -2
  33. package/dist/model/Config.d.ts +1 -1
  34. package/dist/model/Layout.d.ts +1 -1
  35. package/dist/permission/filter.d.ts +7 -0
  36. package/dist/utils/AxiosHelper.d.ts +1 -1
  37. package/dist/utils/H5Tool.d.ts +1 -1
  38. package/dist/utils/RouterURLTool.d.ts +8 -0
  39. package/dist/utils/TokenHelper.d.ts +1 -4
  40. package/dist/utils/XXTEA.d.ts +1 -0
  41. package/dist/utils/ZipTool.d.ts +1 -1
  42. package/dist/utils/index.d.ts +10 -10
  43. package/dist/workers/index.d.ts +13 -0
  44. package/dist/workers/worker-XXTEA.d.ts +1 -0
  45. package/dist/workers/worker-xmath.d.ts +45 -0
  46. package/package.json +13 -11
  47. package/dist/index.cjs +0 -7
  48. package/dist/utils/FileUpload_bak.d.ts +0 -90
  49. package/dist/utils/FileUpload/346/226/260.d.ts +0 -102
  50. package/dist/utils/URLTool.d.ts +0 -18
@@ -1,4 +1,26 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1
+ declare function showHidePanel(): void;
2
+ /**
3
+ * 关闭当前面板
4
+ */
5
+ declare function close(): void;
6
+ /**
7
+ * 重新加载当前面板
8
+ */
9
+ declare function open(): void;
10
+ declare function __VLS_template(): {
11
+ attrs: Partial<{}>;
12
+ slots: {
13
+ title?(_: {}): any;
14
+ default?(_: {}): any;
15
+ };
16
+ refs: {
17
+ dragPanelRef: HTMLDivElement;
18
+ dragPanelTitleRef: HTMLDivElement;
19
+ };
20
+ rootEl: any;
21
+ };
22
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
+ declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
24
  top: {
3
25
  type: (StringConstructor | NumberConstructor)[];
4
26
  default: number;
@@ -48,12 +70,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
48
70
  default: string;
49
71
  };
50
72
  tag: {
51
- type: (StringConstructor | NumberConstructor | ArrayConstructor | ObjectConstructor)[];
73
+ type: (ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
52
74
  default: string;
53
75
  };
54
- }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
55
- [key: string]: any;
56
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "loaded" | "minimize")[], "close" | "open" | "loaded" | "minimize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
76
+ }>, {
77
+ id: string;
78
+ isShow: import('vue').ComputedRef<boolean>;
79
+ close: typeof close;
80
+ open: typeof open;
81
+ showHidePanel: typeof showHidePanel;
82
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
83
+ close: (...args: any[]) => void;
84
+ open: (...args: any[]) => void;
85
+ loaded: (...args: any[]) => void;
86
+ minimize: (...args: any[]) => void;
87
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
57
88
  top: {
58
89
  type: (StringConstructor | NumberConstructor)[];
59
90
  default: number;
@@ -103,7 +134,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
103
134
  default: string;
104
135
  };
105
136
  tag: {
106
- type: (StringConstructor | NumberConstructor | ArrayConstructor | ObjectConstructor)[];
137
+ type: (ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
107
138
  default: string;
108
139
  };
109
140
  }>> & Readonly<{
@@ -112,18 +143,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
112
143
  onLoaded?: ((...args: any[]) => any) | undefined;
113
144
  onMinimize?: ((...args: any[]) => any) | undefined;
114
145
  }>, {
115
- top: string | number;
146
+ title: string;
116
147
  left: string | number;
148
+ top: string | number;
149
+ icon: string;
150
+ tag: string | number | Record<string, any> | unknown[];
117
151
  nWidth: string | number;
118
152
  nHeight: string | number;
119
- icon: string;
120
- title: string;
121
153
  titleHeight: string | number;
122
154
  hasMin: boolean;
123
155
  hasMax: boolean;
124
156
  hasClose: boolean;
125
157
  isDark: boolean;
126
158
  pid: string;
127
- tag: string | number | Record<string, any> | unknown[];
128
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
159
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
160
+ dragPanelRef: HTMLDivElement;
161
+ dragPanelTitleRef: HTMLDivElement;
162
+ }, any>;
163
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
129
164
  export default _default;
165
+ type __VLS_WithTemplateSlots<T, S> = T & {
166
+ new (): {
167
+ $slots: S;
168
+ };
169
+ };
@@ -15,8 +15,9 @@ export declare const WindowsMap: Map<string, IPanelData>;
15
15
  /**
16
16
  * 最小化窗体Map集合
17
17
  */
18
- export declare const MinWindowMap: import("vue").Ref<Map<string, number> & Omit<Map<string, number>, keyof Map<any, any>>, Map<string, number> | (Map<string, number> & Omit<Map<string, number>, keyof Map<any, any>>)>;
18
+ export declare const MinWindowMap: import('vue').Ref<Map<string, number> & Omit<Map<string, number>, keyof Map<any, any>>, Map<string, number> | (Map<string, number> & Omit<Map<string, number>, keyof Map<any, any>>)>;
19
19
  declare class XWindowManager {
20
+ static ZIndexMax: number;
20
21
  /**
21
22
  * 注册添加窗体对象
22
23
  * @param panelData
@@ -1,4 +1,3 @@
1
- import XWindow from './XWindow.vue';
2
- import XWindowManager from './XWindowManager';
3
- import { WindowsMap, MinWindowMap } from './XWindowManager';
1
+ import { default as XWindow } from './XWindow.vue';
2
+ import { default as XWindowManager, WindowsMap, MinWindowMap } from './XWindowManager';
4
3
  export { WindowsMap, MinWindowMap, XWindowManager, XWindow };
@@ -1,4 +1,4 @@
1
- import { InnerObject } from "./IModel";
1
+ import { InnerObject } from './IModel';
2
2
  declare global {
3
3
  interface Function {
4
4
  promise(...args: any[]): Promise<unknown>;
@@ -1,11 +1,11 @@
1
- import MsgHelper from './MsgHelper';
1
+ import { default as MsgHelper } from './MsgHelper';
2
2
  import { Emitter } from '../mitt';
3
- import ProxyClient from '../hprose/ProxyClient';
3
+ import { default as ProxyClient } from '../hprose/ProxyClient';
4
4
  import { ISystemConfig } from '../model/Config';
5
5
  import { LayoutManager } from '../controls/layoutcontainer';
6
6
  import { AxiosStatic } from 'axios';
7
- import * as Log from "loglevel";
8
7
  import { IWidgetConfig } from '../model/Layout';
8
+ import * as Log from "loglevel";
9
9
  export interface InnerObject {
10
10
  /**
11
11
  * axios对象
@@ -27,9 +27,15 @@ export interface InnerObject {
27
27
  */
28
28
  LayoutMap: Map<string, LayoutManager>;
29
29
  /**
30
- * 权限过滤后的WidgetConfig列表
30
+ * 权限过滤后的WidgetConfig列表,
31
+ * 优先使用:RightWidgetConfigMap
31
32
  */
32
33
  WidgetConfigList?: Array<IWidgetConfig>;
34
+ /**
35
+ * 权限过滤后的,按LayoutID分组的WidgetConfig字典对象
36
+ * 优先使用RightWidgetConfigMap
37
+ */
38
+ RightWidgetConfigMap?: Map<string, Array<IWidgetConfig>>;
33
39
  /**
34
40
  * 通过WidgetID获取LayoutManager
35
41
  * @param widgetID
@@ -1,4 +1,4 @@
1
- import ProxyClient from '../hprose/ProxyClient';
1
+ import { default as ProxyClient } from '../hprose/ProxyClient';
2
2
  /**
3
3
  * 框架初始化
4
4
  * @param messageUI 消息UI,例如message
@@ -1,4 +1,4 @@
1
- import type { App, Directive } from 'vue';
1
+ import { App, Directive } from 'vue';
2
2
  /**
3
3
  * 可拖拽命令
4
4
  */
@@ -1,4 +1,4 @@
1
- import dragDirective, { setupDragDirective } from './dragDirective';
2
- import repeatDirective, { setupRepeatDirective } from './repeatClick';
3
- import wowDirective, { setupWowDirective } from './wowDirective';
1
+ import { default as dragDirective, setupDragDirective } from './dragDirective';
2
+ import { default as repeatDirective, setupRepeatDirective } from './repeatClick';
3
+ import { default as wowDirective, setupWowDirective } from './wowDirective';
4
4
  export { wowDirective, setupWowDirective, repeatDirective, setupRepeatDirective, dragDirective, setupDragDirective };
@@ -1,4 +1,4 @@
1
- import type { App, Directive } from 'vue';
1
+ import { App, Directive } from 'vue';
2
2
  declare const repeatDirective: Directive;
3
3
  export declare function setupRepeatDirective(app: App): void;
4
4
  export default repeatDirective;
@@ -1,4 +1,4 @@
1
- import type { App, Directive } from 'vue';
1
+ import { App, Directive } from 'vue';
2
2
  /**
3
3
  * 可拖拽命令
4
4
  */
@@ -1,5 +1,5 @@
1
- import ProxyClient from './ProxyClient';
2
- import HproseClient from './HproseClient';
1
+ import { default as ProxyClient } from './ProxyClient';
2
+ import { default as HproseClient } from './HproseClient';
3
3
  import { deserialize, serialize, IHttpRPCHeaders, HproseRPCCodec } from './HproseIO';
4
4
  export interface GIHprose {
5
5
  getDefaultClient(): ProxyClient;
package/dist/index.css CHANGED
@@ -1,3 +1,152 @@
1
+ .splitpanes {
2
+ display: flex;
3
+ width: 100%;
4
+ height: 100%;
5
+ }
6
+
7
+ .splitpanes--vertical {
8
+ flex-direction: row;
9
+ }
10
+
11
+ .splitpanes--horizontal {
12
+ flex-direction: column;
13
+ }
14
+
15
+ .splitpanes--dragging * {
16
+ user-select: none;
17
+ }
18
+
19
+ .splitpanes__pane {
20
+ width: 100%;
21
+ height: 100%;
22
+ overflow: hidden;
23
+ }
24
+
25
+ .splitpanes--vertical .splitpanes__pane {
26
+ transition: width 0.2s ease-out;
27
+ }
28
+
29
+ .splitpanes--horizontal .splitpanes__pane {
30
+ transition: height 0.2s ease-out;
31
+ }
32
+
33
+ .splitpanes--dragging .splitpanes__pane {
34
+ transition: none;
35
+ }
36
+
37
+ .splitpanes__splitter {
38
+ touch-action: none;
39
+ }
40
+
41
+ .splitpanes--vertical > .splitpanes__splitter {
42
+ min-width: 1px;
43
+ cursor: col-resize;
44
+ }
45
+
46
+ .splitpanes--horizontal > .splitpanes__splitter {
47
+ min-height: 1px;
48
+ cursor: row-resize;
49
+ }
50
+
51
+ .splitpanes.default-theme .splitpanes__pane {
52
+ background-color: #f2f2f2;
53
+ }
54
+
55
+ .splitpanes.default-theme .splitpanes__splitter {
56
+ background-color: #fff;
57
+ box-sizing: border-box;
58
+ position: relative;
59
+ flex-shrink: 0;
60
+ }
61
+
62
+ .splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
63
+ content: "";
64
+ position: absolute;
65
+ top: 50%;
66
+ left: 50%;
67
+ background-color: rgba(0, 0, 0, 0.15);
68
+ transition: background-color 0.3s;
69
+ }
70
+
71
+ .splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
72
+ background-color: rgba(0, 0, 0, 0.25);
73
+ }
74
+
75
+ .splitpanes.default-theme .splitpanes__splitter:first-child {
76
+ cursor: auto;
77
+ }
78
+
79
+ .default-theme.splitpanes .splitpanes .splitpanes__splitter {
80
+ z-index: 1;
81
+ }
82
+
83
+ .default-theme.splitpanes--vertical > .splitpanes__splitter,
84
+ .default-theme .splitpanes--vertical > .splitpanes__splitter {
85
+ width: 7px;
86
+ border-left: 1px solid #eee;
87
+ margin-left: -1px;
88
+ }
89
+
90
+ .default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
91
+ .default-theme .splitpanes--vertical > .splitpanes__splitter:before,
92
+ .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
93
+ transform: translateY(-50%);
94
+ width: 1px;
95
+ height: 30px;
96
+ }
97
+
98
+ .default-theme.splitpanes--vertical > .splitpanes__splitter:before,
99
+ .default-theme .splitpanes--vertical > .splitpanes__splitter:before {
100
+ margin-left: -2px;
101
+ }
102
+
103
+ .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
104
+ .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
105
+ margin-left: 1px;
106
+ }
107
+
108
+ .default-theme.splitpanes--horizontal > .splitpanes__splitter,
109
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter {
110
+ height: 7px;
111
+ border-top: 1px solid #eee;
112
+ margin-top: -1px;
113
+ }
114
+
115
+ .default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
116
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
117
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
118
+ transform: translateX(-50%);
119
+ width: 30px;
120
+ height: 1px;
121
+ }
122
+
123
+ .default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
124
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
125
+ margin-top: -2px;
126
+ }
127
+
128
+ .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
129
+ .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
130
+ margin-top: 1px;
131
+ }
132
+
133
+ .adivider {
134
+ width: 100%;
135
+ margin: 10px 0;
136
+ display: flex;
137
+ align-items: center;
138
+ justify-items: center;
139
+ }
140
+
141
+ .adivider .line {
142
+ border: v-bind(lineColor) 1px solid;
143
+ }
144
+
145
+ .adivider .contentText {
146
+ background-color: inherit;
147
+ font-size: 18px;
148
+ }
149
+
1
150
  .layoutContainer {
2
151
  position: relative;
3
152
  width: 100%;
@@ -27,6 +176,7 @@
27
176
  overflow: hidden;
28
177
  pointer-events: none;
29
178
  }
179
+
30
180
  .topContainer > * {
31
181
  pointer-events: all !important;
32
182
  }
@@ -41,6 +191,7 @@
41
191
  overflow: hidden;
42
192
  pointer-events: none;
43
193
  }
194
+
44
195
  .bottomContainer > * {
45
196
  pointer-events: all !important;
46
197
  }
@@ -49,10 +200,13 @@
49
200
  position: absolute;
50
201
  top: 0px;
51
202
  left: 0px;
203
+ bottom: 0;
52
204
  z-index: var(--layout-left-zindex);
53
- height: 100%;
205
+ width: var(--layout-left-width);
206
+ overflow: hidden;
54
207
  pointer-events: none;
55
208
  }
209
+
56
210
  .leftContainer > * {
57
211
  pointer-events: all !important;
58
212
  }
@@ -61,25 +215,28 @@
61
215
  position: absolute;
62
216
  top: 0px;
63
217
  right: 0px;
218
+ bottom: 0;
64
219
  width: var(--layout-right-width);
65
220
  z-index: var(--layout-right-zindex);
66
- height: 100%;
221
+ overflow: hidden;
67
222
  pointer-events: none;
68
223
  }
224
+
69
225
  .rightContainer > * {
70
226
  pointer-events: all !important;
71
227
  }
72
228
 
73
229
  .centerdiv {
74
230
  position: absolute;
75
- top: 0px;
76
- left: 0px;
77
- height: 100vh;
231
+ top: 0;
232
+ left: 0;
233
+ bottom: 0;
78
234
  width: 100%;
79
235
  background-color: transparent;
80
236
  overflow: hidden;
81
237
  pointer-events: none;
82
238
  }
239
+
83
240
  .centerdiv > * {
84
241
  pointer-events: all !important;
85
242
  }
@@ -96,64 +253,6 @@
96
253
  z-index: var(--layout-centerfront-zindex);
97
254
  }
98
255
 
99
- .window {
100
- display: flex;
101
- flex-flow: column;
102
- position: absolute;
103
- border-radius: 4pt 4pt 0 0;
104
- }
105
-
106
- .titlebar {
107
- display: flex;
108
- flex-flow: row nowrap;
109
- border-radius: 4pt 4pt 0 0;
110
- font-family: sans-serif;
111
- padding: 0.5em;
112
- flex: 0 0 auto;
113
- }
114
-
115
- .title {
116
- flex-grow: 1;
117
- white-space: nowrap;
118
- overflow: hidden;
119
- text-overflow: ellipsis;
120
- }
121
-
122
- .content {
123
- flex-grow: 1;
124
- padding: 0.5em;
125
- }
126
-
127
- .draggable-handle {
128
- cursor: move;
129
- }
130
-
131
- .fade-enter,
132
- .fade-leave-to {
133
- opacity: 0;
134
- transform: scale(0.9);
135
- }
136
-
137
- .fade-enter-active,
138
- .fade-leave-active {
139
- transition: 0.2s;
140
- }
141
-
142
- .adivider {
143
- width: 100%;
144
- margin: 10px 0;
145
- display: flex;
146
- align-items: center;
147
- justify-items: center;
148
- }
149
- .adivider .line {
150
- border: v-bind(lineColor) 1px solid;
151
- }
152
- .adivider .contentText {
153
- background-color: inherit;
154
- font-size: 18px;
155
- }
156
-
157
256
  .iconify {
158
257
  color: #000;
159
258
  }
@@ -178,6 +277,7 @@
178
277
  align-items: center;
179
278
  justify-content: space-between;
180
279
  }
280
+
181
281
  .dragPanelBar svg:hover {
182
282
  border: 1px solid #333;
183
283
  }
@@ -191,6 +291,7 @@
191
291
  grid-template-rows: min-content auto;
192
292
  user-select: none;
193
293
  }
294
+
194
295
  .dragWindowPanel .dragPanelTitle {
195
296
  pointer-events: all;
196
297
  width: 100%;
@@ -200,10 +301,12 @@
200
301
  vertical-align: middle;
201
302
  pointer-events: all;
202
303
  }
304
+
203
305
  .dragWindowPanel .dragPanelTitle img {
204
306
  display: inline-block;
205
307
  vertical-align: middle;
206
308
  }
309
+
207
310
  .dragWindowPanel .dragPanelContent {
208
311
  margin-top: 1px;
209
312
  background-color: #eee;
@@ -226,6 +329,7 @@
226
329
  grid-template-columns: 1rem auto 1rem;
227
330
  grid-template-rows: 1rem auto 1rem;
228
331
  }
332
+
229
333
  .drag-pointer-group > * {
230
334
  pointer-events: all !important;
231
335
  }
@@ -241,9 +345,11 @@
241
345
  .dragWindowPanel_dark {
242
346
  background-color: #043351;
243
347
  }
348
+
244
349
  .dragWindowPanel_dark .iconify {
245
350
  color: #eee;
246
351
  }
352
+
247
353
  .dragWindowPanel_dark .dragPanelTitle {
248
354
  background-color: #043351;
249
355
  color: #eee;
@@ -254,10 +360,12 @@
254
360
  vertical-align: middle;
255
361
  pointer-events: all;
256
362
  }
363
+
257
364
  .dragWindowPanel_dark .dragPanelTitle img {
258
365
  display: inline-block;
259
366
  vertical-align: middle;
260
367
  }
368
+
261
369
  .dragWindowPanel_dark .dragPanelContent {
262
370
  background-color: #2f353d;
263
371
  margin-top: 1px;
@@ -299,114 +407,47 @@
299
407
  cursor: s-resize;
300
408
  }
301
409
 
302
- .splitpanes {
410
+ .window {
303
411
  display: flex;
304
- width: 100%;
305
- height: 100%;
306
- }
307
- .splitpanes--vertical {
308
- flex-direction: row;
309
- }
310
- .splitpanes--horizontal {
311
- flex-direction: column;
412
+ flex-flow: column;
413
+ position: absolute;
414
+ border-radius: 4pt 4pt 0 0;
312
415
  }
313
- .splitpanes--dragging * {
314
- user-select: none;
416
+
417
+ .titlebar {
418
+ display: flex;
419
+ flex-flow: row nowrap;
420
+ border-radius: 4pt 4pt 0 0;
421
+ font-family: sans-serif;
422
+ padding: 0.5em;
423
+ flex: 0 0 auto;
315
424
  }
316
- .splitpanes__pane {
317
- width: 100%;
318
- height: 100%;
425
+
426
+ .title {
427
+ flex-grow: 1;
428
+ white-space: nowrap;
319
429
  overflow: hidden;
320
- }
321
- .splitpanes--vertical .splitpanes__pane {
322
- transition: width 0.2s ease-out;
323
- }
324
- .splitpanes--horizontal .splitpanes__pane {
325
- transition: height 0.2s ease-out;
326
- }
327
- .splitpanes--dragging .splitpanes__pane {
328
- transition: none;
329
- }
330
- .splitpanes__splitter {
331
- touch-action: none;
332
- }
333
- .splitpanes--vertical > .splitpanes__splitter {
334
- min-width: 1px;
335
- cursor: col-resize;
336
- }
337
- .splitpanes--horizontal > .splitpanes__splitter {
338
- min-height: 1px;
339
- cursor: row-resize;
430
+ text-overflow: ellipsis;
340
431
  }
341
432
 
342
- .splitpanes.default-theme .splitpanes__pane {
343
- background-color: #f2f2f2;
344
- }
345
- .splitpanes.default-theme .splitpanes__splitter {
346
- background-color: #fff;
347
- box-sizing: border-box;
348
- position: relative;
349
- flex-shrink: 0;
350
- }
351
- .splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
352
- content: "";
353
- position: absolute;
354
- top: 50%;
355
- left: 50%;
356
- background-color: rgba(0, 0, 0, 0.15);
357
- transition: background-color 0.3s;
358
- }
359
- .splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
360
- background-color: rgba(0, 0, 0, 0.25);
361
- }
362
- .splitpanes.default-theme .splitpanes__splitter:first-child {
363
- cursor: auto;
433
+ .content {
434
+ flex-grow: 1;
435
+ padding: 0.5em;
364
436
  }
365
437
 
366
- .default-theme.splitpanes .splitpanes .splitpanes__splitter {
367
- z-index: 1;
368
- }
369
- .default-theme.splitpanes--vertical > .splitpanes__splitter,
370
- .default-theme .splitpanes--vertical > .splitpanes__splitter {
371
- width: 7px;
372
- border-left: 1px solid #eee;
373
- margin-left: -1px;
374
- }
375
- .default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
376
- .default-theme .splitpanes--vertical > .splitpanes__splitter:before,
377
- .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
378
- transform: translateY(-50%);
379
- width: 1px;
380
- height: 30px;
381
- }
382
- .default-theme.splitpanes--vertical > .splitpanes__splitter:before,
383
- .default-theme .splitpanes--vertical > .splitpanes__splitter:before {
384
- margin-left: -2px;
385
- }
386
- .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
387
- .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
388
- margin-left: 1px;
389
- }
390
- .default-theme.splitpanes--horizontal > .splitpanes__splitter,
391
- .default-theme .splitpanes--horizontal > .splitpanes__splitter {
392
- height: 7px;
393
- border-top: 1px solid #eee;
394
- margin-top: -1px;
395
- }
396
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
397
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
398
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
399
- transform: translateX(-50%);
400
- width: 30px;
401
- height: 1px;
438
+ .draggable-handle {
439
+ cursor: move;
402
440
  }
403
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
404
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
405
- margin-top: -2px;
441
+
442
+ .fade-enter,
443
+ .fade-leave-to {
444
+ opacity: 0;
445
+ transform: scale(0.9);
406
446
  }
407
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
408
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
409
- margin-top: 1px;
447
+
448
+ .fade-enter-active,
449
+ .fade-leave-active {
450
+ transition: 0.2s;
410
451
  }
411
452
 
412
453
  .btn {
package/dist/index.d.ts CHANGED
@@ -11,3 +11,4 @@ export * from './api';
11
11
  export * from './model';
12
12
  export * from './permission';
13
13
  export * from './directives';
14
+ export * from './workers/index';