feat: 导出类和样式

Author: agileago

example/module/basic/simple-component/index.view.tsx

@@ -1,9 +1,9 @@
 import { defineComponent, useClassAndStyle } from 'vue3-oop'
-import { AllowedComponentProps } from '@/type'
+import { ClassAndStyleProps } from '@/type'
 import { ref } from 'vue'
 
 // region 函数组件
-export interface SimpleFuncComponentProps extends AllowedComponentProps {
+export interface SimpleFuncComponentProps extends ClassAndStyleProps {
   count?: number
 }
 export function SimpleFuncComponent(props: SimpleFuncComponentProps) {

src/index.ts

@@ -28,4 +28,5 @@ export type {
   WithVModel,
   ComponentPropsObject,
   Hanlder,
+  ClassAndStyleProps,
 } from './type'

src/type.ts

@@ -73,7 +73,7 @@ export type ComponentSlots<T extends { props: any }> = NonNullable<
 /** 为了阻止ts把不相关的类也解析到metadata数据中，用这个工具类型包装一下类 */
 export type ClassType<T> = T
 
-export type AllowedComponentProps = {
+export type ClassAndStyleProps = {
   class?: any
   style?: StyleValue
   [name: string]: any
@@ -90,5 +90,5 @@ export type VueComponentProps<T extends {}> = DistributiveOmit<T, 'slots'> &
   DistributiveVModel<T> &
   DistributiveVSlots<T> &
   VNodeProps &
-  AllowedComponentProps &
+  ClassAndStyleProps &
   ComponentCustomProps