fix(types): Function PropType (#208) (#212)

* fix(types): Function PropType (#208)

* revert style

* revert style

* revert style

* rebase upstream branch

* Update test/types/defineComponent.spec.ts

* Update test/types/defineComponent.spec.ts

* Update defineComponent.spec.ts

Co-authored-by: Haoqun Jiang <[email protected]>

Author: genie-youn

src/component/componentProps.ts

@@ -15,7 +15,10 @@ export interface PropOptions<T = any, Required extends boolean = false> {
 
 export type PropType<T> = PropConstructor<T> | PropConstructor<T>[];
 
-type PropConstructor<T> = { new (...args: any[]): T & object } | { (): T };
+type PropConstructor<T> =
+  | { new (...args: any[]): T & object }
+  | { (): T }
+  | { new (...args: string[]): Function };
 
 type RequiredKeys<T, MakeDefaultRequired> = {
   [K in keyof T]: T[K] extends

test/types/defineComponent.spec.ts

@@ -1,4 +1,4 @@
-import { createComponent, defineComponent, createElement as h, ref, SetupContext } from '../../src';
+import { createComponent, defineComponent, createElement as h, ref, SetupContext, PropType } from '../../src';
 import Router from 'vue-router';
 
 const Vue = require('vue/dist/vue.common.js');
@@ -85,6 +85,26 @@ describe('defineComponent', () => {
     expect.assertions(3);
   });
 
+  it('custom props type function', () => {
+    interface IPropsTypeFunction {
+      fn: (arg: boolean) => void;
+    }
+    const App = defineComponent<IPropsTypeFunction>({
+      props: {
+        fn: Function as PropType<(arg: boolean) => void>,
+      },
+      setup(props, ctx) {
+        type PropsType = typeof props;
+        isTypeEqual<SetupContext, typeof ctx>(true);
+        isSubType<PropsType, { fn: (arg: boolean) => void }>(true);
+        isSubType<{ fn: (arg: boolean) => void }, PropsType>(true);
+        return () => null;
+      },
+    });
+    new Vue(App);
+    expect.assertions(3);
+  });
+
   it('no props', () => {
     const App = defineComponent({
       setup(props, ctx) {