JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

style(editor): 完善emit定义

Browse Source
This commit is contained in:
roymondchen 2024-12-18 16:10:07 +08:00
parent 712e317e40
commit 7887a14f6b
2 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/editor/src/Editor.vue
View File

@ -96,9 +96,9 @@
<PropsPanel <PropsPanel
:extend-state="extendFormState" :extend-state="extendFormState"
:disabled-show-src="disabledShowSrc" :disabled-show-src="disabledShowSrc"
@mounted="(instance: any) => $emit('props-panel-mounted', instance)" @mounted="propsPanelMountedHandler"
@form-error="(e: any) => $emit('props-form-error', e)" @form-error="propsPanelFormErrorHandler"
@submit-error="(e: any) => $emit('props-submit-error', e)" @submit-error="propsPanelSubmitErrorHandler"
> >
<template #props-panel-header> <template #props-panel-header>
<slot name="props-panel-header"></slot> <slot name="props-panel-header"></slot>
@ -134,6 +134,7 @@ import type { MApp } from '@tmagic/core';
import Framework from './layouts/Framework.vue'; import Framework from './layouts/Framework.vue';
import TMagicNavMenu from './layouts/NavMenu.vue'; import TMagicNavMenu from './layouts/NavMenu.vue';
import FormPanel from './layouts/props-panel/FormPanel.vue';
import PropsPanel from './layouts/props-panel/PropsPanel.vue'; import PropsPanel from './layouts/props-panel/PropsPanel.vue';
import Sidebar from './layouts/sidebar/Sidebar.vue'; import Sidebar from './layouts/sidebar/Sidebar.vue';
import Workspace from './layouts/workspace/Workspace.vue'; import Workspace from './layouts/workspace/Workspace.vue';
@ -177,7 +178,7 @@ defineOptions({
}); });
const emit = defineEmits<{ const emit = defineEmits<{
'props-panel-mounted': [instance: InstanceType<typeof PropsPanel>]; 'props-panel-mounted': [instance: InstanceType<typeof FormPanel>];
'update:modelValue': [value: MApp | null]; 'update:modelValue': [value: MApp | null];
'props-form-error': [e: any]; 'props-form-error': [e: any];
'props-submit-error': [e: any]; 'props-submit-error': [e: any];
@ -231,5 +232,17 @@ provide('stageOptions', stageOptions);
provide<EventBus>('eventBus', new EventEmitter()); provide<EventBus>('eventBus', new EventEmitter());
const propsPanelMountedHandler = (e: InstanceType<typeof FormPanel>) => {
emit('props-panel-mounted', e);
};
const propsPanelSubmitErrorHandler = (e: any) => {
emit('props-submit-error', e);
};
const propsPanelFormErrorHandler = (e: any) => {
emit('props-form-error', e);
};
defineExpose(services); defineExpose(services);
</script> </script>

10
packages/editor/src/layouts/props-panel/PropsPanel.vue
View File

@ -76,7 +76,11 @@ defineProps<{
extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>; extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
}>(); }>();
const emit = defineEmits(['mounted', 'submit-error', 'form-error']); const emit = defineEmits<{
'submit-error': [e: any];
'form-error': [e: any];
mounted: [internalInstance: InstanceType<typeof FormPanel>];
}>();
const services = inject<Services>('services'); const services = inject<Services>('services');
@ -126,13 +130,13 @@ const errorHandler = (e: any) => {
emit('form-error', e); emit('form-error', e);
}; };
const mountedHandler = (e: any) => { const mountedHandler = (e: InstanceType<typeof FormPanel>) => {
emit('mounted', e); emit('mounted', e);
}; };
const { showStylePanel, showStylePanelHandler, closeStylePanelHandler } = useStylePanel(services); const { showStylePanel, showStylePanelHandler, closeStylePanelHandler } = useStylePanel(services);
const propertyFormPanelRef = useTemplateRef('propertyFormPanel'); const propertyFormPanelRef = useTemplateRef<InstanceType<typeof FormPanel>>('propertyFormPanel');
defineExpose({ defineExpose({
getFormState() { getFormState() {
return propertyFormPanelRef.value?.configForm?.formState; return propertyFormPanelRef.value?.configForm?.formState;