refactor: refine emits type declaration

Signed-off-by: Ryan Wang <i@ryanc.cc>

packages/components/src/components/alert/Alert.vue

@@ -31,7 +31,9 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["close"]);
+const emit = defineEmits<{
+  (event: "close"): void;
+}>();
 
 const classes = computed(() => {
   return [`alert-${props.type}`];

packages/components/src/components/button/Button.vue

@@ -61,7 +61,9 @@ const props = withDefaults(
 );
 
 const router = useRouter();
-const emit = defineEmits(["click"]);
+const emit = defineEmits<{
+  (event: "click"): void;
+}>();
 
 const classes = computed(() => {
   return [

packages/components/src/components/checkbox/CheckBox.vue

@@ -15,7 +15,10 @@ const id = ["checkbox", props.name, props.value]
   .filter((item) => !!item)
   .join("-");
 
-const emit = defineEmits(["update:checked", "change"]);
+const emit = defineEmits<{
+  (event: "update:checked", value: boolean): void;
+  (event: "change", value: Event): void;
+}>();
 
 function handleChange(e: Event) {
   const { checked } = e.target as HTMLInputElement;

packages/components/src/components/checkbox/CheckBoxGroup.vue

@@ -16,7 +16,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:modelValue", "change"]);
+const emit = defineEmits<{
+  (event: "update:modelValue", value: string[]): void;
+  (event: "change", value: string[]): void;
+}>();
 
 function handleChange(e: Event) {
   const { value, checked } = e.target as HTMLInputElement;

packages/components/src/components/dialog/Dialog.vue

@@ -35,7 +35,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const icons = {
   success: {

packages/components/src/components/input/Input.vue

@@ -15,7 +15,9 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:modelValue"]);
+const emit = defineEmits<{
+  (event: "update:modelValue", value: string): void;
+}>();
 
 const classes = computed(() => {
   return [`input-${props.size}`];

packages/components/src/components/menu/MenuItem.vue

@@ -15,7 +15,9 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["select"]);
+const emit = defineEmits<{
+  (event: "select", id: string): void;
+}>();
 
 const slots = useSlots();
 

packages/components/src/components/modal/Modal.vue

@@ -17,7 +17,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", value: boolean): void;
+  (event: "close"): void;
+}>();
 
 const rootVisible = ref(false);
 const modelWrapper = ref<HTMLElement>();

packages/components/src/components/pagination/Pagination.vue

@@ -20,7 +20,11 @@ const { page, size, total } = toRefs(props);
 
 const key = ref(Math.random());
 
-const emit = defineEmits(["update:page", "update:size", "change"]);
+const emit = defineEmits<{
+  (event: "update:page", page: number): void;
+  (event: "update:size", size: number): void;
+  (event: "change", value: { page: number; size: number }): void;
+}>();
 
 const onPageChange = ({
   currentPage,

packages/components/src/components/radio/Radio.vue

@@ -8,7 +8,10 @@ const props = defineProps<{
   name?: string;
 }>();
 
-const emit = defineEmits(["update:modelValue", "change"]);
+const emit = defineEmits<{
+  (event: "update:modelValue", value: string | number | boolean): void;
+  (event: "change", value: string | number | boolean): void;
+}>();
 
 const id = ["radio", props.name, props.value]
   .filter((item) => !!item)

packages/components/src/components/radio/RadioGroup.vue

@@ -15,7 +15,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:modelValue", "change"]);
+const emit = defineEmits<{
+  (event: "update:modelValue", value: string | number | boolean): void;
+  (event: "change", value: string | number | boolean): void;
+}>();
 
 function handleChange(value: string | number | boolean) {
   emit("update:modelValue", value);

packages/components/src/components/select/Select.vue

@@ -15,7 +15,9 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:modelValue"]);
+const emit = defineEmits<{
+  (event: "update:modelValue", value: string): void;
+}>();
 
 const classes = computed(() => {
   return [`select-${props.size}`];

packages/components/src/components/switch/Switch.vue

@@ -8,7 +8,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:modelValue", "change"]);
+const emit = defineEmits<{
+  (event: "update:modelValue", value: boolean): void;
+  (event: "change", value: boolean): void;
+}>();
 
 const handleChange = () => {
   emit("update:modelValue", !props.modelValue);

packages/components/src/components/tabs/Tabbar.vue

@@ -19,7 +19,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:activeId", "change"]);
+const emit = defineEmits<{
+  (event: "update:activeId", value: number | string): void;
+  (event: "change", value: number | string): void;
+}>();
 
 const classes = computed(() => {
   return [`tabbar-${props.type}`, `tabbar-direction-${props.direction}`];

packages/components/src/components/tabs/Tabs.vue

@@ -25,7 +25,10 @@ provide<ComputedRef<string | number | undefined>>(
   computed(() => props.activeId)
 );
 
-const emit = defineEmits(["update:activeId", "change"]);
+const emit = defineEmits<{
+  (event: "update:activeId", value: number | string): void;
+  (event: "change", value: number | string): void;
+}>();
 
 const slots = useSlots();
 

packages/components/src/components/textarea/Textarea.vue

@@ -12,7 +12,9 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:modelValue"]);
+const emit = defineEmits<{
+  (event: "update:modelValue", value: string): void;
+}>();
 
 function handleInput(e: Event) {
   const { value } = e.target as HTMLInputElement;

src/modules/contents/attachments/components/AttachmentAliOSSStrategyEditingModal.vue

@@ -10,7 +10,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const onVisibleChange = (visible: boolean) => {
   emit("update:visible", visible);

src/modules/contents/attachments/components/AttachmentDetailModal.vue

@@ -17,7 +17,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const onVisibleChange = (visible: boolean) => {
   emit("update:visible", visible);

src/modules/contents/attachments/components/AttachmentLocalStrategyEditingModal.vue

@@ -10,7 +10,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const onVisibleChange = (visible: boolean) => {
   emit("update:visible", visible);

src/modules/contents/attachments/components/AttachmentSelectModal.vue

@@ -10,7 +10,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const attachments = Array.from(new Array(50), (_, index) => index).map(
   (index) => {

src/modules/contents/attachments/components/AttachmentStrategiesModal.vue

@@ -18,7 +18,11 @@ withDefaults(
     visible: false,
   }
 );
-const emit = defineEmits(["update:visible", "close"]);
+
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const strategies = ref([
   {

src/modules/contents/attachments/components/AttachmentUploadModal.vue

@@ -17,7 +17,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const strategies = ref([
   {

src/modules/contents/posts/categories/components/CategoryEditingModal.vue

@@ -12,7 +12,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const onVisibleChange = (visible: boolean) => {
   emit("update:visible", visible);

src/modules/contents/posts/components/PostSettingModal.vue

@@ -27,7 +27,12 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close", "previous", "next"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+  (event: "previous"): void;
+  (event: "next"): void;
+}>();
 
 const settingActiveId = ref("general");
 const formState = ref<FormState>({

src/modules/contents/posts/tags/components/TagEditingModal.vue

@@ -11,7 +11,11 @@ withDefaults(
     tag: undefined,
   }
 );
-const emit = defineEmits(["update:visible", "close"]);
+
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const onVisibleChange = (visible: boolean) => {
   emit("update:visible", visible);

src/modules/interface/menus/components/MenuEditingModal.vue

@@ -19,7 +19,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const initialFormState: Menu = {
   spec: {

src/modules/interface/menus/components/MenuItemEditingModal.vue

@@ -19,7 +19,11 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close", "saved"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+  (event: "saved", menuItem: MenuItem): void;
+}>();
 
 const initialFormState: MenuItem = {
   spec: {

src/modules/interface/menus/components/MenuItemListItem.vue

@@ -13,7 +13,11 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["change", "open-editing", "delete"]);
+const emit = defineEmits<{
+  (event: "change"): void;
+  (event: "open-editing", menuItem: MenuTreeItem): void;
+  (event: "delete", menuItem: MenuTreeItem): void;
+}>();
 
 const isDragging = ref(false);
 

src/modules/interface/menus/components/MenuList.vue

@@ -21,7 +21,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["select", "update:selectedMenu"]);
+const emit = defineEmits<{
+  (event: "select", menu: Menu): void;
+  (event: "update:selectedMenu", menu: Menu): void;
+}>();
 
 const menus = ref<Menu[]>([] as Menu[]);
 const selectedMenuToUpdate = ref<Menu | null>(null);

src/modules/interface/themes/components/ThemeInstallModal.vue

@@ -15,7 +15,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const handleVisibleChange = (visible: boolean) => {
   emit("update:visible", visible);

src/modules/interface/themes/components/ThemeListModal.vue

@@ -26,7 +26,11 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close", "update:selectedTheme"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+  (event: "update:selectedTheme", theme: Theme | null): void;
+}>();
 
 const themes = ref<Theme[]>([]);
 const themeInstall = ref(false);

src/modules/system/plugins/components/PluginInstallModal.vue

@@ -16,7 +16,10 @@ withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const dialog = useDialog();
 

src/modules/system/roles/components/RoleEditingModal.vue

@@ -22,7 +22,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 const { roleTemplateGroups, handleRoleTemplateSelect, selectedRoleTemplates } =
   useRoleTemplateSelection();

src/modules/system/users/components/UserEditingModal.vue

@@ -29,7 +29,10 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
 
 interface FormState {
   user: User;

src/modules/system/users/components/UserPasswordChangeModal.vue

@@ -16,7 +16,11 @@ const props = withDefaults(
   }
 );
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits<{
+  (event: "update:visible", visible: boolean): void;
+  (event: "close"): void;
+}>();
+
 const currentUser = inject<User>("currentUser");
 
 interface PasswordChangeFormState {