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.
Files changed (100) hide show
  1. package/esm/component/AsyncLayer.d.ts +9 -0
  2. package/esm/component/Breadcrumb.d.ts +1 -1
  3. package/esm/component/ClassNameControl.d.ts +4 -4
  4. package/esm/component/ContainerWrapper.d.ts +1 -1
  5. package/esm/component/Editor.d.ts +6 -3
  6. package/esm/component/HighlightBox.d.ts +1 -1
  7. package/esm/component/IFramePreview.d.ts +19 -27
  8. package/esm/component/MiniEditor.d.ts +2 -1
  9. package/esm/component/Panel/AMisCodeEditor.d.ts +1 -1
  10. package/esm/component/Panel/AvailableRenderersPanel.d.ts +1 -1
  11. package/esm/component/Panel/CodeEditorPanel.d.ts +1 -1
  12. package/esm/component/Panel/ContextMenuPanel.d.ts +1 -1
  13. package/esm/component/Panel/DrawerPanel.d.ts +1 -1
  14. package/esm/component/Panel/DrawerRendererPanel.d.ts +1 -1
  15. package/esm/component/Panel/InsertSubRendererPanel.d.ts +1 -1
  16. package/esm/component/Panel/LeftPanels.d.ts +1 -1
  17. package/esm/component/Panel/Outline.d.ts +9 -3
  18. package/esm/component/Panel/RenderersPanel.d.ts +1 -1
  19. package/esm/component/Panel/RightPanels.d.ts +1 -1
  20. package/esm/component/Panel/TargetNamePanel.d.ts +1 -1
  21. package/esm/component/PopOverForm.d.ts +1 -1
  22. package/esm/component/Preview.d.ts +2 -2
  23. package/esm/component/RegionHLBox.d.ts +1 -1
  24. package/esm/component/RegionWrapper.d.ts +30 -2
  25. package/esm/component/RendererThumb.d.ts +1 -1
  26. package/esm/component/ScaffoldModal.d.ts +1 -1
  27. package/esm/component/SubEditor.d.ts +2 -2
  28. package/esm/component/VRenderer.d.ts +39 -31
  29. package/esm/component/base/BackTop.d.ts +1 -1
  30. package/esm/component/base/ErrorRenderer.d.ts +1 -1
  31. package/esm/component/base/SearchCustomRendererPanel.d.ts +1 -1
  32. package/esm/component/base/SearchPanel.d.ts +2 -2
  33. package/esm/component/base/SearchRendererPanel.d.ts +1 -1
  34. package/esm/component/base/ShortcutKey.d.ts +1 -1
  35. package/esm/component/base/WidthDraggableBtn.d.ts +1 -1
  36. package/esm/component/factory.d.ts +2 -1
  37. package/esm/index.d.ts +2 -4
  38. package/esm/index.js +2 -2
  39. package/esm/manager.d.ts +36 -5
  40. package/esm/plugin/DataDebug.d.ts +5 -5
  41. package/esm/plugin.d.ts +37 -4
  42. package/esm/store/editor.d.ts +137 -0
  43. package/esm/store/node.d.ts +24 -0
  44. package/esm/util.d.ts +30 -9
  45. package/lib/component/AsyncLayer.d.ts +9 -0
  46. package/lib/component/Breadcrumb.d.ts +1 -1
  47. package/lib/component/ClassNameControl.d.ts +4 -4
  48. package/lib/component/ContainerWrapper.d.ts +1 -1
  49. package/lib/component/Editor.d.ts +6 -3
  50. package/lib/component/HighlightBox.d.ts +1 -1
  51. package/lib/component/IFramePreview.d.ts +19 -27
  52. package/lib/component/MiniEditor.d.ts +2 -1
  53. package/lib/component/Panel/AMisCodeEditor.d.ts +1 -1
  54. package/lib/component/Panel/AvailableRenderersPanel.d.ts +1 -1
  55. package/lib/component/Panel/CodeEditorPanel.d.ts +1 -1
  56. package/lib/component/Panel/ContextMenuPanel.d.ts +1 -1
  57. package/lib/component/Panel/DrawerPanel.d.ts +1 -1
  58. package/lib/component/Panel/DrawerRendererPanel.d.ts +1 -1
  59. package/lib/component/Panel/InsertSubRendererPanel.d.ts +1 -1
  60. package/lib/component/Panel/LeftPanels.d.ts +1 -1
  61. package/lib/component/Panel/Outline.d.ts +9 -3
  62. package/lib/component/Panel/RenderersPanel.d.ts +1 -1
  63. package/lib/component/Panel/RightPanels.d.ts +1 -1
  64. package/lib/component/Panel/TargetNamePanel.d.ts +1 -1
  65. package/lib/component/PopOverForm.d.ts +1 -1
  66. package/lib/component/Preview.d.ts +2 -2
  67. package/lib/component/RegionHLBox.d.ts +1 -1
  68. package/lib/component/RegionWrapper.d.ts +30 -2
  69. package/lib/component/RendererThumb.d.ts +1 -1
  70. package/lib/component/ScaffoldModal.d.ts +1 -1
  71. package/lib/component/SubEditor.d.ts +2 -2
  72. package/lib/component/VRenderer.d.ts +39 -31
  73. package/lib/component/base/BackTop.d.ts +1 -1
  74. package/lib/component/base/ErrorRenderer.d.ts +1 -1
  75. package/lib/component/base/SearchCustomRendererPanel.d.ts +1 -1
  76. package/lib/component/base/SearchPanel.d.ts +2 -2
  77. package/lib/component/base/SearchRendererPanel.d.ts +1 -1
  78. package/lib/component/base/ShortcutKey.d.ts +1 -1
  79. package/lib/component/base/WidthDraggableBtn.d.ts +1 -1
  80. package/lib/component/factory.d.ts +2 -1
  81. package/lib/editor.js +1 -1
  82. package/lib/index.d.ts +2 -4
  83. package/lib/index.js +2 -2
  84. package/lib/manager.d.ts +36 -5
  85. package/lib/plugin/DataDebug.d.ts +5 -5
  86. package/lib/plugin.d.ts +37 -4
  87. package/lib/store/editor.d.ts +137 -0
  88. package/lib/store/node.d.ts +24 -0
  89. package/lib/style.css +1 -1
  90. package/lib/util.d.ts +30 -9
  91. package/package.json +3 -1
  92. package/static/indication.png +0 -0
  93. package/static/nav-mode.png +0 -0
  94. package/esm/builder/ApiBuilder.d.ts +0 -4
  95. package/esm/builder/DSBuilder.d.ts +0 -253
  96. package/esm/component/IFrameBridge.d.ts +0 -30
  97. package/lib/builder/ApiBuilder.d.ts +0 -4
  98. package/lib/builder/DSBuilder.d.ts +0 -253
  99. package/lib/component/IFrameBridge.d.ts +0 -30
  100. package/static/nav-mode.gif +0 -0
