@wwog/react 1.1.0 → 1.1.2

package/README.md

@@ -30,25 +30,25 @@ pnpm add @wwog/react
 
 ### 流程控制组件
 
-#### `<If>`, `<Then>`, `<Else>`, `<ElseIf>`
+#### `<If>`
 
 声明式的条件渲染组件，类似于 if-else 语句，但在 JSX 中使用。
 
 ```tsx
-import { If, Then, Else, ElseIf } from '@wwog/react';
+import { If } from '@wwog/react';
 
 function Example({ count }) {
   return (
     <If condition={count > 10}>
-      <Then>
+      <If.Then>
         <p>Count is greater than 10</p>
-      </Then>
-      <ElseIf condition={count > 5}>
+      </If.Then>
+      <If.ElseIf condition={count > 5}>
         <p>Count is greater than 5</p>
-      </ElseIf>
-      <Else>
+      </If.ElseIf>
+      <If.Else>
         <p>Count is 5 or less</p>
-      </Else>
+      </If.Else>
     </If>
   );
 }
@@ -59,23 +59,23 @@ function Example({ count }) {
 类似于 JavaScript 的 switch 语句，但更具声明性和类型安全性。
 
 ```tsx
-import { Switch, Case, Default } from '@wwog/react';
+import { Switch } from '@wwog/react';
 
 function Example({ status }) {
   return (
     <Switch value={status}>
-      <Case value="loading">
+      <Switch.Case value="loading">
         <Loading />
-      </Case>
-      <Case value="success">
+      </Switch.Case>
+      <Switch.Case value="success">
         <Success />
-      </Case>
-      <Case value="error">
+      </Switch.Case>
+      <Switch.Case value="error">
         <Error />
-      </Case>
-      <Default>
+      </Switch.Case>
+      <Switch.Default>
         <p>Unknown status</p>
-      </Default>
+      </Switch.Default>
     </Switch>
   );
 }

package/dist/index.d.mts

@@ -63,15 +63,12 @@ interface ElseIfProps {
     condition: boolean;
     children?: React$1.ReactNode;
 }
-declare const Then: FC<ThenProps>;
-declare const Else: FC<ElseProps>;
-declare const ElseIf: FC<ElseIfProps>;
 declare const If: {
     ({ condition, children, }: IfProps): React$1.ReactElement | null;
     displayName: string;
-    Then: FC<ThenProps>;
-    ElseIf: FC<ElseIfProps>;
-    Else: FC<ElseProps>;
+    Then: React$1.FC<ThenProps>;
+    ElseIf: React$1.FC<ElseIfProps>;
+    Else: React$1.FC<ElseProps>;
     createTyped(): {
         If: (props: IfProps) => React$1.ReactElement | null;
         Then: (props: ThenProps) => React$1.ReactElement;
@@ -106,5 +103,5 @@ declare function ArrayRender<T>(props: ArrayRenderProps<T>): ReactNode;
  */
 declare function childrenLoop(children: React$1.ReactNode | undefined, callback: (child: React$1.ReactNode, index: number) => boolean | void): void;
 
-export { ArrayRender, Else, ElseIf, If, SizeBox, Switch, Then, childrenLoop };
+export { ArrayRender, If, SizeBox, Switch, childrenLoop };
 export type { ArrayRenderProps, ElseIfProps, ElseProps, IfProps, SwitchCaseProps, SwitchDefaultProps, SwitchProps, ThenProps };

package/dist/index.js

@@ -180,4 +180,4 @@ function ArrayRender(props) {
   }));
 }
 
-export { ArrayRender, Else, ElseIf, If, SizeBox, Switch, Then, childrenLoop };
+export { ArrayRender, If, SizeBox, Switch, childrenLoop };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wwog/react",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "",
   "keywords": [],
   "author": "wwog",
@@ -24,11 +24,17 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@vitest/coverage-v8": "^3.1.1",
     "typescript": "^5.8.3",
     "unbuild": "^3.5.0",
     "vitest": "^3.1.1"
   },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
   "engines": {
     "node": ">= 20.0.0",
     "pnpm": ">=8.15.0"

package/src/ProcessControl/If.tsx

@@ -18,13 +18,13 @@ export interface ElseIfProps {
   children?: React.ReactNode;
 }
 
-export const Then: FC<ThenProps> = (props) => {
+const Then: FC<ThenProps> = (props) => {
   return <>{props.children}</>;
 };
-export const Else: FC<ElseProps> = ({ children }) => {
+const Else: FC<ElseProps> = ({ children }) => {
   return <>{children}</>;
 };
-export const ElseIf: FC<ElseIfProps> = (props) => {
+const ElseIf: FC<ElseIfProps> = (props) => {
   return <>{props.children}</>;
 };
 Then.displayName = "If_Then";

package/src/utils/index.ts

@@ -1,5 +1,4 @@
 import React from "react";
-
 /**
  * @description 性能优化，替代 React.Children.forEach, 回调可以返回 false 来中断循环
  * @description_en Replace React.Children.forEach, the callback can return false to interrupt the loop