hippofish/packages/client/src/widgets/post-form.vue
2023-04-07 17:01:42 -07:00

41 lines
1 KiB
Vue

<template>
<XPostForm class="_panel mkw-postForm" :fixed="true" :autofocus="false" />
</template>
<script lang="ts" setup>
import {} from "vue";
import { GetFormResultType } from "@/scripts/form";
import {
useWidgetPropsManager,
Widget,
WidgetComponentEmits,
WidgetComponentExpose,
WidgetComponentProps,
} from "./widget";
import XPostForm from "@/components/MkPostForm.vue";
const name = "postForm";
const widgetPropsDef = {};
type WidgetProps = GetFormResultType<typeof widgetPropsDef>;
// 現時点ではvueの制限によりimportしたtypeをジェネリックに渡せない
//const props = defineProps<WidgetComponentProps<WidgetProps>>();
//const emit = defineEmits<WidgetComponentEmits<WidgetProps>>();
const props = defineProps<{ widget?: Widget<WidgetProps> }>();
const emit = defineEmits<{ (ev: "updateProps", props: WidgetProps) }>();
const { widgetProps, configure } = useWidgetPropsManager(
name,
widgetPropsDef,
props,
emit
);
defineExpose<WidgetComponentExpose>({
name,
configure,
id: props.widget ? props.widget.id : null,
});
</script>