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.
- package/README.md +3 -1
- package/dist/assets/worker-XXTEA-lcP6QMJU.js +6 -0
- package/dist/assets/worker-xmath-BzVwWco5.js +15 -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 +17 -15
- 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 +10 -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 +202 -161
- package/dist/index.d.ts +1 -0
- package/dist/index.js +8 -2
- package/dist/model/Config.d.ts +1 -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 +13 -11
- 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
|
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,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
|
-
|
|
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
|
-
|
|
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:
|
|
76
|
-
left:
|
|
77
|
-
|
|
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
|
-
.
|
|
410
|
+
.window {
|
|
303
411
|
display: flex;
|
|
304
|
-
|
|
305
|
-
|
|
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
|
-
|
|
314
|
-
|
|
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
|
-
|
|
317
|
-
|
|
318
|
-
|
|
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
|
-
.
|
|
343
|
-
|
|
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
|
-
.
|
|
367
|
-
|
|
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
|
-
|
|
404
|
-
.
|
|
405
|
-
|
|
441
|
+
|
|
442
|
+
.fade-enter,
|
|
443
|
+
.fade-leave-to {
|
|
444
|
+
opacity: 0;
|
|
445
|
+
transform: scale(0.9);
|
|
406
446
|
}
|
|
407
|
-
|
|
408
|
-
.
|
|
409
|
-
|
|
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