@@ -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
- import { Diff } from 'deep-diff';
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) => 0 | 1 | -1;
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 setThemeDefaultData(data: any): any;
123
- export declare function deleteThemeConfigData(data: any): any;
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 {};
@@ -8,5 +8,5 @@ export declare class ContainerWrapper extends React.Component<ContainerWrapperPr
8
8
  getWrappedInstance(): any;
9
9
  refFn(ref: any): void;
10
10
  renderChild(region: string, node: Schema, props: any): any;
11
- render(): JSX.Element;
11
+ render(): React.JSX.Element;
12
12
  }
@@ -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, preview?: boolean) => 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
  }
@@ -27,5 +27,5 @@ export default class HighlightBox extends React.Component<HighlightBoxProps> {
27
27
  resizerRef(ref: any): void;
28
28
  handleMouseEnter(): void;
29
29
  handleDragStart(e: React.DragEvent): void;
30
- render(): JSX.Element;
30
+ render(): React.JSX.Element;
31
31
  }
@@ -1,37 +1,29 @@
1
+ import { EditorStoreType } from '../store/editor';
1
2
  import React from 'react';
2
3
  import { EditorManager } from '../manager';
3
- import { EditorStoreType } from '../store/editor';
4
- import { RenderOptions } from 'amis-core';
5
- import type { Schema } from 'amis';
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
- envCreator?: (props: IFramePreviewProps) => any;
13
+ manager: EditorManager;
14
+ /** 应用语言类型 */
15
+ appLocale?: string;
17
16
  }
