|
2 | 2 | Skeleton as InnerSkeleton, |
3 | 3 | IWidgetBaseConfig, |
4 | 4 | IWidgetConfigArea, |
| 5 | + SkeletonEvents, |
5 | 6 | } from '@alilc/lowcode-editor-skeleton'; |
6 | 7 | import { skeletonSymbol } from './symbols'; |
7 | 8 |
|
@@ -58,13 +59,89 @@ export default class Skeleton { |
58 | 59 | this[skeletonSymbol].getWidget(name)?.show(); |
59 | 60 | } |
60 | 61 |
|
| 62 | + /** |
| 63 | + * enable widget |
| 64 | + * @param name |
| 65 | + */ |
| 66 | + enableWidget(name: string) { |
| 67 | + this[skeletonSymbol].getWidget(name)?.enable?.(); |
| 68 | + } |
| 69 | + |
61 | 70 | /** |
62 | 71 | * 隐藏 widget |
63 | 72 | * @param name |
64 | 73 | */ |
65 | 74 | hideWidget(name: string) { |
66 | 75 | this[skeletonSymbol].getWidget(name)?.hide(); |
67 | 76 | } |
| 77 | + |
| 78 | + /** |
| 79 | + * disable widget，不可点击 |
| 80 | + * @param name |
| 81 | + */ |
| 82 | + disableWidget(name: string) { |
| 83 | + this[skeletonSymbol].getWidget(name)?.disable?.(); |
| 84 | + } |
| 85 | + |
| 86 | + /** |
| 87 | + * 监听 panel 显示事件 |
| 88 | + * @param listener |
| 89 | + * @returns |
| 90 | + */ |
| 91 | + onShowPanel(listener: (...args: unknown[]) => void) { |
| 92 | + const { editor } = this[skeletonSymbol]; |
| 93 | + editor.on(SkeletonEvents.PANEL_SHOW, (name: any, panel: any) => { |
| 94 | + // 不泄漏 skeleton |
| 95 | + const { skeleton, ...restPanel } = panel; |
| 96 | + listener(name, restPanel); |
| 97 | + }); |
| 98 | + return () => editor.off(SkeletonEvents.PANEL_SHOW, listener); |
| 99 | + } |
| 100 | + |
| 101 | + /** |
| 102 | + * 监听 panel 隐藏事件 |
| 103 | + * @param listener |
| 104 | + * @returns |
| 105 | + */ |
| 106 | + onHidePanel(listener: (...args: unknown[]) => void) { |
| 107 | + const { editor } = this[skeletonSymbol]; |
| 108 | + editor.on(SkeletonEvents.PANEL_HIDE, (name: any, panel: any) => { |
| 109 | + // 不泄漏 skeleton |
| 110 | + const { skeleton, ...restPanel } = panel; |
| 111 | + listener(name, restPanel); |
| 112 | + }); |
| 113 | + return () => editor.off(SkeletonEvents.PANEL_HIDE, listener); |
| 114 | + } |
| 115 | + |
| 116 | + /** |
| 117 | + * 监听 widget 显示事件 |
| 118 | + * @param listener |
| 119 | + * @returns |
| 120 | + */ |
| 121 | + onShowWidget(listener: (...args: unknown[]) => void) { |
| 122 | + const { editor } = this[skeletonSymbol]; |
| 123 | + editor.on(SkeletonEvents.WIDGET_SHOW, (name: any, panel: any) => { |
| 124 | + // 不泄漏 skeleton |
| 125 | + const { skeleton, ...rest } = panel; |
| 126 | + listener(name, rest); |
| 127 | + }); |
| 128 | + return () => editor.off(SkeletonEvents.WIDGET_SHOW, listener); |
| 129 | + } |
| 130 | + |
| 131 | + /** |
| 132 | + * 监听 widget 隐藏事件 |
| 133 | + * @param listener |
| 134 | + * @returns |
| 135 | + */ |
| 136 | + onHideWidget(listener: (...args: unknown[]) => void) { |
| 137 | + const { editor } = this[skeletonSymbol]; |
| 138 | + editor.on(SkeletonEvents.WIDGET_HIDE, (name: any, panel: any) => { |
| 139 | + // 不泄漏 skeleton |
| 140 | + const { skeleton, ...rest } = panel; |
| 141 | + listener(name, rest); |
| 142 | + }); |
| 143 | + return () => editor.off(SkeletonEvents.WIDGET_HIDE, listener); |
| 144 | + } |
68 | 145 | } |
69 | 146 |
|
70 | 147 | function normalizeArea(area: IWidgetConfigArea | undefined) { |
@@ -94,5 +171,7 @@ function normalizeArea(area: IWidgetConfigArea | undefined) { |
94 | 171 | return 'leftFloatArea'; |
95 | 172 | case 'stages': |
96 | 173 | return 'stages'; |
| 174 | + default: |
| 175 | + throw new Error(`${area} not supported`); |
97 | 176 | } |
98 | 177 | } |
0 commit comments