@tmagic/editor 1.3.13 → 1.3.15
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/style.css +8 -45
- package/dist/tmagic-editor.js +309 -347
- package/dist/tmagic-editor.umd.cjs +311 -349
- package/package.json +11 -11
- package/src/components/ToolButton.vue +6 -1
- package/src/fields/CodeSelect.vue +55 -6
- package/src/fields/CodeSelectCol.vue +8 -4
- package/src/fields/DataSourceMethodSelect.vue +22 -5
- package/src/fields/EventSelect.vue +2 -1
- package/src/hooks/use-float-box.ts +33 -116
- package/src/layouts/page-bar/PageBar.vue +4 -3
- package/src/layouts/sidebar/Sidebar.vue +25 -42
- package/src/layouts/sidebar/layer/LayerPanel.vue +2 -2
- package/src/layouts/sidebar/layer/use-click.ts +1 -1
- package/src/layouts/sidebar/layer/use-node-status.ts +8 -5
- package/src/theme/sidebar.scss +11 -0
- package/src/theme/theme.scss +0 -1
- package/src/type.ts +2 -0
- package/types/fields/CodeSelectCol.vue.d.ts +1 -1
- package/types/fields/DataSourceMethodSelect.vue.d.ts +1 -1
- package/types/hooks/use-float-box.d.ts +9 -9
- package/types/layouts/sidebar/layer/use-click.d.ts +1 -1
- package/types/type.d.ts +2 -0
- package/src/theme/floatbox.scss +0 -48
package/src/theme/sidebar.scss
CHANGED
package/src/theme/theme.scss
CHANGED
package/src/type.ts
CHANGED
|
@@ -600,6 +600,7 @@ export interface CodeSelectColConfig {
|
|
|
600
600
|
text: string;
|
|
601
601
|
labelWidth?: number | string;
|
|
602
602
|
disabled?: boolean | FilterFunction;
|
|
603
|
+
notEditable?: boolean | FilterFunction;
|
|
603
604
|
display?: boolean | FilterFunction;
|
|
604
605
|
}
|
|
605
606
|
|
|
@@ -618,6 +619,7 @@ export interface DataSourceMethodSelectConfig {
|
|
|
618
619
|
text: string;
|
|
619
620
|
labelWidth?: number | string;
|
|
620
621
|
disabled?: boolean | FilterFunction;
|
|
622
|
+
notEditable?: boolean | FilterFunction;
|
|
621
623
|
display?: boolean | FilterFunction;
|
|
622
624
|
}
|
|
623
625
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldProps } from '@tmagic/form';
|
|
1
|
+
import { type FieldProps } from '@tmagic/form';
|
|
2
2
|
import type { CodeSelectColConfig } from '../type';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<CodeSelectColConfig>>, {
|
|
4
4
|
disabled: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldProps } from '@tmagic/form';
|
|
1
|
+
import { type FieldProps } from '@tmagic/form';
|
|
2
2
|
import type { DataSourceMethodSelectConfig } from '../type';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<DataSourceMethodSelectConfig>>, {
|
|
4
4
|
disabled: boolean;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { ComputedRef } from 'vue';
|
|
2
|
+
interface State {
|
|
3
|
+
status: boolean;
|
|
4
|
+
top: number;
|
|
5
|
+
left: number;
|
|
6
|
+
}
|
|
2
7
|
export declare const useFloatBox: (slideKeys: ComputedRef<string[]>) => {
|
|
3
|
-
showFloatBox: (key: string) => Promise<void>;
|
|
4
|
-
closeFloatBox: (key: string) => void;
|
|
5
8
|
dragstartHandler: () => boolean;
|
|
6
9
|
dragendHandler: (key: string, e: DragEvent) => void;
|
|
7
|
-
floatBoxStates:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
top: number;
|
|
11
|
-
left: number;
|
|
12
|
-
}> | undefined>;
|
|
13
|
-
floatBox: import("vue").Ref<HTMLElement[] | undefined>;
|
|
10
|
+
floatBoxStates: import("vue").Ref<{
|
|
11
|
+
[x: string]: State;
|
|
12
|
+
}>;
|
|
14
13
|
showingBoxKeys: ComputedRef<string[]>;
|
|
15
14
|
};
|
|
15
|
+
export {};
|
|
@@ -93,6 +93,6 @@ export declare const useClick: (services: Services | undefined, isCtrlKeyDown: R
|
|
|
93
93
|
show: (e: MouseEvent) => void;
|
|
94
94
|
}> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
|
|
95
95
|
nodeClickHandler: (event: MouseEvent, data: TreeNodeData) => void;
|
|
96
|
-
|
|
96
|
+
nodeContentMenuHandler(event: MouseEvent, data: TreeNodeData): void;
|
|
97
97
|
highlightHandler: import("lodash-es").DebouncedFunc<(event: MouseEvent, data: TreeNodeData) => void>;
|
|
98
98
|
};
|
package/types/type.d.ts
CHANGED
|
@@ -511,6 +511,7 @@ export interface CodeSelectColConfig {
|
|
|
511
511
|
text: string;
|
|
512
512
|
labelWidth?: number | string;
|
|
513
513
|
disabled?: boolean | FilterFunction;
|
|
514
|
+
notEditable?: boolean | FilterFunction;
|
|
514
515
|
display?: boolean | FilterFunction;
|
|
515
516
|
}
|
|
516
517
|
export interface PageFragmentSelectConfig {
|
|
@@ -527,6 +528,7 @@ export interface DataSourceMethodSelectConfig {
|
|
|
527
528
|
text: string;
|
|
528
529
|
labelWidth?: number | string;
|
|
529
530
|
disabled?: boolean | FilterFunction;
|
|
531
|
+
notEditable?: boolean | FilterFunction;
|
|
530
532
|
display?: boolean | FilterFunction;
|
|
531
533
|
}
|
|
532
534
|
export interface DataSourceFieldSelectConfig {
|
package/src/theme/floatbox.scss
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
.m-editor-float-box-list {
|
|
2
|
-
.m-editor-float-box {
|
|
3
|
-
position: absolute;
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
width: auto;
|
|
7
|
-
height: 966px;
|
|
8
|
-
top: 240px;
|
|
9
|
-
left: 240px;
|
|
10
|
-
background: #fff;
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
z-index: 999;
|
|
13
|
-
max-width: auto;
|
|
14
|
-
min-width: auto;
|
|
15
|
-
max-height: auto;
|
|
16
|
-
min-height: auto;
|
|
17
|
-
border: 1px solid #eee;
|
|
18
|
-
box-shadow: 0 0 72px #ccc;
|
|
19
|
-
&-header {
|
|
20
|
-
display: flex;
|
|
21
|
-
align-items: center;
|
|
22
|
-
padding: 0 16px;
|
|
23
|
-
height: 44px;
|
|
24
|
-
border-bottom: 1px solid #d8dee8;
|
|
25
|
-
&:hover {
|
|
26
|
-
cursor: pointer;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
&-body {
|
|
30
|
-
display: flex;
|
|
31
|
-
flex: 1;
|
|
32
|
-
width: 100%;
|
|
33
|
-
overflow: scroll;
|
|
34
|
-
> *:first-child {
|
|
35
|
-
min-width: 247px;
|
|
36
|
-
border-right: 1px solid #d8dee8;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&-close {
|
|
41
|
-
position: absolute;
|
|
42
|
-
right: 16px;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
.moveable-resizable {
|
|
46
|
-
opacity: 0;
|
|
47
|
-
}
|
|
48
|
-
}
|