@tmagic/editor 1.3.1 → 1.3.3
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 +50 -0
- package/dist/tmagic-editor.js +578 -574
- package/dist/tmagic-editor.js.map +1 -1
- package/dist/tmagic-editor.umd.cjs +590 -585
- package/dist/tmagic-editor.umd.cjs.map +1 -1
- package/package.json +15 -13
- package/src/components/CodeBlockEditor.vue +6 -4
- package/src/fields/DataSourceSelect.vue +15 -9
- package/src/hooks/index.ts +1 -0
- package/src/hooks/use-code-block-edit.ts +2 -0
- package/src/hooks/use-float-box.ts +153 -0
- package/src/index.ts +1 -0
- package/src/initService.ts +12 -11
- package/src/layouts/Framework.vue +10 -1
- package/src/layouts/sidebar/Sidebar.vue +90 -5
- package/src/layouts/sidebar/code-block/CodeBlockList.vue +2 -1
- package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +11 -10
- package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +6 -4
- package/src/layouts/sidebar/data-source/DataSourceList.vue +9 -8
- package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +15 -15
- package/src/layouts/sidebar/layer/use-drag.ts +4 -0
- package/src/layouts/sidebar/layer/use-node-status.ts +20 -15
- package/src/services/dataSource.ts +4 -0
- package/src/services/dep.ts +22 -284
- package/src/services/ui.ts +15 -0
- package/src/theme/code-block.scss +5 -0
- package/src/theme/floatbox.scss +48 -0
- package/src/theme/sidebar.scss +1 -0
- package/src/theme/theme.scss +1 -0
- package/src/type.ts +30 -20
- package/types/components/CodeBlockEditor.vue.d.ts +3 -0
- package/types/fields/DataSourceSelect.vue.d.ts +6 -4
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/use-code-block-edit.d.ts +26 -46
- package/types/hooks/use-data-source-method.d.ts +26 -46
- package/types/hooks/use-float-box.d.ts +15 -0
- package/types/index.d.ts +1 -0
- package/types/layouts/PropsPanel.vue.d.ts +92 -59
- package/types/layouts/sidebar/Sidebar.vue.d.ts +1 -2
- package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +1 -1
- package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts +3 -1
- package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +3 -0
- package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +1 -1
- package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +15 -2
- package/types/layouts/sidebar/layer/use-click.d.ts +7 -46
- package/types/services/dataSource.d.ts +10 -2
- package/types/services/dep.d.ts +12 -112
- package/types/services/ui.d.ts +8 -0
- package/types/type.d.ts +23 -18
- package/src/utils/dep.ts +0 -81
- package/types/utils/dep.d.ts +0 -6
package/src/type.ts
CHANGED
|
@@ -198,6 +198,20 @@ export interface UiState {
|
|
|
198
198
|
propsPanelSize: 'large' | 'default' | 'small';
|
|
199
199
|
/** 是否显示新增页面按钮 */
|
|
200
200
|
showAddPageButton: boolean;
|
|
201
|
+
|
|
202
|
+
/** slide 拖拽悬浮窗 state */
|
|
203
|
+
floatBox: Map<
|
|
204
|
+
string,
|
|
205
|
+
{
|
|
206
|
+
status: boolean;
|
|
207
|
+
zIndex: number;
|
|
208
|
+
top: number;
|
|
209
|
+
left: number;
|
|
210
|
+
}
|
|
211
|
+
>;
|
|
212
|
+
|
|
213
|
+
/** 是否隐藏侧边栏 */
|
|
214
|
+
hideSlideBar: boolean;
|
|
201
215
|
}
|
|
202
216
|
|
|
203
217
|
export interface EditorNodeInfo {
|
|
@@ -318,6 +332,16 @@ export interface SideComponent extends MenuComponent {
|
|
|
318
332
|
text: string;
|
|
319
333
|
/** vue组件或url */
|
|
320
334
|
icon: Component<{}, {}, any>;
|
|
335
|
+
/** slide 唯一标识 key */
|
|
336
|
+
$key: string;
|
|
337
|
+
|
|
338
|
+
/** 组件扩展参数 */
|
|
339
|
+
boxComponentConfig?: {
|
|
340
|
+
/** Vue3组件 */
|
|
341
|
+
component?: any;
|
|
342
|
+
/** 传入组件的props对象 */
|
|
343
|
+
props?: Record<string, any>;
|
|
344
|
+
};
|
|
321
345
|
}
|
|
322
346
|
|
|
323
347
|
/**
|
|
@@ -337,6 +361,12 @@ export interface SideBarData {
|
|
|
337
361
|
items: SideItem[];
|
|
338
362
|
}
|
|
339
363
|
|
|
364
|
+
/**
|
|
365
|
+
* drawer 抽屉
|
|
366
|
+
* box 悬浮窗
|
|
367
|
+
*/
|
|
368
|
+
export type SlideType = 'drawer' | 'box';
|
|
369
|
+
|
|
340
370
|
export interface ComponentItem {
|
|
341
371
|
/** 显示文案 */
|
|
342
372
|
text: string;
|
|
@@ -403,13 +433,6 @@ export type CodeState = {
|
|
|
403
433
|
paramsColConfig?: ColumnConfig;
|
|
404
434
|
};
|
|
405
435
|
|
|
406
|
-
export type HookData = {
|
|
407
|
-
/** 代码块id */
|
|
408
|
-
codeId: Id;
|
|
409
|
-
/** 参数 */
|
|
410
|
-
params?: object;
|
|
411
|
-
};
|
|
412
|
-
|
|
413
436
|
export type CodeRelation = {
|
|
414
437
|
/** 组件id:[代码id1,代码id2] */
|
|
415
438
|
[compId: Id]: Id[];
|
|
@@ -572,19 +595,6 @@ export interface DataSourceFieldSelectConfig {
|
|
|
572
595
|
display?: boolean | FilterFunction;
|
|
573
596
|
}
|
|
574
597
|
|
|
575
|
-
/** 依赖收集的目标类型 */
|
|
576
|
-
export enum DepTargetType {
|
|
577
|
-
DEFAULT = 'default',
|
|
578
|
-
/** 代码块 */
|
|
579
|
-
CODE_BLOCK = 'code-block',
|
|
580
|
-
/** 数据源 */
|
|
581
|
-
DATA_SOURCE = 'data-source',
|
|
582
|
-
/** 数据源方法 */
|
|
583
|
-
DATA_SOURCE_METHOD = 'data-source-method',
|
|
584
|
-
/** 数据源条件 */
|
|
585
|
-
DATA_SOURCE_COND = 'data-source-cond',
|
|
586
|
-
}
|
|
587
|
-
|
|
588
598
|
/** 可新增的数据源类型选项 */
|
|
589
599
|
export interface DatasourceTypeOption {
|
|
590
600
|
/** 数据源类型 */
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import type { CodeBlockContent } from '@tmagic/schema';
|
|
2
|
+
import type { SlideType } from '../type';
|
|
2
3
|
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
3
4
|
content: CodeBlockContent;
|
|
4
5
|
disabled?: boolean | undefined;
|
|
5
6
|
isDataSource?: boolean | undefined;
|
|
6
7
|
dataSourceType?: string | undefined;
|
|
8
|
+
slideType?: SlideType | undefined;
|
|
7
9
|
}>, {
|
|
8
10
|
show(): void;
|
|
9
11
|
hide(): void;
|
|
@@ -12,6 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
|
|
|
12
14
|
disabled?: boolean | undefined;
|
|
13
15
|
isDataSource?: boolean | undefined;
|
|
14
16
|
dataSourceType?: string | undefined;
|
|
17
|
+
slideType?: SlideType | undefined;
|
|
15
18
|
}>>>, {}, {}>;
|
|
16
19
|
export default _default;
|
|
17
20
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -2,17 +2,19 @@ import { FieldProps } from '@tmagic/form';
|
|
|
2
2
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
|
|
3
3
|
type: "data-source-select";
|
|
4
4
|
name: string;
|
|
5
|
-
text
|
|
6
|
-
placeholder
|
|
5
|
+
text?: string | undefined;
|
|
6
|
+
placeholder?: string | undefined;
|
|
7
7
|
dataSourceType?: string | undefined;
|
|
8
|
+
value?: "id" | "value" | undefined;
|
|
8
9
|
}>>, {
|
|
9
10
|
disabled: boolean;
|
|
10
11
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
|
|
11
12
|
type: "data-source-select";
|
|
12
13
|
name: string;
|
|
13
|
-
text
|
|
14
|
-
placeholder
|
|
14
|
+
text?: string | undefined;
|
|
15
|
+
placeholder?: string | undefined;
|
|
15
16
|
dataSourceType?: string | undefined;
|
|
17
|
+
value?: "id" | "value" | undefined;
|
|
16
18
|
}>>, {
|
|
17
19
|
disabled: boolean;
|
|
18
20
|
}>>> & {
|
package/types/hooks/index.d.ts
CHANGED
|
@@ -7,56 +7,30 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
|
|
|
7
7
|
codeBlockEditor: import("vue").Ref<({
|
|
8
8
|
$: import("vue").ComponentInternalInstance;
|
|
9
9
|
$data: {};
|
|
10
|
-
$props: {
|
|
11
|
-
key?: string | number | symbol | undefined;
|
|
12
|
-
ref?: import("vue").VNodeRef | undefined;
|
|
13
|
-
ref_for?: boolean | undefined;
|
|
14
|
-
ref_key?: string | undefined;
|
|
15
|
-
onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
16
|
-
[key: string]: any;
|
|
17
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
18
|
-
[key: string]: any;
|
|
19
|
-
}>) => void)[] | undefined;
|
|
20
|
-
onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
21
|
-
[key: string]: any;
|
|
22
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
23
|
-
[key: string]: any;
|
|
24
|
-
}>) => void)[] | undefined;
|
|
25
|
-
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
26
|
-
[key: string]: any;
|
|
27
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
28
|
-
[key: string]: any;
|
|
29
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
30
|
-
[key: string]: any;
|
|
31
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
32
|
-
[key: string]: any;
|
|
33
|
-
}>) => void)[] | undefined;
|
|
34
|
-
onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
35
|
-
[key: string]: any;
|
|
36
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
37
|
-
[key: string]: any;
|
|
38
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
39
|
-
[key: string]: any;
|
|
40
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
41
|
-
[key: string]: any;
|
|
42
|
-
}>) => void)[] | undefined;
|
|
43
|
-
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
44
|
-
[key: string]: any;
|
|
45
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
46
|
-
[key: string]: any;
|
|
47
|
-
}>) => void)[] | undefined;
|
|
48
|
-
onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
49
|
-
[key: string]: any;
|
|
50
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
51
|
-
[key: string]: any;
|
|
52
|
-
}>) => void)[] | undefined;
|
|
53
|
-
class?: unknown;
|
|
54
|
-
style?: unknown;
|
|
10
|
+
$props: Partial<{}> & Omit<{
|
|
55
11
|
readonly content: CodeBlockContent;
|
|
56
12
|
readonly disabled?: boolean | undefined;
|
|
57
13
|
readonly isDataSource?: boolean | undefined;
|
|
58
14
|
readonly dataSourceType?: string | undefined;
|
|
59
|
-
|
|
15
|
+
readonly slideType?: import("..").SlideType | undefined;
|
|
16
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
+
content: {
|
|
18
|
+
type: import("vue").PropType<CodeBlockContent>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
disabled: {
|
|
22
|
+
type: import("vue").PropType<boolean>;
|
|
23
|
+
};
|
|
24
|
+
isDataSource: {
|
|
25
|
+
type: import("vue").PropType<boolean>;
|
|
26
|
+
};
|
|
27
|
+
dataSourceType: {
|
|
28
|
+
type: import("vue").PropType<string>;
|
|
29
|
+
};
|
|
30
|
+
slideType: {
|
|
31
|
+
type: import("vue").PropType<import("..").SlideType>;
|
|
32
|
+
};
|
|
33
|
+
}>>, never>;
|
|
60
34
|
$attrs: {
|
|
61
35
|
[x: string]: unknown;
|
|
62
36
|
};
|
|
@@ -84,6 +58,9 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
|
|
|
84
58
|
dataSourceType: {
|
|
85
59
|
type: import("vue").PropType<string>;
|
|
86
60
|
};
|
|
61
|
+
slideType: {
|
|
62
|
+
type: import("vue").PropType<import("..").SlideType>;
|
|
63
|
+
};
|
|
87
64
|
}>>, {
|
|
88
65
|
show(): void;
|
|
89
66
|
hide(): void;
|
|
@@ -121,6 +98,9 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
|
|
|
121
98
|
dataSourceType: {
|
|
122
99
|
type: import("vue").PropType<string>;
|
|
123
100
|
};
|
|
101
|
+
slideType: {
|
|
102
|
+
type: import("vue").PropType<import("..").SlideType>;
|
|
103
|
+
};
|
|
124
104
|
}>> & import("vue").ShallowUnwrapRef<{
|
|
125
105
|
show(): void;
|
|
126
106
|
hide(): void;
|
|
@@ -5,56 +5,30 @@ export declare const useDataSourceMethod: () => {
|
|
|
5
5
|
codeBlockEditor: import("vue").Ref<({
|
|
6
6
|
$: import("vue").ComponentInternalInstance;
|
|
7
7
|
$data: {};
|
|
8
|
-
$props: {
|
|
9
|
-
key?: string | number | symbol | undefined;
|
|
10
|
-
ref?: import("vue").VNodeRef | undefined;
|
|
11
|
-
ref_for?: boolean | undefined;
|
|
12
|
-
ref_key?: string | undefined;
|
|
13
|
-
onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
14
|
-
[key: string]: any;
|
|
15
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
16
|
-
[key: string]: any;
|
|
17
|
-
}>) => void)[] | undefined;
|
|
18
|
-
onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
19
|
-
[key: string]: any;
|
|
20
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
21
|
-
[key: string]: any;
|
|
22
|
-
}>) => void)[] | undefined;
|
|
23
|
-
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
24
|
-
[key: string]: any;
|
|
25
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
26
|
-
[key: string]: any;
|
|
27
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
28
|
-
[key: string]: any;
|
|
29
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
30
|
-
[key: string]: any;
|
|
31
|
-
}>) => void)[] | undefined;
|
|
32
|
-
onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
33
|
-
[key: string]: any;
|
|
34
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
35
|
-
[key: string]: any;
|
|
36
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
37
|
-
[key: string]: any;
|
|
38
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
39
|
-
[key: string]: any;
|
|
40
|
-
}>) => void)[] | undefined;
|
|
41
|
-
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
42
|
-
[key: string]: any;
|
|
43
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
44
|
-
[key: string]: any;
|
|
45
|
-
}>) => void)[] | undefined;
|
|
46
|
-
onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
47
|
-
[key: string]: any;
|
|
48
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
49
|
-
[key: string]: any;
|
|
50
|
-
}>) => void)[] | undefined;
|
|
51
|
-
class?: unknown;
|
|
52
|
-
style?: unknown;
|
|
8
|
+
$props: Partial<{}> & Omit<{
|
|
53
9
|
readonly content: CodeBlockContent;
|
|
54
10
|
readonly disabled?: boolean | undefined;
|
|
55
11
|
readonly isDataSource?: boolean | undefined;
|
|
56
12
|
readonly dataSourceType?: string | undefined;
|
|
57
|
-
|
|
13
|
+
readonly slideType?: import("..").SlideType | undefined;
|
|
14
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
15
|
+
content: {
|
|
16
|
+
type: import("vue").PropType<CodeBlockContent>;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
disabled: {
|
|
20
|
+
type: import("vue").PropType<boolean>;
|
|
21
|
+
};
|
|
22
|
+
isDataSource: {
|
|
23
|
+
type: import("vue").PropType<boolean>;
|
|
24
|
+
};
|
|
25
|
+
dataSourceType: {
|
|
26
|
+
type: import("vue").PropType<string>;
|
|
27
|
+
};
|
|
28
|
+
slideType: {
|
|
29
|
+
type: import("vue").PropType<import("..").SlideType>;
|
|
30
|
+
};
|
|
31
|
+
}>>, never>;
|
|
58
32
|
$attrs: {
|
|
59
33
|
[x: string]: unknown;
|
|
60
34
|
};
|
|
@@ -82,6 +56,9 @@ export declare const useDataSourceMethod: () => {
|
|
|
82
56
|
dataSourceType: {
|
|
83
57
|
type: import("vue").PropType<string>;
|
|
84
58
|
};
|
|
59
|
+
slideType: {
|
|
60
|
+
type: import("vue").PropType<import("..").SlideType>;
|
|
61
|
+
};
|
|
85
62
|
}>>, {
|
|
86
63
|
show(): void;
|
|
87
64
|
hide(): void;
|
|
@@ -119,6 +96,9 @@ export declare const useDataSourceMethod: () => {
|
|
|
119
96
|
dataSourceType: {
|
|
120
97
|
type: import("vue").PropType<string>;
|
|
121
98
|
};
|
|
99
|
+
slideType: {
|
|
100
|
+
type: import("vue").PropType<import("..").SlideType>;
|
|
101
|
+
};
|
|
122
102
|
}>> & import("vue").ShallowUnwrapRef<{
|
|
123
103
|
show(): void;
|
|
124
104
|
hide(): void;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComputedRef } from 'vue';
|
|
2
|
+
export declare const useFloatBox: (slideKeys: ComputedRef<string[]>) => {
|
|
3
|
+
showFloatBox: (key: string) => Promise<void>;
|
|
4
|
+
closeFloatBox: (key: string) => void;
|
|
5
|
+
dragstartHandler: () => boolean;
|
|
6
|
+
dragendHandler: (key: string, e: DragEvent) => void;
|
|
7
|
+
floatBoxStates: ComputedRef<Map<string, {
|
|
8
|
+
status: boolean;
|
|
9
|
+
zIndex: number;
|
|
10
|
+
top: number;
|
|
11
|
+
left: number;
|
|
12
|
+
}> | undefined>;
|
|
13
|
+
floatBox: import("vue").Ref<HTMLElement[] | undefined>;
|
|
14
|
+
showingBoxKeys: ComputedRef<string[]>;
|
|
15
|
+
};
|
package/types/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { App } from 'vue';
|
|
|
2
2
|
import type { InstallOptions } from './type';
|
|
3
3
|
import './theme/index.scss';
|
|
4
4
|
export type { OnDrag } from 'gesto';
|
|
5
|
+
export { DepTargetType } from '@tmagic/dep';
|
|
5
6
|
export type { MoveableOptions } from '@tmagic/stage';
|
|
6
7
|
export * from './type';
|
|
7
8
|
export * from './hooks';
|
|
@@ -6,70 +6,103 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
6
6
|
configForm: import("vue").Ref<({
|
|
7
7
|
$: import("vue").ComponentInternalInstance;
|
|
8
8
|
$data: {};
|
|
9
|
-
$props: {
|
|
10
|
-
config
|
|
11
|
-
initValues
|
|
12
|
-
lastValues
|
|
13
|
-
isCompare
|
|
14
|
-
keyProp
|
|
15
|
-
parentValues
|
|
16
|
-
labelWidth
|
|
17
|
-
disabled
|
|
18
|
-
stepActive
|
|
19
|
-
height
|
|
20
|
-
inline
|
|
21
|
-
labelPosition
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}>) => void)[] | undefined;
|
|
36
|
-
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
37
|
-
[key: string]: any;
|
|
38
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
39
|
-
[key: string]: any;
|
|
40
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
41
|
-
[key: string]: any;
|
|
42
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
43
|
-
[key: string]: any;
|
|
44
|
-
}>) => void)[] | undefined;
|
|
45
|
-
onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
46
|
-
[key: string]: any;
|
|
47
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
48
|
-
[key: string]: any;
|
|
49
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
50
|
-
[key: string]: any;
|
|
51
|
-
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
52
|
-
[key: string]: any;
|
|
53
|
-
}>) => void)[] | undefined;
|
|
54
|
-
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
55
|
-
[key: string]: any;
|
|
56
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
57
|
-
[key: string]: any;
|
|
58
|
-
}>) => void)[] | undefined;
|
|
59
|
-
onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
60
|
-
[key: string]: any;
|
|
61
|
-
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
62
|
-
[key: string]: any;
|
|
63
|
-
}>) => void)[] | undefined;
|
|
64
|
-
class?: unknown;
|
|
65
|
-
style?: unknown;
|
|
66
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
9
|
+
$props: Partial<{
|
|
10
|
+
config: import("@tmagic/form").FormConfig;
|
|
11
|
+
initValues: Record<string, any>;
|
|
12
|
+
lastValues: Record<string, any>;
|
|
13
|
+
isCompare: boolean;
|
|
14
|
+
keyProp: string;
|
|
15
|
+
parentValues: Record<string, any>;
|
|
16
|
+
labelWidth: string;
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
stepActive: string | number;
|
|
19
|
+
height: string;
|
|
20
|
+
inline: boolean;
|
|
21
|
+
labelPosition: string;
|
|
22
|
+
}> & Omit<{
|
|
23
|
+
readonly labelWidth: string;
|
|
24
|
+
readonly disabled: boolean;
|
|
25
|
+
readonly height: string;
|
|
26
|
+
readonly config: import("@tmagic/form").FormConfig;
|
|
27
|
+
readonly initValues: Record<string, any>;
|
|
28
|
+
readonly lastValues: Record<string, any>;
|
|
29
|
+
readonly isCompare: boolean;
|
|
30
|
+
readonly parentValues: Record<string, any>;
|
|
31
|
+
readonly stepActive: string | number;
|
|
32
|
+
readonly inline: boolean;
|
|
33
|
+
readonly labelPosition: string;
|
|
34
|
+
readonly keyProp: string;
|
|
67
35
|
readonly size?: "default" | "small" | "large" | undefined;
|
|
68
36
|
readonly popperClass?: string | undefined;
|
|
69
37
|
readonly extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
|
|
38
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
70
39
|
"onField-input"?: ((...args: any[]) => any) | undefined;
|
|
71
40
|
"onField-change"?: ((...args: any[]) => any) | undefined;
|
|
72
|
-
}
|
|
41
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
42
|
+
labelWidth: {
|
|
43
|
+
type: import("vue").PropType<string>;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
disabled: {
|
|
47
|
+
type: import("vue").PropType<boolean>;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
height: {
|
|
51
|
+
type: import("vue").PropType<string>;
|
|
52
|
+
default: string;
|
|
53
|
+
};
|
|
54
|
+
config: {
|
|
55
|
+
type: import("vue").PropType<import("@tmagic/form").FormConfig>;
|
|
56
|
+
required: true;
|
|
57
|
+
default: () => never[];
|
|
58
|
+
};
|
|
59
|
+
size: {
|
|
60
|
+
type: import("vue").PropType<"default" | "small" | "large">;
|
|
61
|
+
};
|
|
62
|
+
initValues: {
|
|
63
|
+
type: import("vue").PropType<Record<string, any>>;
|
|
64
|
+
required: true;
|
|
65
|
+
default: () => {};
|
|
66
|
+
};
|
|
67
|
+
popperClass: {
|
|
68
|
+
type: import("vue").PropType<string>;
|
|
69
|
+
};
|
|
70
|
+
extendState: {
|
|
71
|
+
type: import("vue").PropType<(state: FormState) => Record<string, any> | Promise<Record<string, any>>>;
|
|
72
|
+
};
|
|
73
|
+
lastValues: {
|
|
74
|
+
type: import("vue").PropType<Record<string, any>>;
|
|
75
|
+
default: () => {};
|
|
76
|
+
};
|
|
77
|
+
isCompare: {
|
|
78
|
+
type: import("vue").PropType<boolean>;
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
81
|
+
parentValues: {
|
|
82
|
+
type: import("vue").PropType<Record<string, any>>;
|
|
83
|
+
default: () => {};
|
|
84
|
+
};
|
|
85
|
+
stepActive: {
|
|
86
|
+
type: import("vue").PropType<string | number>;
|
|
87
|
+
default: number;
|
|
88
|
+
};
|
|
89
|
+
inline: {
|
|
90
|
+
type: import("vue").PropType<boolean>;
|
|
91
|
+
default: boolean;
|
|
92
|
+
};
|
|
93
|
+
labelPosition: {
|
|
94
|
+
type: import("vue").PropType<string>;
|
|
95
|
+
default: string;
|
|
96
|
+
};
|
|
97
|
+
keyProp: {
|
|
98
|
+
type: import("vue").PropType<string>;
|
|
99
|
+
default: string;
|
|
100
|
+
};
|
|
101
|
+
}>> & {
|
|
102
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
103
|
+
"onField-input"?: ((...args: any[]) => any) | undefined;
|
|
104
|
+
"onField-change"?: ((...args: any[]) => any) | undefined;
|
|
105
|
+
}, "labelWidth" | "disabled" | "height" | "config" | "initValues" | "lastValues" | "isCompare" | "parentValues" | "stepActive" | "inline" | "labelPosition" | "keyProp">;
|
|
73
106
|
$attrs: {
|
|
74
107
|
[x: string]: unknown;
|
|
75
108
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type { MenuButton, MenuComponent, SidebarSlots } from '../../type';
|
|
2
|
-
import { SideBarData } from '../../type';
|
|
1
|
+
import type { MenuButton, MenuComponent, SideBarData, SidebarSlots } from '../../type';
|
|
3
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
4
3
|
data: SideBarData;
|
|
5
4
|
layerContentMenu: (MenuButton | MenuComponent)[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Id } from '@tmagic/schema';
|
|
2
|
-
import { CodeBlockListSlots, CodeDeleteErrorType } from '../../../type';
|
|
2
|
+
import { type CodeBlockListSlots, CodeDeleteErrorType } from '../../../type';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
4
4
|
customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
|
|
5
5
|
}>, {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import type { Id } from '@tmagic/schema';
|
|
2
|
-
import type { CodeBlockListPanelSlots, CodeDeleteErrorType } from '../../../type';
|
|
2
|
+
import type { CodeBlockListPanelSlots, CodeDeleteErrorType, SlideType } from '../../../type';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
4
4
|
customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
|
|
5
|
+
slideType?: SlideType | undefined;
|
|
5
6
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
6
7
|
customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
|
|
8
|
+
slideType?: SlideType | undefined;
|
|
7
9
|
}>>>, {}, {}>, CodeBlockListPanelSlots>;
|
|
8
10
|
export default _default;
|
|
9
11
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import type { SlideType } from '../../../type';
|
|
1
2
|
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
2
3
|
title?: string | undefined;
|
|
3
4
|
values: any;
|
|
4
5
|
disabled: boolean;
|
|
6
|
+
slideType?: SlideType | undefined;
|
|
5
7
|
}>, {
|
|
6
8
|
show(): void;
|
|
7
9
|
hide(): void;
|
|
@@ -9,6 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
|
|
|
9
11
|
title?: string | undefined;
|
|
10
12
|
values: any;
|
|
11
13
|
disabled: boolean;
|
|
14
|
+
slideType?: SlideType | undefined;
|
|
12
15
|
}>>> & {
|
|
13
16
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
14
17
|
}, {}, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { DataSourceListSlots } from '../../../type';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
|
|
3
3
|
filter(val: string): void;
|
|
4
4
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, DataSourceListSlots>;
|
|
@@ -1,6 +1,19 @@
|
|
|
1
|
-
import type { DataSourceListSlots } from '../../../type';
|
|
2
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<
|
|
1
|
+
import type { DataSourceListSlots, SlideType } from '../../../type';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
slideType?: SlideType | undefined;
|
|
4
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
5
|
+
slideType?: SlideType | undefined;
|
|
6
|
+
}>>>, {}, {}>, DataSourceListSlots>;
|
|
3
7
|
export default _default;
|
|
8
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
9
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
10
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
11
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
12
|
+
} : {
|
|
13
|
+
type: import('vue').PropType<T[K]>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
4
17
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
5
18
|
new (): {
|
|
6
19
|
$slots: S;
|