amis-editor-core 5.5.0 → 5.6.1
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/esm/component/AsyncLayer.d.ts +9 -0
- package/esm/component/Breadcrumb.d.ts +1 -1
- package/esm/component/ClassNameControl.d.ts +4 -4
- package/esm/component/ContainerWrapper.d.ts +1 -1
- package/esm/component/Editor.d.ts +6 -3
- package/esm/component/HighlightBox.d.ts +1 -1
- package/esm/component/IFramePreview.d.ts +19 -27
- package/esm/component/MiniEditor.d.ts +2 -1
- package/esm/component/Panel/AMisCodeEditor.d.ts +1 -1
- package/esm/component/Panel/AvailableRenderersPanel.d.ts +1 -1
- package/esm/component/Panel/CodeEditorPanel.d.ts +1 -1
- package/esm/component/Panel/ContextMenuPanel.d.ts +1 -1
- package/esm/component/Panel/DrawerPanel.d.ts +1 -1
- package/esm/component/Panel/DrawerRendererPanel.d.ts +1 -1
- package/esm/component/Panel/InsertSubRendererPanel.d.ts +1 -1
- package/esm/component/Panel/LeftPanels.d.ts +1 -1
- package/esm/component/Panel/Outline.d.ts +9 -3
- package/esm/component/Panel/RenderersPanel.d.ts +1 -1
- package/esm/component/Panel/RightPanels.d.ts +1 -1
- package/esm/component/Panel/TargetNamePanel.d.ts +1 -1
- package/esm/component/PopOverForm.d.ts +1 -1
- package/esm/component/Preview.d.ts +2 -2
- package/esm/component/RegionHLBox.d.ts +1 -1
- package/esm/component/RegionWrapper.d.ts +30 -2
- package/esm/component/RendererThumb.d.ts +1 -1
- package/esm/component/ScaffoldModal.d.ts +1 -1
- package/esm/component/SubEditor.d.ts +2 -2
- package/esm/component/VRenderer.d.ts +39 -31
- package/esm/component/base/BackTop.d.ts +1 -1
- package/esm/component/base/ErrorRenderer.d.ts +1 -1
- package/esm/component/base/SearchCustomRendererPanel.d.ts +1 -1
- package/esm/component/base/SearchPanel.d.ts +2 -2
- package/esm/component/base/SearchRendererPanel.d.ts +1 -1
- package/esm/component/base/ShortcutKey.d.ts +1 -1
- package/esm/component/base/WidthDraggableBtn.d.ts +1 -1
- package/esm/component/factory.d.ts +2 -1
- package/esm/index.d.ts +2 -4
- package/esm/index.js +2 -2
- package/esm/manager.d.ts +36 -5
- package/esm/plugin/DataDebug.d.ts +5 -5
- package/esm/plugin.d.ts +37 -4
- package/esm/store/editor.d.ts +137 -0
- package/esm/store/node.d.ts +24 -0
- package/esm/util.d.ts +30 -9
- package/lib/component/AsyncLayer.d.ts +9 -0
- package/lib/component/Breadcrumb.d.ts +1 -1
- package/lib/component/ClassNameControl.d.ts +4 -4
- package/lib/component/ContainerWrapper.d.ts +1 -1
- package/lib/component/Editor.d.ts +6 -3
- package/lib/component/HighlightBox.d.ts +1 -1
- package/lib/component/IFramePreview.d.ts +19 -27
- package/lib/component/MiniEditor.d.ts +2 -1
- package/lib/component/Panel/AMisCodeEditor.d.ts +1 -1
- package/lib/component/Panel/AvailableRenderersPanel.d.ts +1 -1
- package/lib/component/Panel/CodeEditorPanel.d.ts +1 -1
- package/lib/component/Panel/ContextMenuPanel.d.ts +1 -1
- package/lib/component/Panel/DrawerPanel.d.ts +1 -1
- package/lib/component/Panel/DrawerRendererPanel.d.ts +1 -1
- package/lib/component/Panel/InsertSubRendererPanel.d.ts +1 -1
- package/lib/component/Panel/LeftPanels.d.ts +1 -1
- package/lib/component/Panel/Outline.d.ts +9 -3
- package/lib/component/Panel/RenderersPanel.d.ts +1 -1
- package/lib/component/Panel/RightPanels.d.ts +1 -1
- package/lib/component/Panel/TargetNamePanel.d.ts +1 -1
- package/lib/component/PopOverForm.d.ts +1 -1
- package/lib/component/Preview.d.ts +2 -2
- package/lib/component/RegionHLBox.d.ts +1 -1
- package/lib/component/RegionWrapper.d.ts +30 -2
- package/lib/component/RendererThumb.d.ts +1 -1
- package/lib/component/ScaffoldModal.d.ts +1 -1
- package/lib/component/SubEditor.d.ts +2 -2
- package/lib/component/VRenderer.d.ts +39 -31
- package/lib/component/base/BackTop.d.ts +1 -1
- package/lib/component/base/ErrorRenderer.d.ts +1 -1
- package/lib/component/base/SearchCustomRendererPanel.d.ts +1 -1
- package/lib/component/base/SearchPanel.d.ts +2 -2
- package/lib/component/base/SearchRendererPanel.d.ts +1 -1
- package/lib/component/base/ShortcutKey.d.ts +1 -1
- package/lib/component/base/WidthDraggableBtn.d.ts +1 -1
- package/lib/component/factory.d.ts +2 -1
- package/lib/editor.js +1 -1
- package/lib/index.d.ts +2 -4
- package/lib/index.js +2 -2
- package/lib/manager.d.ts +36 -5
- package/lib/plugin/DataDebug.d.ts +5 -5
- package/lib/plugin.d.ts +37 -4
- package/lib/store/editor.d.ts +137 -0
- package/lib/store/node.d.ts +24 -0
- package/lib/style.css +1 -1
- package/lib/util.d.ts +30 -9
- package/package.json +3 -1
- package/static/indication.png +0 -0
- package/static/nav-mode.png +0 -0
- package/esm/builder/ApiBuilder.d.ts +0 -4
- package/esm/builder/DSBuilder.d.ts +0 -253
- package/esm/component/IFrameBridge.d.ts +0 -30
- package/lib/builder/ApiBuilder.d.ts +0 -4
- package/lib/builder/DSBuilder.d.ts +0 -253
- package/lib/component/IFrameBridge.d.ts +0 -30
- package/static/nav-mode.gif +0 -0
package/esm/store/node.d.ts
CHANGED
|
@@ -27,6 +27,8 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
|
|
|
27
27
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
28
28
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
29
29
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
30
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
31
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
30
32
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>;
|
|
31
33
|
}, {
|
|
32
34
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -87,6 +89,8 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
|
|
|
87
89
|
y: number;
|
|
88
90
|
w: number;
|
|
89
91
|
h: number;
|
|
92
|
+
dialogTitle: string;
|
|
93
|
+
dialogType: string;
|
|
90
94
|
children: import("mobx-state-tree").IMSTArray<IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>>;
|
|
91
95
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
92
96
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -145,6 +149,8 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
|
|
|
145
149
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
146
150
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
147
151
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
152
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
153
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
148
154
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>;
|
|
149
155
|
}, {
|
|
150
156
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -194,6 +200,8 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
|
|
|
194
200
|
getData?: () => any;
|
|
195
201
|
preferTag?: string;
|
|
196
202
|
schemaPath?: string;
|
|
203
|
+
dialogTitle?: string;
|
|
204
|
+
dialogType?: string;
|
|
197
205
|
regionInfo?: RegionConfig;
|
|
198
206
|
widthMutable?: boolean;
|
|
199
207
|
memberIndex?: number;
|
|
@@ -238,6 +246,8 @@ export declare const EditorNodeContext: React.Context<({
|
|
|
238
246
|
y: number;
|
|
239
247
|
w: number;
|
|
240
248
|
h: number;
|
|
249
|
+
dialogTitle: string;
|
|
250
|
+
dialogType: string;
|
|
241
251
|
children: import("mobx-state-tree").IMSTArray<IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>>;
|
|
242
252
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
243
253
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -298,6 +308,8 @@ export declare const EditorNodeContext: React.Context<({
|
|
|
298
308
|
y: number;
|
|
299
309
|
w: number;
|
|
300
310
|
h: number;
|
|
311
|
+
dialogTitle: string;
|
|
312
|
+
dialogType: string;
|
|
301
313
|
children: import("mobx-state-tree").IMSTArray<IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>>;
|
|
302
314
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
303
315
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -356,6 +368,8 @@ export declare const EditorNodeContext: React.Context<({
|
|
|
356
368
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
357
369
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
358
370
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
371
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
372
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
359
373
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>;
|
|
360
374
|
}, {
|
|
361
375
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -405,6 +419,8 @@ export declare const EditorNodeContext: React.Context<({
|
|
|
405
419
|
getData?: () => any;
|
|
406
420
|
preferTag?: string;
|
|
407
421
|
schemaPath?: string;
|
|
422
|
+
dialogTitle?: string;
|
|
423
|
+
dialogType?: string;
|
|
408
424
|
regionInfo?: RegionConfig;
|
|
409
425
|
widthMutable?: boolean;
|
|
410
426
|
memberIndex?: number;
|
|
@@ -448,6 +464,8 @@ export declare const EditorNodeContext: React.Context<({
|
|
|
448
464
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
449
465
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
450
466
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
467
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
468
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
451
469
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>;
|
|
452
470
|
}, {
|
|
453
471
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -508,6 +526,8 @@ export declare const EditorNodeContext: React.Context<({
|
|
|
508
526
|
y: number;
|
|
509
527
|
w: number;
|
|
510
528
|
h: number;
|
|
529
|
+
dialogTitle: string;
|
|
530
|
+
dialogType: string;
|
|
511
531
|
children: import("mobx-state-tree").IMSTArray<IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>>;
|
|
512
532
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
513
533
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -566,6 +586,8 @@ export declare const EditorNodeContext: React.Context<({
|
|
|
566
586
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
567
587
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
568
588
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
589
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
590
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
569
591
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<IAnyModelType>, [undefined]>;
|
|
570
592
|
}, {
|
|
571
593
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -615,6 +637,8 @@ export declare const EditorNodeContext: React.Context<({
|
|
|
615
637
|
getData?: () => any;
|
|
616
638
|
preferTag?: string;
|
|
617
639
|
schemaPath?: string;
|
|
640
|
+
dialogTitle?: string;
|
|
641
|
+
dialogType?: string;
|
|
618
642
|
regionInfo?: RegionConfig;
|
|
619
643
|
widthMutable?: boolean;
|
|
620
644
|
memberIndex?: number;
|
package/esm/util.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="lodash" />
|
|
2
2
|
import type { Schema } from 'amis';
|
|
3
|
+
import { Diff } from 'deep-diff';
|
|
3
4
|
declare const guid: any, omitControls: any, isObjectShallowModified: any, cloneObject: any, anyChanged: any, noop: any, makeHorizontalDeeper: any, isEmpty: any, eachTree: any, createObject: any;
|
|
4
5
|
export { guid, isObjectShallowModified, anyChanged, noop, makeHorizontalDeeper, omitControls, isEmpty, cloneObject, eachTree, createObject };
|
|
5
6
|
export declare let themeConfig: any;
|
|
@@ -11,12 +12,8 @@ export declare function cleanUndefined(obj: any): any;
|
|
|
11
12
|
* 给每个节点加个 $$id 这样方便编辑
|
|
12
13
|
* @param obj
|
|
13
14
|
*/
|
|
14
|
-
export declare function JSONPipeIn(obj: any): any;
|
|
15
|
+
export declare function JSONPipeIn(obj: any, generateId?: boolean): any;
|
|
15
16
|
export declare function JSONPipeOut(obj: any, filterHiddenProps?: boolean | ((key: string, prop: any) => boolean)): any;
|
|
16
|
-
/**
|
|
17
|
-
* 如果存在themeCss属性,则给对应的className加上name
|
|
18
|
-
*/
|
|
19
|
-
export declare function addStyleClassName(obj: Schema): Schema;
|
|
20
17
|
export declare function JSONGetByPath(json: any, paths: Array<string>, stacks?: Array<any>): any;
|
|
21
18
|
export declare function JSONGetPathById(json: any, id: string, idKey?: string): Array<string> | null;
|
|
22
19
|
export declare function JSONGetById(json: any, id: string, idKey?: string): any;
|
|
@@ -54,7 +51,7 @@ export declare function filterSchemaForConfig(schema: any, valueWithConfig?: any
|
|
|
54
51
|
*/
|
|
55
52
|
export declare function filterSchemaForEditor(schema: any): any;
|
|
56
53
|
export declare function blackList(list: Array<string>): (str: string) => boolean;
|
|
57
|
-
export declare function sortByList(list: Array<string>, attr: string | Function): (a: any, b: any) =>
|
|
54
|
+
export declare function sortByList(list: Array<string>, attr: string | Function): (a: any, b: any) => 1 | -1 | 0;
|
|
58
55
|
export declare function persistGet(key: string, defaultValue?: any): any;
|
|
59
56
|
export declare function persistSet(key: string, value: any): void;
|
|
60
57
|
export declare function normalizeId(id: string): string;
|
|
@@ -119,8 +116,14 @@ export declare function appTranslate(value?: string): any;
|
|
|
119
116
|
*/
|
|
120
117
|
export declare function needFillPlaceholder(curProps: any): boolean;
|
|
121
118
|
export declare function setThemeConfig(config: any): void;
|
|
122
|
-
export declare function
|
|
123
|
-
|
|
119
|
+
export declare function getThemeConfig(): any;
|
|
120
|
+
/**
|
|
121
|
+
* 将style转换为组件ThemeCSS格式
|
|
122
|
+
*
|
|
123
|
+
* @param data - 组件schema
|
|
124
|
+
* @returns 处理后的数据
|
|
125
|
+
*/
|
|
126
|
+
export declare function style2ThemeCss(data: any): any;
|
|
124
127
|
/**
|
|
125
128
|
* 从amis数据域中取变量数据
|
|
126
129
|
* @param node
|
|
@@ -139,3 +142,21 @@ export declare function getVariables(that: any): Promise<any>;
|
|
|
139
142
|
* @returns
|
|
140
143
|
*/
|
|
141
144
|
export declare const updateComponentContext: (variables: any[]) => any[];
|
|
145
|
+
/**
|
|
146
|
+
* dom 滚动到可见区域
|
|
147
|
+
* @param selector dom 选择器
|
|
148
|
+
*/
|
|
149
|
+
export declare const scrollToActive: import("lodash").DebouncedFunc<(selector: string) => void>;
|
|
150
|
+
/**
|
|
151
|
+
* 获取弹窗事件
|
|
152
|
+
* @param schema 遍历的schema
|
|
153
|
+
* @param listType 列表形式,弹窗list或label value形式的数据源
|
|
154
|
+
* @param filterId 要过滤弹窗的id
|
|
155
|
+
*/
|
|
156
|
+
export declare const getDialogActions: (schema: Schema, listType: 'list' | 'source', filterId?: string) => any[];
|
|
157
|
+
/**
|
|
158
|
+
* 获取弹窗的类型,来源于事件或definitions,由于历史数据可能没有type: dialog,在这里兼容一下
|
|
159
|
+
* @param json
|
|
160
|
+
* @param previewDialogId
|
|
161
|
+
*/
|
|
162
|
+
export declare const getFixDialogType: (json: Schema, dialogId: string) => any;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file AsyncLayer.tsx
|
|
3
|
+
* @desc 异步加载层
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface AsyncLayerOptions {
|
|
7
|
+
fallback?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const makeAsyncLayer: (schemaBuilderFn: () => Promise<any>, options?: AsyncLayerOptions) => (props: any) => React.JSX.Element;
|
|
@@ -28,6 +28,6 @@ export default class Breadcrumb extends React.Component<BreadcrumbProps, Breadcr
|
|
|
28
28
|
handleScrollToRight(): void;
|
|
29
29
|
handleClick(e: React.MouseEvent<HTMLAnchorElement>): void;
|
|
30
30
|
handleMouseEnter(e: React.MouseEvent<HTMLAnchorElement>): void;
|
|
31
|
-
render(): JSX.Element;
|
|
31
|
+
render(): React.JSX.Element;
|
|
32
32
|
}
|
|
33
33
|
export {};
|
|
@@ -23,9 +23,9 @@ export declare class ClassNameControl extends React.Component<ClassNameControlPr
|
|
|
23
23
|
getParent(): Element | Text | null;
|
|
24
24
|
getTarget(): HTMLElement;
|
|
25
25
|
handlePopOverChange(option: any): void;
|
|
26
|
-
renderGroup(option: any, index: number): JSX.Element;
|
|
27
|
-
renderOptions(options: Array<any>, index: number): JSX.Element[];
|
|
28
|
-
renderPopover(): JSX.Element;
|
|
29
|
-
render(): JSX.Element;
|
|
26
|
+
renderGroup(option: any, index: number): React.JSX.Element;
|
|
27
|
+
renderOptions(options: Array<any>, index: number): React.JSX.Element[];
|
|
28
|
+
renderPopover(): React.JSX.Element;
|
|
29
|
+
render(): React.JSX.Element;
|
|
30
30
|
}
|
|
31
31
|
export {};
|
|
@@ -25,12 +25,14 @@ export interface EditorProps extends PluginEventListener {
|
|
|
25
25
|
amisDocHost?: string;
|
|
26
26
|
superEditorData?: any;
|
|
27
27
|
withSuperDataSchema?: boolean;
|
|
28
|
+
/** 当前 Editor 为 SubEditor 时触发的宿主节点 */
|
|
29
|
+
hostNode?: EditorNodeType;
|
|
28
30
|
dataBindingChange?: (value: string, data: any, manager?: EditorManager) => void;
|
|
29
31
|
/**
|
|
30
32
|
* Preview 预览前可以修改配置。
|
|
31
33
|
* 比如把api地址替换成 proxy 地址。
|
|
32
34
|
*/
|
|
33
|
-
schemaFilter?: (schema: any,
|
|
35
|
+
schemaFilter?: (schema: any, isPreview?: boolean) => any;
|
|
34
36
|
amisEnv?: RenderOptions;
|
|
35
37
|
/**
|
|
36
38
|
* 上下文数据,设置后,面板和脚手架表单里面可以取到这些值。
|
|
@@ -51,7 +53,6 @@ export interface EditorProps extends PluginEventListener {
|
|
|
51
53
|
* 传给预览器的其他属性
|
|
52
54
|
*/
|
|
53
55
|
previewProps?: any;
|
|
54
|
-
iframeUrl?: string;
|
|
55
56
|
isHiddenProps?: (key: string) => boolean;
|
|
56
57
|
/**
|
|
57
58
|
* 事件动作面板相关配置
|
|
@@ -82,6 +83,8 @@ export interface EditorProps extends PluginEventListener {
|
|
|
82
83
|
node?: EditorNodeType;
|
|
83
84
|
manager?: EditorManager;
|
|
84
85
|
}) => Promise<void | boolean>;
|
|
86
|
+
getHostNodeDataSchema?: () => Promise<any>;
|
|
87
|
+
getAvaiableContextFields?: (node: EditorNodeType) => Promise<any>;
|
|
85
88
|
}
|
|
86
89
|
export default class Editor extends Component<EditorProps> {
|
|
87
90
|
readonly store: EditorStoreType;
|
|
@@ -119,5 +122,5 @@ export default class Editor extends Component<EditorProps> {
|
|
|
119
122
|
*/
|
|
120
123
|
paste(): void;
|
|
121
124
|
getToolbarContainer(): HTMLDivElement | null;
|
|
122
|
-
render(): JSX.Element;
|
|
125
|
+
render(): React.JSX.Element;
|
|
123
126
|
}
|
|
@@ -1,37 +1,29 @@
|
|
|
1
|
+
import { EditorStoreType } from '../store/editor';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { EditorManager } from '../manager';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
/**
|
|
5
|
+
* 这个用了 observer,所以能最小程度的刷新,数据不变按理是不会刷新的。
|
|
6
|
+
*/
|
|
6
7
|
export interface IFramePreviewProps {
|
|
7
|
-
className: string;
|
|
8
8
|
editable?: boolean;
|
|
9
|
-
isMobile?: boolean;
|
|
10
|
-
schema: any;
|
|
11
|
-
theme?: string;
|
|
12
|
-
store: EditorStoreType;
|
|
13
|
-
manager: EditorManager;
|
|
14
9
|
autoFocus?: boolean;
|
|
10
|
+
store: EditorStoreType;
|
|
11
|
+
env: any;
|
|
15
12
|
data?: any;
|
|
16
|
-
|
|
13
|
+
manager: EditorManager;
|
|
14
|
+
/** 应用语言类型 */
|
|
15
|
+
appLocale?: string;
|
|
17
16
|
}
|
|
18
17
|
export default class IFramePreview extends React.Component<IFramePreviewProps> {
|
|
19
|
-
|
|
18
|
+
initialContent: string;
|
|
19
|
+
dialogMountRef: React.RefObject<HTMLDivElement>;
|
|
20
|
+
iframeRef: HTMLIFrameElement;
|
|
21
|
+
constructor(props: IFramePreviewProps);
|
|
20
22
|
componentDidMount(): void;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
handleMouseMove(e: MouseEvent): void;
|
|
28
|
-
handleMouseLeave(): void;
|
|
29
|
-
handeMouseOver(e: MouseEvent): void;
|
|
30
|
-
handleDragEnter(e: React.DragEvent): void;
|
|
31
|
-
handleDragLeave(e: React.DragEvent): void;
|
|
32
|
-
handleDragOver(e: React.DragEvent): void;
|
|
33
|
-
handleDrop(e: React.DragEvent): void;
|
|
34
|
-
handleContextMenu(e: React.MouseEvent<HTMLElement>): void;
|
|
35
|
-
rendererResolver(path: string, schema: Schema, props: any): RendererConfig;
|
|
36
|
-
render(): JSX.Element;
|
|
23
|
+
iframeRefFunc(iframe: any): void;
|
|
24
|
+
getModalContainer(): HTMLElement;
|
|
25
|
+
isMobile(): boolean;
|
|
26
|
+
getDialogMountRef(): HTMLDivElement | null;
|
|
27
|
+
iframeContentDidMount(): void;
|
|
28
|
+
render(): React.JSX.Element;
|
|
37
29
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import Editor, { EditorProps } from './Editor';
|
|
2
3
|
import { BaseEventContext, PluginEvent } from '../plugin';
|
|
3
4
|
export default class MiniEditor extends Editor {
|
|
4
5
|
constructor(props: EditorProps);
|
|
5
6
|
componentWillUnmount(): void;
|
|
6
7
|
buildPanels(event: PluginEvent<BaseEventContext>): void;
|
|
7
|
-
render(): JSX.Element;
|
|
8
|
+
render(): React.JSX.Element;
|
|
8
9
|
}
|
|
@@ -33,5 +33,5 @@ export default class AMisCodeEditor extends React.Component<AMisCodeEditorProps>
|
|
|
33
33
|
editorWillUnmount: (editor: any, monaco: any) => void;
|
|
34
34
|
handleChange: (value: string) => void;
|
|
35
35
|
handleBlur: () => Promise<void>;
|
|
36
|
-
render(): JSX.Element;
|
|
36
|
+
render(): React.JSX.Element;
|
|
37
37
|
}
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PanelProps } from '../../plugin';
|
|
3
3
|
import { EditorNodeType } from '../../store/node';
|
|
4
|
+
import type { Schema } from 'amis';
|
|
4
5
|
export declare class OutlinePanel extends React.Component<PanelProps> {
|
|
5
6
|
state: {
|
|
6
7
|
curSearchElemKey: string;
|
|
7
8
|
};
|
|
8
9
|
handleClick(e: React.MouseEvent<HTMLAnchorElement>): void;
|
|
10
|
+
handleDialogNodeClick(e: React.MouseEvent<HTMLAnchorElement>, option: Schema): void;
|
|
9
11
|
handleEnter(e: React.MouseEvent): void;
|
|
12
|
+
handleTabChange(key: string): void;
|
|
10
13
|
handleDragStart(e: React.DragEvent): void;
|
|
11
14
|
handleDragOver(e: React.DragEvent): void;
|
|
12
15
|
handleDrop(e: React.DragEvent): void;
|
|
13
16
|
handleSearchElemKeyChange(searchVal: string): void;
|
|
14
17
|
clearSearchElemKey(): void;
|
|
15
|
-
renderTitleByKeyword(rendererTitle: string, curSearchTitle: string): string | JSX.Element;
|
|
16
|
-
renderItem(option: EditorNodeType, index: number): JSX.Element | null;
|
|
17
|
-
|
|
18
|
+
renderTitleByKeyword(rendererTitle: string, curSearchTitle: string): string | React.JSX.Element;
|
|
19
|
+
renderItem(option: EditorNodeType, index: number, type?: 'dialog' | 'dialogView'): React.JSX.Element | null;
|
|
20
|
+
getDialogNodeLabel(option: EditorNodeType, type?: 'dialog' | 'dialogView'): string;
|
|
21
|
+
getDialogLabel(option: any, isNode: boolean, title?: 'title' | 'dialogTitle'): string;
|
|
22
|
+
renderDialogItem(option: any, index: number): React.JSX.Element | null;
|
|
23
|
+
render(): React.JSX.Element;
|
|
18
24
|
}
|
|
@@ -26,6 +26,6 @@ export default class RenderersPanel extends React.Component<PanelProps, PanelSta
|
|
|
26
26
|
handleClick(e: React.MouseEvent): void;
|
|
27
27
|
changeCollapseFoldStatus(tagKey: string, event: any): void;
|
|
28
28
|
renderThumb(schema: any): any;
|
|
29
|
-
render(): JSX.Element;
|
|
29
|
+
render(): React.JSX.Element;
|
|
30
30
|
}
|
|
31
31
|
export {};
|
|
@@ -18,6 +18,6 @@ export declare class RightPanels extends React.Component<RightPanelsProps, Right
|
|
|
18
18
|
handleSelect(key: string): void;
|
|
19
19
|
handleHidden(): void;
|
|
20
20
|
getPopOverContainer(): HTMLElement;
|
|
21
|
-
render(): JSX.Element | null;
|
|
21
|
+
render(): React.JSX.Element | null;
|
|
22
22
|
}
|
|
23
23
|
export {};
|
|
@@ -3,5 +3,5 @@ import { PanelProps } from '../../plugin';
|
|
|
3
3
|
export declare class TargetNamePanel extends React.Component<PanelProps> {
|
|
4
4
|
handleClick(e: React.MouseEvent<HTMLElement>): void;
|
|
5
5
|
handleEnter(e: React.MouseEvent<HTMLElement>): void;
|
|
6
|
-
render(): JSX.Element;
|
|
6
|
+
render(): React.JSX.Element;
|
|
7
7
|
}
|
|
@@ -14,7 +14,6 @@ export interface PreviewProps {
|
|
|
14
14
|
store: EditorStoreType;
|
|
15
15
|
manager: EditorManager;
|
|
16
16
|
data?: any;
|
|
17
|
-
iframeUrl?: string;
|
|
18
17
|
autoFocus?: boolean;
|
|
19
18
|
toolbarContainer?: () => any;
|
|
20
19
|
}
|
|
@@ -23,6 +22,7 @@ export interface PreviewState {
|
|
|
23
22
|
}
|
|
24
23
|
export default class Preview extends Component<PreviewProps> {
|
|
25
24
|
currentDom: HTMLElement;
|
|
25
|
+
dialogReaction: any;
|
|
26
26
|
env: RenderOptions;
|
|
27
27
|
doingSelection: boolean;
|
|
28
28
|
componentDidMount(): void;
|
|
@@ -54,7 +54,7 @@ export default class Preview extends Component<PreviewProps> {
|
|
|
54
54
|
handleDrop(e: React.DragEvent): void;
|
|
55
55
|
getCurrentTarget(): HTMLDivElement;
|
|
56
56
|
rendererResolver(path: string, schema: Schema, props: any): RendererConfig;
|
|
57
|
-
render(): JSX.Element;
|
|
57
|
+
render(): React.JSX.Element;
|
|
58
58
|
}
|
|
59
59
|
/**
|
|
60
60
|
* 这个用了 observer,所以能最小程度的刷新,数据不变按理是不会刷新的。
|
|
@@ -6,7 +6,7 @@ import { EditorNodeType } from '../store/node';
|
|
|
6
6
|
export interface RegionWrapperProps {
|
|
7
7
|
name: string;
|
|
8
8
|
label: string;
|
|
9
|
-
placeholder?: string;
|
|
9
|
+
placeholder?: string | JSX.Element;
|
|
10
10
|
preferTag?: string;
|
|
11
11
|
wrapperResolve?: (dom: HTMLElement) => HTMLElement;
|
|
12
12
|
editorStore: EditorStoreType;
|
|
@@ -44,6 +44,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
44
44
|
y: number;
|
|
45
45
|
w: number;
|
|
46
46
|
h: number;
|
|
47
|
+
dialogTitle: string;
|
|
48
|
+
dialogType: string;
|
|
47
49
|
children: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>>;
|
|
48
50
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
49
51
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -103,6 +105,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
103
105
|
y: number;
|
|
104
106
|
w: number;
|
|
105
107
|
h: number;
|
|
108
|
+
dialogTitle: string;
|
|
109
|
+
dialogType: string;
|
|
106
110
|
children: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>>;
|
|
107
111
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
108
112
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -161,6 +165,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
161
165
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
162
166
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
163
167
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
168
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
169
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
164
170
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
|
|
165
171
|
}, {
|
|
166
172
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -220,6 +226,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
220
226
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
221
227
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
222
228
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
229
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
230
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
223
231
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
|
|
224
232
|
}>>) => Boolean) => {
|
|
225
233
|
parentId: string;
|
|
@@ -243,6 +251,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
243
251
|
y: number;
|
|
244
252
|
w: number;
|
|
245
253
|
h: number;
|
|
254
|
+
dialogTitle: string;
|
|
255
|
+
dialogType: string;
|
|
246
256
|
children: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>>;
|
|
247
257
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
248
258
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -301,6 +311,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
301
311
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
302
312
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
303
313
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
314
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
315
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
304
316
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
|
|
305
317
|
}, {
|
|
306
318
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -350,6 +362,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
350
362
|
getData?: (() => any) | undefined;
|
|
351
363
|
preferTag?: string | undefined;
|
|
352
364
|
schemaPath?: string | undefined;
|
|
365
|
+
dialogTitle?: string | undefined;
|
|
366
|
+
dialogType?: string | undefined;
|
|
353
367
|
regionInfo?: RegionConfig | undefined;
|
|
354
368
|
widthMutable?: boolean | undefined;
|
|
355
369
|
memberIndex?: number | undefined;
|
|
@@ -388,6 +402,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
388
402
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
389
403
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
390
404
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
405
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
406
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
391
407
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
|
|
392
408
|
}, {
|
|
393
409
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -447,6 +463,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
447
463
|
y: number;
|
|
448
464
|
w: number;
|
|
449
465
|
h: number;
|
|
466
|
+
dialogTitle: string;
|
|
467
|
+
dialogType: string;
|
|
450
468
|
children: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>>;
|
|
451
469
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
452
470
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -505,6 +523,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
505
523
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
506
524
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
507
525
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
526
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
527
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
508
528
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
|
|
509
529
|
}, {
|
|
510
530
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -564,6 +584,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
564
584
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
565
585
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
566
586
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
587
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
588
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
567
589
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
|
|
568
590
|
}>>) => Boolean) => {
|
|
569
591
|
parentId: string;
|
|
@@ -587,6 +609,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
587
609
|
y: number;
|
|
588
610
|
w: number;
|
|
589
611
|
h: number;
|
|
612
|
+
dialogTitle: string;
|
|
613
|
+
dialogType: string;
|
|
590
614
|
children: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>>;
|
|
591
615
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
592
616
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -645,6 +669,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
645
669
|
y: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
646
670
|
w: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
647
671
|
h: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
672
|
+
dialogTitle: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
673
|
+
dialogType: import("mobx-state-tree").IType<string | undefined, string, string>;
|
|
648
674
|
children: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>, [undefined]>;
|
|
649
675
|
}, {
|
|
650
676
|
getData: import("mobx-state-tree").IType<() => any, () => any, () => any>;
|
|
@@ -694,6 +720,8 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
694
720
|
getData?: (() => any) | undefined;
|
|
695
721
|
preferTag?: string | undefined;
|
|
696
722
|
schemaPath?: string | undefined;
|
|
723
|
+
dialogTitle?: string | undefined;
|
|
724
|
+
dialogType?: string | undefined;
|
|
697
725
|
regionInfo?: RegionConfig | undefined;
|
|
698
726
|
widthMutable?: boolean | undefined;
|
|
699
727
|
memberIndex?: number | undefined;
|
|
@@ -721,5 +749,5 @@ export declare class RegionWrapper extends React.Component<RegionWrapperProps> {
|
|
|
721
749
|
* 弄点标记
|
|
722
750
|
*/
|
|
723
751
|
markDom(id: string, region: string, rendererName?: string): void;
|
|
724
|
-
render(): JSX.Element;
|
|
752
|
+
render(): React.JSX.Element;
|
|
725
753
|
}
|