@wwog/react 1.1.1 → 1.1.3

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React$1, { FC as FC$1, ReactNode } from 'react';
+import React$1, { FC, ReactNode } from 'react';
 
 interface SwitchProps<T> {
     value: T;
@@ -66,9 +66,9 @@ interface 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;
@@ -88,7 +88,7 @@ interface SizeBoxProps {
 /**
  * @description SizeBox 组件用于设置一个固定大小的盒子
  */
-declare const SizeBox: FC$1<SizeBoxProps>;
+declare const SizeBox: FC<SizeBoxProps>;
 
 interface ArrayRenderProps<T> {
     items: T[];

package/dist/index.js

@@ -134,15 +134,13 @@ const If = ({
   if (condition) {
     return thenChild ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, thenChild.props.children) : null;
   }
-  const matchedElseIf = elseIfChildren.find((child) => {
-    const elseIfProps = child.props;
-    return elseIfProps.condition;
-  });
-  if (matchedElseIf) {
-    return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, matchedElseIf.props.children);
+  for (const elseIf of elseIfChildren) {
+    if (elseIf.props.condition) {
+      return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, elseIf.props.children);
+    }
   }
   if (elseChild) {
-    return elseChild ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, elseChild.props.children) : null;
+    return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, elseChild.props.children);
   }
   return null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wwog/react",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "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

@@ -72,19 +72,14 @@ export const If = ({
     return thenChild ? <>{thenChild.props.children}</> : null;
   }
 
-  const matchedElseIf = elseIfChildren.find((child) => {
-    const elseIfProps = child.props as ElseIfProps;
-    return elseIfProps.condition;
-  });
-
-  if (matchedElseIf) {
-    return <>{matchedElseIf.props.children}</>;
+  for (const elseIf of elseIfChildren) {
+    if (elseIf.props.condition) {
+      return <>{elseIf.props.children}</>;
+    }
   }
 
   if (elseChild) {
-    return elseChild ? (
-      <>{(elseChild as React.ReactElement<ElseProps>).props.children}</>
-    ) : null;
+    return <>{(elseChild as React.ReactElement<ElseProps>).props.children}</>;
   }
 
   return null;

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