Merge pull request #21 from zolplay-cn/cali

feat: add LayoutProps and LayoutComponent types

packages/react/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @zolplay/react
 
+## 0.5.0
+
+### Minor Changes
+
+- Add LayoutProps and LayoutComponent types
+
 ## 0.4.1
 
 ### Patch Changes

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zolplay/react",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.mjs",
@@ -23,8 +23,8 @@
     "@zolplay/config": "workspace:*",
     "@zolplay/utils": "workspace:*",
     "nanoid": "^3.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "string-hash": "^1.1.3",
     "tinycolor2": "^1.4.2"
   },
@@ -41,7 +41,7 @@
     "vite": "^3.1.8"
   },
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   }
 }

packages/react/src/types.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-types */
 import type { FC, PropsWithChildren } from 'react'
 
 // CSS custom variables
@@ -7,16 +8,16 @@ declare module 'react' {
   }
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
-export type Component<P = {}> = FC<
-  PropsWithChildren<
-    {
-      className?: string
-    } & P
-  >
+export type ComponentProps<P = {}> = PropsWithChildren<
+  {
+    className?: string
+  } & P
 >
+export type Component<P = {}> = FC<ComponentProps<P>>
 
-// eslint-disable-next-line @typescript-eslint/ban-types
 export type PrimitiveComponent<P = {}> = Component<
   P & { as?: keyof JSX.IntrinsicElements }
 >
+
+export type LayoutProps<P = {}> = PropsWithChildren<P>
+export type LayoutComponent<P = {}> = FC<LayoutProps<P>>