@wwog/react 1.1.2 → 1.1.4

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React$1, { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 
 interface SwitchProps<T> {
     value: T;
@@ -7,7 +7,7 @@ interface SwitchProps<T> {
      * @description_en optional compare function, default to () => a === b
      **/
     compare?: (a: T, b: T) => boolean;
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
     /**
      * @description 是否严格模式，默认 false.建议跟随开发环境变化,严格模式下,会循环所有节点来提供更多的错误提示
      * @description_en strict mode, default to false. It is recommended to follow the development environment changes. In strict mode, all nodes will be looped to provide more error prompts
@@ -22,58 +22,58 @@ interface SwitchProps<T> {
 }
 interface SwitchCaseProps<T> {
     value: T;
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
 }
 interface SwitchDefaultProps {
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
 }
 /**
  * @description Switch 组件用于根据传入的 value 渲染不同的子组件
  * @description_en The Switch component is used to render different child components based on the passed value
  */
 declare const Switch: {
-    <T>(props: SwitchProps<T>): React$1.ReactElement | null;
+    <T>(props: SwitchProps<T>): React.ReactElement | null;
     displayName: string;
     Case: {
-        <T>(props: SwitchCaseProps<T>): React$1.ReactElement;
+        <T>(props: SwitchCaseProps<T>): React.ReactElement;
         displayName: string;
     };
     Default: {
-        (props: SwitchDefaultProps): React$1.ReactElement;
+        (props: SwitchDefaultProps): React.ReactElement;
         displayName: string;
     };
     createTyped<T>(): {
-        Switch: (props: SwitchProps<T>) => React$1.ReactElement | null;
-        Case: (props: SwitchCaseProps<T>) => React$1.ReactElement;
-        Default: (props: SwitchDefaultProps) => React$1.ReactElement;
+        Switch: (props: SwitchProps<T>) => React.ReactElement | null;
+        Case: (props: SwitchCaseProps<T>) => React.ReactElement;
+        Default: (props: SwitchDefaultProps) => React.ReactElement;
     };
 };
 
 interface IfProps {
     condition: boolean;
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
 }
 interface ThenProps {
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
 }
 interface ElseProps {
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
 }
 interface ElseIfProps {
     condition: boolean;
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
 }
 declare const If: {
-    ({ condition, children, }: IfProps): React$1.ReactElement | null;
+    ({ condition, children, }: IfProps): React.ReactElement | null;
     displayName: string;
-    Then: React$1.FC<ThenProps>;
-    ElseIf: React$1.FC<ElseIfProps>;
-    Else: React$1.FC<ElseProps>;
+    Then: React.FC<ThenProps>;
+    ElseIf: React.FC<ElseIfProps>;
+    Else: React.FC<ElseProps>;
     createTyped(): {
-        If: (props: IfProps) => React$1.ReactElement | null;
-        Then: (props: ThenProps) => React$1.ReactElement;
-        ElseIf: (props: ElseIfProps) => React$1.ReactElement;
-        Else: (props: ElseProps) => React$1.ReactElement;
+        If: (props: IfProps) => React.ReactElement | null;
+        Then: (props: ThenProps) => React.ReactElement;
+        ElseIf: (props: ElseIfProps) => React.ReactElement;
+        Else: (props: ElseProps) => React.ReactElement;
     };
 };
 
@@ -101,7 +101,7 @@ declare function ArrayRender<T>(props: ArrayRenderProps<T>): ReactNode;
  * @description 性能优化，替代 React.Children.forEach, 回调可以返回 false 来中断循环
  * @description_en Replace React.Children.forEach, the callback can return false to interrupt the loop
  */
-declare function childrenLoop(children: React$1.ReactNode | undefined, callback: (child: React$1.ReactNode, index: number) => boolean | void): void;
+declare function childrenLoop(children: React.ReactNode | undefined, callback: (child: React.ReactNode, index: number) => boolean | void): void;
 
 export { ArrayRender, If, SizeBox, Switch, childrenLoop };
 export type { ArrayRenderProps, ElseIfProps, ElseProps, IfProps, SwitchCaseProps, SwitchDefaultProps, SwitchProps, ThenProps };

package/dist/index.js

@@ -1,4 +1,4 @@
-import React$1, { Fragment } from 'react';
+import React, { Fragment } from 'react';
 
 function childrenLoop(children, callback) {
   if (children === void 0) return;
@@ -19,11 +19,11 @@ const defaultCompare = (a, b) => {
   return a === b;
 };
 const Case = (props) => {
-  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, props.children);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
 };
 Case.displayName = "Switch_Case";
 const Default = (props) => {
-  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, props.children);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
 };
 Default.displayName = "Switch_Default";
 const Switch = (props) => {
@@ -33,7 +33,7 @@ const Switch = (props) => {
   let defaultChild = null;
   let hasDefault = false;
   childrenLoop(children, (child, index) => {
-    if (!React$1.isValidElement(child)) {
+    if (!React.isValidElement(child)) {
       throw new Error(
         `Switch Children only accepts valid React elements at index ${index}`
       );
@@ -74,7 +74,7 @@ const Switch = (props) => {
       );
     }
   });
-  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, matchedChildren ?? defaultChild);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, matchedChildren ?? defaultChild);
 };
 Switch.displayName = "Switch";
 Switch.Case = Case;
@@ -88,13 +88,13 @@ Switch.createTyped = function() {
 };
 
 const Then = (props) => {
-  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, props.children);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
 };
 const Else = ({ children }) => {
-  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, children);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
 };
 const ElseIf = (props) => {
-  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, props.children);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
 };
 Then.displayName = "If_Then";
 Else.displayName = "If_Else";
@@ -106,8 +106,8 @@ const If = ({
   let thenChild = null;
   let elseChild = null;
   const elseIfChildren = [];
-  React$1.Children.forEach(children, (child) => {
-    if (!React$1.isValidElement(child)) {
+  React.Children.forEach(children, (child) => {
+    if (!React.isValidElement(child)) {
       throw new Error("If component only accepts valid React elements");
     }
     const type = child.type;
@@ -132,17 +132,15 @@ const If = ({
     }
   });
   if (condition) {
-    return thenChild ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, thenChild.props.children) : null;
+    return thenChild ? /* @__PURE__ */ React.createElement(React.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.createElement(React.Fragment, null, elseIf.props.children);
+    }
   }
   if (elseChild) {
-    return elseChild ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, elseChild.props.children) : null;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, elseChild.props.children);
   }
   return null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wwog/react",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "",
   "keywords": [],
   "author": "wwog",

package/src/Common/ArrayRender.tsx

@@ -1,4 +1,4 @@
-import { Fragment, type ReactNode } from "react";
+import React, { Fragment, type ReactNode } from "react";
 
 //#region component Types
 export interface ArrayRenderProps<T> {

package/src/Common/SizeBox.tsx

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from "react";
+import React, { FC, ReactNode } from "react";
 
 interface SizeBoxProps {
   size?: number | string;

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;