Merge pull request #70 from yingpengsha/fix/story-book

🐛 fix: rename StroyBook with StoryBook
lobehub · Oct 9, 2023 · 259b664 · 259b664
2 parents dfc4c86 + 8dfba16
commit 259b664
Show file tree

Hide file tree

Showing 35 changed files with 106 additions and 98 deletions.
diff --git a/src/ActionIcon/demos/CustomSize.tsx b/src/ActionIcon/demos/CustomSize.tsx
@@ -1,4 +1,4 @@
-import { ActionIcon, ActionIconProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { ActionIcon, ActionIconProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 import { Settings } from 'lucide-react';
 
 export default () => {
@@ -34,8 +34,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <ActionIcon active icon={Settings} size={size} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/ActionIcon/demos/index.tsx b/src/ActionIcon/demos/index.tsx
@@ -1,4 +1,4 @@
-import { ActionIcon, ActionIconProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { ActionIcon, ActionIconProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 import { folder } from 'leva';
 import * as LucideIcon from 'lucide-react';
 
@@ -44,8 +44,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <ActionIcon {...control} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/ActionIconGroup/demos/index.tsx b/src/ActionIconGroup/demos/index.tsx
@@ -1,7 +1,7 @@
 import {
   ActionIconGroup,
   ActionIconGroupProps,
-  StroyBook,
+  StoryBook,
   useControls,
   useCreateStore,
 } from '@lobehub/ui';
@@ -26,13 +26,13 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <ActionIconGroup
         dropdownMenu={dropdownMenu}
         items={items}
         onActionClick={(key) => console.log(key)}
         {...control}
       />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/Avatar/demos/index.tsx b/src/Avatar/demos/index.tsx
@@ -1,4 +1,4 @@
-import { ActionIconProps, Avatar, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { ActionIconProps, Avatar, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 
 import { useCdnFn } from '@/ConfigProvider';
 
@@ -30,8 +30,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <Avatar {...control} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/ChatHeader/demos/index.tsx b/src/ChatHeader/demos/index.tsx
@@ -1,4 +1,4 @@
-import { ChatHeader, ChatHeaderProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { ChatHeader, ChatHeaderProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 
 export default () => {
   const store = useCreateStore();
@@ -10,9 +10,9 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store} noPadding>
+    <StoryBook levaStore={store} noPadding>
       <ChatHeader {...control} left={<div>Left</div>} right={<div>Right</div>} />
       <div style={{ height: 100 }} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/ChatItem/demos/Alert.tsx b/src/ChatItem/demos/Alert.tsx
@@ -1,4 +1,4 @@
-import { ChatItem, ChatItemProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { ChatItem, ChatItemProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 
 import { avatar } from './data';
 
@@ -17,8 +17,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <ChatItem avatar={avatar} error={control} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/ChatItem/demos/index.tsx b/src/ChatItem/demos/index.tsx
@@ -2,7 +2,7 @@ import {
   ActionIconGroup,
   ChatItem,
   ChatItemProps,
-  StroyBook,
+  StoryBook,
   useControls,
   useCreateStore,
 } from '@lobehub/ui';
@@ -37,7 +37,7 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <ChatItem
         {...control}
         actions={
@@ -57,6 +57,6 @@ export default () => {
         editing={edit}
         onEditingChange={setEdit}
       />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/ChatList/demos/Group.tsx b/src/ChatList/demos/Group.tsx
@@ -1,4 +1,4 @@
-import { ChatList, ChatListProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { ChatList, ChatListProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 
 import { groupData } from './data';
 
@@ -16,13 +16,13 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <ChatList
         data={groupData}
         {...control}
         onActionClick={(key) => console.log(key)}
         style={{ width: '100%' }}
       />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/ChatList/demos/index.tsx b/src/ChatList/demos/index.tsx
@@ -1,4 +1,4 @@
-import { ChatList, ChatListProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { ChatList, ChatListProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 
 import { data } from './data';
 
@@ -16,13 +16,13 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <ChatList
         data={data}
         style={{ width: '100%' }}
         {...control}
         onActionClick={(key) => console.log(key)}
       />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/DraggablePanel/demos/index.tsx b/src/DraggablePanel/demos/index.tsx
@@ -1,7 +1,7 @@
 import {
   DraggablePanel,
   DraggablePanelProps,
-  StroyBook,
+  StoryBook,
   useControls,
   useCreateStore,
 } from '@lobehub/ui';
@@ -48,7 +48,7 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store} noPadding>
+    <StoryBook levaStore={store} noPadding>
       <View
         style={['top', 'bottom'].includes(control.placement) ? { flexDirection: 'column' } : {}}
       >
@@ -68,6 +68,6 @@ export default () => {
           </>
         )}
       </View>
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/EditableMessage/demos/index.tsx b/src/EditableMessage/demos/index.tsx
@@ -1,4 +1,4 @@
-import { EditableMessage, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { EditableMessage, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 import { button } from 'leva';
 import { useState } from 'react';
 
@@ -22,14 +22,14 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <EditableMessage
         editing={editing}
         onEditingChange={setEdit}
         onOpenChange={setOpenModal}
         openModal={openModal}
         value={content}
       />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/FluentEmoji/demos/index.tsx b/src/FluentEmoji/demos/index.tsx
@@ -1,7 +1,7 @@
 import {
   FluentEmoji,
   type FluentEmojiProps,
-  StroyBook,
+  StoryBook,
   getEmoji,
   getEmojiNameByCharacter,
   useControls,
@@ -26,7 +26,7 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <Flexbox align={'center'} gap={8}>
         <Flexbox gap={8} horizontal>
           <FluentEmoji type={'anim'} {...control} />
@@ -38,6 +38,6 @@ export default () => {
         </Flexbox>
         <Button icon={getEmoji(control.emoji)}>{getEmojiNameByCharacter(control.emoji)}</Button>
       </Flexbox>
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/GradientButton/demos/index.tsx b/src/GradientButton/demos/index.tsx
@@ -1,7 +1,7 @@
 import {
   GradientButton,
   GradientButtonProps,
-  StroyBook,
+  StoryBook,
   useControls,
   useCreateStore,
 } from '@lobehub/ui';
@@ -21,8 +21,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <GradientButton {...control} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/GridBackground/demos/index.tsx b/src/GridBackground/demos/index.tsx
@@ -1,7 +1,7 @@
 import {
   GridBackground,
   GridBackgroundProps,
-  StroyBook,
+  StoryBook,
   useControls,
   useCreateStore,
 } from '@lobehub/ui';
@@ -38,8 +38,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <GridBackground style={{ width: '100%' }} {...control} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/Highlighter/demos/FullFeatured.tsx b/src/Highlighter/demos/FullFeatured.tsx
@@ -1,4 +1,4 @@
-import { Highlighter, HighlighterProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { Highlighter, HighlighterProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 
 const code = `export default ({ children, className }: MarkdownProps) => {
   const { styles } = useStyles();
@@ -32,8 +32,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <Highlighter fullFeatured {...options} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/Highlighter/demos/index.tsx b/src/Highlighter/demos/index.tsx
@@ -1,4 +1,4 @@
-import { Highlighter, HighlighterProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { Highlighter, HighlighterProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 
 const code = `export default ({ children, className }: MarkdownProps) => {
   const { styles } = useStyles();
@@ -32,8 +32,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <Highlighter {...options} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/Icon/demos/CustomSize.tsx b/src/Icon/demos/CustomSize.tsx
@@ -1,4 +1,4 @@
-import { Icon, IconProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { Icon, IconProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 import { Settings } from 'lucide-react';
 
 export default () => {
@@ -22,8 +22,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <Icon icon={Settings} size={size} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/Icon/demos/index.tsx b/src/Icon/demos/index.tsx
@@ -1,4 +1,4 @@
-import { Icon, IconProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { Icon, IconProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 import * as LucideIcon from 'lucide-react';
 
 export default () => {
@@ -19,8 +19,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <Icon {...control} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/Input/demos/TextArea.tsx b/src/Input/demos/TextArea.tsx
@@ -1,4 +1,4 @@
-import { StroyBook, TextArea, TextAreaProps, useControls, useCreateStore } from '@lobehub/ui';
+import { StoryBook, TextArea, TextAreaProps, useControls, useCreateStore } from '@lobehub/ui';
 
 export default () => {
   const store = useCreateStore();
@@ -14,8 +14,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <TextArea {...controls} />
-    </StroyBook>
+    </StoryBook>
   );
 };
diff --git a/src/Input/demos/index.tsx b/src/Input/demos/index.tsx
@@ -1,4 +1,4 @@
-import { Input, InputProps, StroyBook, useControls, useCreateStore } from '@lobehub/ui';
+import { Input, InputProps, StoryBook, useControls, useCreateStore } from '@lobehub/ui';
 
 export default () => {
   const store = useCreateStore();
@@ -14,8 +14,8 @@ export default () => {
   );
 
   return (
-    <StroyBook levaStore={store}>
+    <StoryBook levaStore={store}>
       <Input {...controls} />
-    </StroyBook>
+    </StoryBook>
   );
 };