refactor(util): 重构 VueTypes 过期写法

src/utils/propTypes.ts

+import type { VueTypesDefaults } from 'vue-types/dist/types'
 import { CSSProperties, VNodeChild } from 'vue'
-import { createTypes, VueTypeValidableDef, VueTypesInterface } from 'vue-types'
+import VueTypes, { VueTypeValidableDef, toValidableType } from 'vue-types'
 
 export type VueNode = VNodeChild | JSX.Element
 
-type PropTypes = VueTypesInterface & {
-    readonly style: VueTypeValidableDef<CSSProperties>
-    readonly VNodeChild: VueTypeValidableDef<VueNode>
-    // readonly trueBool: VueTypeValidableDef<boolean>;
-}
-
-const propTypes = createTypes({
+VueTypes.sensibleDefaults = {
+    ...(VueTypes.sensibleDefaults as Partial<VueTypesDefaults>),
     func: undefined,
     bool: undefined,
     string: undefined,
     number: undefined,
     object: undefined,
     integer: undefined,
-}) as PropTypes
+}
+
+class PropTypes extends VueTypes {
+    static get style(): VueTypeValidableDef<CSSProperties> {
+        return toValidableType('style', {
+            type: [String, Object],
+            default: undefined,
+        })
+    }
+    static get VNodeChild(): VueTypeValidableDef<VueNode> {
+        return toValidableType('VNodeChild', {
+            type: undefined,
+        })
+    }
+}
 
-propTypes.extend([
-    {
-        name: 'style',
-        getter: true,
-        type: [String, Object],
-        default: undefined,
-    },
-    {
-        name: 'VNodeChild',
-        getter: true,
-        type: undefined,
-    },
-])
-export { propTypes }
+export { PropTypes as propTypes }