18
17
  export default class IFramePreview extends React.Component<IFramePreviewProps> {
19
- env: RenderOptions;
18
+ initialContent: string;
19
+ dialogMountRef: React.RefObject<HTMLDivElement>;
20
+ iframeRef: HTMLIFrameElement;
21
+ constructor(props: IFramePreviewProps);
20
22
  componentDidMount(): void;
21
- componentWillUnmount(): void;
22
- dom?: HTMLElement;
23
- unSensor?: () => void;
24
- contentsRef(ref: HTMLDivElement | null): void;
25
- syncIframeHeight(): void;
26
- handleClick(e: MouseEvent): void;
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
  }
@@ -5,6 +5,6 @@ type PanelStates = {
5
5
  };
6
6
  export declare class AvailableRenderersPanel extends React.Component<PanelProps, PanelStates> {
7
7
  handleSelect(key: string): void;
8
- render(): JSX.Element;
8
+ render(): React.JSX.Element;
9
9
  }
10
10
  export {};
@@ -2,5 +2,5 @@ import React from 'react';
2
2
  import { PanelProps } from '../../plugin';
3
3
  export default class CodeEditorPanel extends React.Component<PanelProps> {
4
4
  handleCodePaste(): void;
5
- render(): JSX.Element;
5
+ render(): React.JSX.Element;
6
6
  }
@@ -4,5 +4,5 @@ export interface ContextMenuPanelProps {
4
4
  store: EditorStoreType;
5
5
  }
6
6
  export declare class ContextMenuPanel extends React.Component<ContextMenuPanelProps> {
7
- render(): JSX.Element | null;
7
+ render(): React.JSX.Element | null;
8
8
  }
@@ -11,5 +11,5 @@ export interface PanelsProps {
11
11
  }
12
12
  export declare class DrawerPanel extends React.Component<PanelsProps> {
13
13
  getPopOverContainer(): HTMLElement;
14
- render(): JSX.Element;
14
+ render(): React.JSX.Element;
15
15
  }
@@ -11,5 +11,5 @@ export interface PanelsProps {
11
11
  }
12
12
  export declare class DrawerRendererPanel extends React.Component<PanelsProps> {
13
13
  getPopOverContainer(): HTMLElement;
14
- render(): JSX.Element;
14
+ render(): React.JSX.Element;
15
15
  }
@@ -7,5 +7,5 @@ export declare class InsertSubRendererPanel extends React.Component<PanelProps>
7
7
  handleInsert(): void;
8
8
  handleReplace(): void;
9
9
  handleCancel(): void;
10
- render(): JSX.Element;
10
+ render(): React.JSX.Element;
11
11
  }
@@ -15,6 +15,6 @@ export declare class LeftPanels extends React.Component<LeftPanelsProps, LeftPan
15
15
  handleFixed(): void;
16
16
  handleSelect(key: string): void;
17
17
  getPopOverContainer(): HTMLElement;
18
- render(): JSX.Element;
18
+ render(): React.JSX.Element;
19
19
  }
20
20
  export {};
@@ -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
- render(): JSX.Element;
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
  }
@@ -18,5 +18,5 @@ export declare class PopOverForm extends React.Component<PopOverFormProps> {
18
18
  autoFocus: boolean;
19
19
  onFinished: (newValue: any) => void;
20
20
  };
21
- render(): JSX.Element;
21
+ render(): React.JSX.Element;
22
22
  }
@@ -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,所以能最小程度的刷新,数据不变按理是不会刷新的。
@@ -16,5 +16,5 @@ export interface HighlightBoxProps {
16
16
  }
17
17
  export default class RegionHighlightBox extends React.Component<HighlightBoxProps> {
18
18
  handleClick(): void;
19
- render(): JSX.Element;
19
+ render(): React.JSX.Element;
20
20
  }
@@ -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
  }