feat: add If component for conditional rendering

Author: agileago

src/components/index.ts

@@ -0,0 +1,11 @@
+import type { SetupContext } from 'vue'
+import type { JSX } from 'vue/jsx-runtime'
+
+interface IfProps {
+  /*判断条件*/
+  condition: any
+}
+export function If(props: IfProps, ctx: SetupContext) {
+  if (!props.condition) return null
+  return ctx.slots.default?.() as unknown as JSX.Element
+}

src/index.ts

@@ -7,6 +7,7 @@ export { Hook } from './decorators/hook'
 export { createDecorator, getProtoMetadata } from './decorators/util'
 export * from './helper'
 export * from './simple-props'
+export * from './components'
 export { Component, InjectorKey, getCurrentInjector, createCurrentInjector, injectService, provideService } from './di'
 export type { ComponentOptions } from './di'
 export type {