xframelib 0.9.4 → 0.9.6
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 +3 -1
- package/dist/assets/worker-XXTEA-lcP6QMJU.js +6 -0
- package/dist/assets/worker-xmath-DWsBwJk9.js +6 -0
- package/dist/controls/ADivider.vue.d.ts +19 -6
- package/dist/controls/index.d.ts +1 -1
- package/dist/controls/layoutcontainer/LayoutManager.d.ts +19 -17
- package/dist/controls/layoutcontainer/index.d.ts +1 -1
- package/dist/controls/layoutcontainer/layout.vue.d.ts +52 -32
- package/dist/controls/routertransition/RouterTransition.vue.d.ts +1 -3
- package/dist/controls/routertransition/RouterTransitionAnimate.vue.d.ts +6 -26
- package/dist/controls/routertransition/SuspenseWithError.vue.d.ts +3 -3
- package/dist/controls/routertransition/index.d.ts +3 -3
- package/dist/controls/splitpanes/index.d.ts +2 -2
- package/dist/controls/splitpanes/pane.vue.d.ts +40 -0
- package/dist/controls/splitpanes/splitpanes.vue.d.ts +109 -0
- package/dist/controls/vuewindow/index.d.ts +1 -1
- package/dist/controls/vuewindow/window/Button.vue.d.ts +5 -5
- package/dist/controls/vuewindow/window/index.vue.d.ts +38 -12
- package/dist/controls/xwindow/XWindow.vue.d.ts +51 -11
- package/dist/controls/xwindow/XWindowManager.d.ts +2 -1
- package/dist/controls/xwindow/index.d.ts +2 -3
- package/dist/core/Global.d.ts +1 -1
- package/dist/core/IModel.d.ts +14 -4
- package/dist/core/Init.d.ts +1 -1
- package/dist/directives/dragDirective.d.ts +1 -1
- package/dist/directives/index.d.ts +3 -3
- package/dist/directives/repeatClick.d.ts +1 -1
- package/dist/directives/wowDirective.d.ts +1 -1
- package/dist/hprose/index.d.ts +2 -2
- package/dist/index.css +198 -157
- package/dist/index.d.ts +1 -0
- package/dist/index.js +8 -2
- package/dist/model/Config.d.ts +6 -1
- package/dist/model/Layout.d.ts +1 -1
- package/dist/permission/filter.d.ts +7 -0
- package/dist/utils/AxiosHelper.d.ts +1 -1
- package/dist/utils/H5Tool.d.ts +1 -1
- package/dist/utils/RouterURLTool.d.ts +8 -0
- package/dist/utils/TokenHelper.d.ts +1 -4
- package/dist/utils/XXTEA.d.ts +1 -0
- package/dist/utils/ZipTool.d.ts +1 -1
- package/dist/utils/index.d.ts +10 -10
- package/dist/workers/index.d.ts +13 -0
- package/dist/workers/worker-XXTEA.d.ts +1 -0
- package/dist/workers/worker-xmath.d.ts +45 -0
- package/package.json +15 -14
- package/dist/index.cjs +0 -7
- package/dist/utils/FileUpload_bak.d.ts +0 -90
- package/dist/utils/FileUpload/346/226/260.d.ts +0 -102
- package/dist/utils/URLTool.d.ts +0 -18
|
@@ -1,4 +1,26 @@
|
|
|
1
|
-
declare
|
|
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: (
|
|
73
|
+
type: (ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
|
|
52
74
|
default: string;
|
|
53
75
|
};
|
|
54
|
-
}>,
|
|
55
|
-
|
|
56
|
-
|
|
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: (
|
|
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
|
-
|
|
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
|
-
|
|
128
|
-
|
|
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(
|
|
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 };
|
package/dist/core/Global.d.ts
CHANGED
package/dist/core/IModel.d.ts
CHANGED
|
@@ -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
|
|
@@ -53,6 +59,10 @@ export interface InnerObject {
|
|
|
53
59
|
* 全局的CesiumViewer对象
|
|
54
60
|
*/
|
|
55
61
|
CesiumViewer?: any;
|
|
62
|
+
/**
|
|
63
|
+
* 二维地图OL
|
|
64
|
+
*/
|
|
65
|
+
XMap?: any;
|
|
56
66
|
[props: string]: any;
|
|
57
67
|
}
|
|
58
68
|
/**
|
package/dist/core/Init.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import dragDirective,
|
|
2
|
-
import repeatDirective,
|
|
3
|
-
import 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 };
|
package/dist/hprose/index.d.ts
CHANGED
|
@@ -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,44 +1,133 @@
|
|
|
1
|
-
.
|
|
1
|
+
.splitpanes {
|
|
2
2
|
display: flex;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
border-radius: 4pt 4pt 0 0;
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: 100%;
|
|
6
5
|
}
|
|
7
6
|
|
|
8
|
-
.
|
|
9
|
-
|
|
10
|
-
flex-flow: row nowrap;
|
|
11
|
-
border-radius: 4pt 4pt 0 0;
|
|
12
|
-
font-family: sans-serif;
|
|
13
|
-
padding: 0.5em;
|
|
14
|
-
flex: 0 0 auto;
|
|
7
|
+
.splitpanes--vertical {
|
|
8
|
+
flex-direction: row;
|
|
15
9
|
}
|
|
16
10
|
|
|
17
|
-
.
|
|
18
|
-
flex-
|
|
19
|
-
|
|
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%;
|
|
20
22
|
overflow: hidden;
|
|
21
|
-
text-overflow: ellipsis;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
|
-
.
|
|
25
|
-
|
|
26
|
-
padding: 0.5em;
|
|
25
|
+
.splitpanes--vertical .splitpanes__pane {
|
|
26
|
+
transition: width 0.2s ease-out;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.
|
|
30
|
-
|
|
29
|
+
.splitpanes--horizontal .splitpanes__pane {
|
|
30
|
+
transition: height 0.2s ease-out;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.
|
|
34
|
-
|
|
35
|
-
opacity: 0;
|
|
36
|
-
transform: scale(0.9);
|
|
33
|
+
.splitpanes--dragging .splitpanes__pane {
|
|
34
|
+
transition: none;
|
|
37
35
|
}
|
|
38
36
|
|
|
39
|
-
.
|
|
40
|
-
|
|
41
|
-
|
|
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;
|
|
42
131
|
}
|
|
43
132
|
|
|
44
133
|
.layoutContainer {
|
|
@@ -70,6 +159,7 @@
|
|
|
70
159
|
overflow: hidden;
|
|
71
160
|
pointer-events: none;
|
|
72
161
|
}
|
|
162
|
+
|
|
73
163
|
.topContainer > * {
|
|
74
164
|
pointer-events: all !important;
|
|
75
165
|
}
|
|
@@ -84,6 +174,7 @@
|
|
|
84
174
|
overflow: hidden;
|
|
85
175
|
pointer-events: none;
|
|
86
176
|
}
|
|
177
|
+
|
|
87
178
|
.bottomContainer > * {
|
|
88
179
|
pointer-events: all !important;
|
|
89
180
|
}
|
|
@@ -92,10 +183,13 @@
|
|
|
92
183
|
position: absolute;
|
|
93
184
|
top: 0px;
|
|
94
185
|
left: 0px;
|
|
186
|
+
bottom: 0;
|
|
95
187
|
z-index: var(--layout-left-zindex);
|
|
96
|
-
|
|
188
|
+
width: var(--layout-left-width);
|
|
189
|
+
overflow: hidden;
|
|
97
190
|
pointer-events: none;
|
|
98
191
|
}
|
|
192
|
+
|
|
99
193
|
.leftContainer > * {
|
|
100
194
|
pointer-events: all !important;
|
|
101
195
|
}
|
|
@@ -104,25 +198,28 @@
|
|
|
104
198
|
position: absolute;
|
|
105
199
|
top: 0px;
|
|
106
200
|
right: 0px;
|
|
201
|
+
bottom: 0;
|
|
107
202
|
width: var(--layout-right-width);
|
|
108
203
|
z-index: var(--layout-right-zindex);
|
|
109
|
-
|
|
204
|
+
overflow: hidden;
|
|
110
205
|
pointer-events: none;
|
|
111
206
|
}
|
|
207
|
+
|
|
112
208
|
.rightContainer > * {
|
|
113
209
|
pointer-events: all !important;
|
|
114
210
|
}
|
|
115
211
|
|
|
116
212
|
.centerdiv {
|
|
117
213
|
position: absolute;
|
|
118
|
-
top:
|
|
119
|
-
left:
|
|
120
|
-
|
|
214
|
+
top: 0;
|
|
215
|
+
left: 0;
|
|
216
|
+
bottom: 0;
|
|
121
217
|
width: 100%;
|
|
122
218
|
background-color: transparent;
|
|
123
219
|
overflow: hidden;
|
|
124
220
|
pointer-events: none;
|
|
125
221
|
}
|
|
222
|
+
|
|
126
223
|
.centerdiv > * {
|
|
127
224
|
pointer-events: all !important;
|
|
128
225
|
}
|
|
@@ -139,6 +236,66 @@
|
|
|
139
236
|
z-index: var(--layout-centerfront-zindex);
|
|
140
237
|
}
|
|
141
238
|
|
|
239
|
+
.adivider {
|
|
240
|
+
width: 100%;
|
|
241
|
+
margin: 10px 0;
|
|
242
|
+
display: flex;
|
|
243
|
+
align-items: center;
|
|
244
|
+
justify-items: center;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.adivider .line {
|
|
248
|
+
border: v-bind(lineColor) 1px solid;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.adivider .contentText {
|
|
252
|
+
background-color: inherit;
|
|
253
|
+
font-size: 18px;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
.window {
|
|
257
|
+
display: flex;
|
|
258
|
+
flex-flow: column;
|
|
259
|
+
position: absolute;
|
|
260
|
+
border-radius: 4pt 4pt 0 0;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.titlebar {
|
|
264
|
+
display: flex;
|
|
265
|
+
flex-flow: row nowrap;
|
|
266
|
+
border-radius: 4pt 4pt 0 0;
|
|
267
|
+
font-family: sans-serif;
|
|
268
|
+
padding: 0.5em;
|
|
269
|
+
flex: 0 0 auto;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.title {
|
|
273
|
+
flex-grow: 1;
|
|
274
|
+
white-space: nowrap;
|
|
275
|
+
overflow: hidden;
|
|
276
|
+
text-overflow: ellipsis;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.content {
|
|
280
|
+
flex-grow: 1;
|
|
281
|
+
padding: 0.5em;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.draggable-handle {
|
|
285
|
+
cursor: move;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.fade-enter,
|
|
289
|
+
.fade-leave-to {
|
|
290
|
+
opacity: 0;
|
|
291
|
+
transform: scale(0.9);
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.fade-enter-active,
|
|
295
|
+
.fade-leave-active {
|
|
296
|
+
transition: 0.2s;
|
|
297
|
+
}
|
|
298
|
+
|
|
142
299
|
.iconify {
|
|
143
300
|
color: #000;
|
|
144
301
|
}
|
|
@@ -163,6 +320,7 @@
|
|
|
163
320
|
align-items: center;
|
|
164
321
|
justify-content: space-between;
|
|
165
322
|
}
|
|
323
|
+
|
|
166
324
|
.dragPanelBar svg:hover {
|
|
167
325
|
border: 1px solid #333;
|
|
168
326
|
}
|
|
@@ -176,6 +334,7 @@
|
|
|
176
334
|
grid-template-rows: min-content auto;
|
|
177
335
|
user-select: none;
|
|
178
336
|
}
|
|
337
|
+
|
|
179
338
|
.dragWindowPanel .dragPanelTitle {
|
|
180
339
|
pointer-events: all;
|
|
181
340
|
width: 100%;
|
|
@@ -185,10 +344,12 @@
|
|
|
185
344
|
vertical-align: middle;
|
|
186
345
|
pointer-events: all;
|
|
187
346
|
}
|
|
347
|
+
|
|
188
348
|
.dragWindowPanel .dragPanelTitle img {
|
|
189
349
|
display: inline-block;
|
|
190
350
|
vertical-align: middle;
|
|
191
351
|
}
|
|
352
|
+
|
|
192
353
|
.dragWindowPanel .dragPanelContent {
|
|
193
354
|
margin-top: 1px;
|
|
194
355
|
background-color: #eee;
|
|
@@ -211,6 +372,7 @@
|
|
|
211
372
|
grid-template-columns: 1rem auto 1rem;
|
|
212
373
|
grid-template-rows: 1rem auto 1rem;
|
|
213
374
|
}
|
|
375
|
+
|
|
214
376
|
.drag-pointer-group > * {
|
|
215
377
|
pointer-events: all !important;
|
|
216
378
|
}
|
|
@@ -226,9 +388,11 @@
|
|
|
226
388
|
.dragWindowPanel_dark {
|
|
227
389
|
background-color: #043351;
|
|
228
390
|
}
|
|
391
|
+
|
|
229
392
|
.dragWindowPanel_dark .iconify {
|
|
230
393
|
color: #eee;
|
|
231
394
|
}
|
|
395
|
+
|
|
232
396
|
.dragWindowPanel_dark .dragPanelTitle {
|
|
233
397
|
background-color: #043351;
|
|
234
398
|
color: #eee;
|
|
@@ -239,10 +403,12 @@
|
|
|
239
403
|
vertical-align: middle;
|
|
240
404
|
pointer-events: all;
|
|
241
405
|
}
|
|
406
|
+
|
|
242
407
|
.dragWindowPanel_dark .dragPanelTitle img {
|
|
243
408
|
display: inline-block;
|
|
244
409
|
vertical-align: middle;
|
|
245
410
|
}
|
|
411
|
+
|
|
246
412
|
.dragWindowPanel_dark .dragPanelContent {
|
|
247
413
|
background-color: #2f353d;
|
|
248
414
|
margin-top: 1px;
|
|
@@ -284,131 +450,6 @@
|
|
|
284
450
|
cursor: s-resize;
|
|
285
451
|
}
|
|
286
452
|
|
|
287
|
-
.adivider {
|
|
288
|
-
width: 100%;
|
|
289
|
-
margin: 10px 0;
|
|
290
|
-
display: flex;
|
|
291
|
-
align-items: center;
|
|
292
|
-
justify-items: center;
|
|
293
|
-
}
|
|
294
|
-
.adivider .line {
|
|
295
|
-
border: v-bind(lineColor) 1px solid;
|
|
296
|
-
}
|
|
297
|
-
.adivider .contentText {
|
|
298
|
-
background-color: inherit;
|
|
299
|
-
font-size: 18px;
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
.splitpanes {
|
|
303
|
-
display: flex;
|
|
304
|
-
width: 100%;
|
|
305
|
-
height: 100%;
|
|
306
|
-
}
|
|
307
|
-
.splitpanes--vertical {
|
|
308
|
-
flex-direction: row;
|
|
309
|
-
}
|
|
310
|
-
.splitpanes--horizontal {
|
|
311
|
-
flex-direction: column;
|
|
312
|
-
}
|
|
313
|
-
.splitpanes--dragging * {
|
|
314
|
-
user-select: none;
|
|
315
|
-
}
|
|
316
|
-
.splitpanes__pane {
|
|
317
|
-
width: 100%;
|
|
318
|
-
height: 100%;
|
|
319
|
-
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;
|
|
340
|
-
}
|
|
341
|
-
|
|
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;
|
|
364
|
-
}
|
|
365
|
-
|
|
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;
|
|
402
|
-
}
|
|
403
|
-
.default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
|
|
404
|
-
.default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
|
|
405
|
-
margin-top: -2px;
|
|
406
|
-
}
|
|
407
|
-
.default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
|
|
408
|
-
.default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
|
|
409
|
-
margin-top: 1px;
|
|
410
|
-
}
|
|
411
|
-
|
|
412
453
|
.btn {
|
|
413
454
|
background-color: transparent;
|
|
414
455
|
border: none;
|
package/dist/index.d.ts
CHANGED