@wwog/react 1.1.0 → 1.1.1

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

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

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";