@arcblock/ux 3.0.6 → 3.0.8

package/src/Success/index.tsx

@@ -7,7 +7,7 @@ export interface SuccessProps {
 }
 
 // FIXME: @zhanghan 目前无法适配各种 size，后续优化
-export default function Success({ size = 64, backgroundColor, borderWidth = 4 }: SuccessProps) {
+export default function Success({ size = 64, backgroundColor = undefined, borderWidth = 4 }: SuccessProps) {
   const { palette } = useTheme();
   const contentSize = size - borderWidth * 2;
   const _backgroundColor = backgroundColor || palette.background.default;

package/src/Tabs/index.tsx

@@ -27,7 +27,7 @@ interface CardTabsProps extends Omit<MuiTabsProps, 'onChange'> {
   iconPosition?: TabProps['iconPosition'];
 }
 
-function CardTabs({ tabs, current, onChange, iconPosition, ...rest }: CardTabsProps) {
+function CardTabs({ tabs, current, onChange, iconPosition = undefined, ...rest }: CardTabsProps) {
   return (
     <MuiTabs
       scrollButtons="auto"
@@ -97,7 +97,7 @@ interface LineTabsProps extends Omit<MuiTabsProps, 'onChange'> {
   iconPosition?: TabProps['iconPosition'];
 }
 
-function LineTabs({ tabs, current, onChange, iconPosition, ...rest }: LineTabsProps) {
+function LineTabs({ tabs, current, onChange, iconPosition = undefined, ...rest }: LineTabsProps) {
   return (
     <MuiTabs
       scrollButtons="auto"
@@ -176,7 +176,14 @@ interface TabsProps extends Omit<MuiTabsProps, 'variant' | 'onChange'> {
   iconPosition?: TabProps['iconPosition'];
 }
 
-export default function Tabs({ tabs, current, onChange, variant, iconPosition, ...rest }: TabsProps) {
+export default function Tabs({
+  tabs,
+  current,
+  onChange,
+  variant = undefined,
+  iconPosition = undefined,
+  ...rest
+}: TabsProps) {
   if (variant === 'card') {
     return <CardTabs {...rest} tabs={tabs} current={current} onChange={onChange} iconPosition={iconPosition} />;
   }

package/src/Tag/index.jsx

@@ -46,7 +46,7 @@ const types = {
  * @param {TagProps} props
  * @return {import('react').ReactNode}
  */
-function Tag(rawProps) {
+function Tag({ ...rawProps }) {
   const props = Object.assign({}, rawProps);
   if (isUndefined(props.type)) {
     props.type = 'primary';

package/src/TextCollapse/index.tsx

@@ -19,7 +19,7 @@ function TextCollapse({
   startChars = 5,
   endChars = 5,
   scaleFactor = 0.45,
-  style,
+  style = undefined,
   fontType = 'normal',
   ...rest
 }: TextCollapseProps) {

package/src/Theme/theme-provider.tsx

@@ -44,7 +44,7 @@ const resolveMode = (prefer?: Prefer): PaletteMode => {
 };
 
 /** 深色模式全局样式 */
-function DarkSchemeStyles({ className }: { className?: string }) {
+function DarkSchemeStyles({ className = undefined }: { className?: string }) {
   const theme = useTheme();
 
   if (theme.palette.mode === 'dark') {
@@ -122,7 +122,7 @@ interface BaseThemeProviderProps {
 
 /** 快速配置 MUI 主题 */
 function BaseThemeProvider({
-  children,
+  children = null,
   theme = defaultTheme,
   injectFirst = true,
   darkSchemeClass = '',
@@ -157,9 +157,9 @@ interface ColorSchemeProviderProps extends BaseThemeProviderProps {
 
 /** 配置带颜色模式切换功能的 MUI 主题 */
 function ColorSchemeProvider({
-  children,
-  theme: themeInput,
-  prefer,
+  children = null,
+  theme: themeInput = undefined,
+  prefer = undefined,
   disableBlockletTheme = false,
   ...rest
 }: ThemeProviderProps) {
@@ -276,7 +276,12 @@ export interface ThemeProviderProps extends ColorSchemeProviderProps {
   enableColorScheme?: boolean;
 }
 
-export default function ThemeProvider({ children, prefer, enableColorScheme = false, ...props }: ThemeProviderProps) {
+export default function ThemeProvider({
+  children = null,
+  prefer = undefined,
+  enableColorScheme = false,
+  ...props
+}: ThemeProviderProps) {
   const { toggleMode } = useColorScheme();
 
   if (enableColorScheme || prefer || !toggleMode) {

package/src/Theme/theme.ts

@@ -33,6 +33,7 @@ export function isTheme(obj: any): obj is Theme {
 
 /** 是否是 UX Theme 对象 */
 export function isUxTheme(obj: any): obj is Theme {
+  // @ts-expect-error
   return isTheme(obj) && obj.__isUxTheme__ === true;
 }
 
@@ -118,6 +119,7 @@ export function lazyCreateDefaultTheme(mode: PaletteMode) {
 }
 
 // 主要处理 overrides
+// @ts-expect-error
 const normalizeUserThemeOptions = ({ palette, components, overrides, ...rest }: UxThemeOptions) => {
   const result: UxThemeOptions = {
     palette,
@@ -132,6 +134,7 @@ const normalizeUserThemeOptions = ({ palette, components, overrides, ...rest }:
 };
 
 const defaultUxThemeOptions: UxThemeOptions = {
+  // @ts-expect-error
   themeName: 'ArcBlock',
   pageWidth: 'md',
   disableBlockletTheme: false,
@@ -167,6 +170,7 @@ export const create = (...args: Array<UxThemeOptions | ((baseTheme: Theme) => Ux
       deepmerge(acc, normalizeUserThemeOptions(typeof curr === 'function' ? curr(createBaseTheme()) : curr)),
     normalizeUserThemeOptions(defaultUxThemeOptions)
   );
+  // @ts-expect-error
   const prefer = userThemeOptions.mode || userThemeOptions.palette?.mode || defaultPrefer;
   const blockletThemeOptions = getBlockletThemeOptions(prefer);
   const defaultThemeOptions = createDefaultThemeOptions(prefer);
@@ -188,6 +192,7 @@ export const create = (...args: Array<UxThemeOptions | ((baseTheme: Theme) => Ux
 
   // 创建主题
   const theme = _createTheme(mergedThemeOptions);
+  // @ts-expect-error
   theme.__isUxTheme__ = true;
 
   // 异步加载字体

package/src/Typography/index.tsx

@@ -31,7 +31,7 @@ export default function Typography({
   children = null,
   minFontSize = 12,
   /* 设置为 auto 时字体会自动收缩，直到达到浏览器最小字体限制 */
-  fontSize,
+  fontSize = undefined,
   sx,
   onShrink = noop,
   ...rest

package/src/UserCard/Cards/basic-info.tsx

@@ -11,7 +11,7 @@ interface BasicCardProps extends Omit<UserCardProps, 'user'> {
 }
 
 // 详细卡片模式下的Basic渲染组件
-function BasicCard(props: BasicCardProps) {
+function BasicCard({ ...props }: BasicCardProps) {
   const {
     user,
     avatarSize = 40,

package/src/UserCard/Cards/index.tsx

@@ -10,7 +10,7 @@ interface DetailedCardProps extends Omit<UserCardProps, 'user'> {
 }
 
 // DetailedCard组件，根据infoType选择不同的卡片组件进行渲染
-function DetailedCard(props: DetailedCardProps) {
+function DetailedCard({ ...props }: DetailedCardProps) {
   const { infoType = InfoType.Minimal } = props;
 
   // 根据信息类型选择合适的卡片组件

package/src/UserCard/Container/card.tsx

@@ -18,8 +18,8 @@ function CardContainer({
   children,
   cardType = CardType.Detailed,
   variant = 'box',
-  containerRef,
-  sx,
+  containerRef = undefined,
+  sx = {},
 }: CardContainerProps) {
   const commonStyles = {
     minWidth: 320,

package/src/UserCard/Container/dialog.tsx

@@ -11,7 +11,7 @@ interface DialogContainerProps {
 /**
  * 统一的卡片容器组件，处理常见的布局容器样式
  */
-function DialogContainer({ children, sx }: DialogContainerProps) {
+function DialogContainer({ children, sx = {} }: DialogContainerProps) {
   // Box变体，用于Minimal和NameOnly类型卡片
   const theme = useTheme();
   return (

package/src/UserCard/Content/basic.tsx

@@ -99,7 +99,7 @@ function LinkField({ value }: { value: string }) {
   );
 }
 
-function BasicField({ field, value, children }: { field: string; value: string; children?: React.ReactNode }) {
+function BasicField({ field, value, children = null }: { field: string; value: string; children?: React.ReactNode }) {
   const Icon = IconMap[field as keyof typeof IconMap];
   const theme = useTheme();
   const isDark = theme.palette.mode === 'dark';
@@ -125,7 +125,7 @@ function BasicField({ field, value, children }: { field: string; value: string;
   );
 }
 
-function BasicContent({ user, renderFields }: BasicContentProps) {
+function BasicContent({ user, renderFields = undefined }: BasicContentProps) {
   const fields = useCreation(() => {
     return renderFields ?? ['bio', 'email', 'phone', 'location', 'timezone', 'link'];
   }, [renderFields]);

package/src/UserCard/Content/minimal.tsx

@@ -15,7 +15,7 @@ interface MinimalContentProps extends UserCardProps {
   shortenLabelProps?: UserCardProps['shortenLabelProps'];
 }
 
-function MinimalContent(props: MinimalContentProps) {
+function MinimalContent({ ...props }: MinimalContentProps) {
   const {
     user,
     showDid,

package/src/UserCard/Content/tooltip-avatar.tsx

@@ -22,10 +22,10 @@ function TooltipAvatar({
   user,
   avatarSize,
   shouldShowHoverCard,
-  renderCardContent,
-  tooltipTitle,
-  tooltipProps,
-  avatarProps,
+  renderCardContent = undefined,
+  tooltipTitle = undefined,
+  tooltipProps = undefined,
+  avatarProps = undefined,
   onAvatarClick,
 }: TooltipAvatarProps) {
   const avatarElement = renderAvatar(

package/src/VerificationCode/index.tsx

@@ -12,7 +12,7 @@ export default function VerificationCode({
   code,
   onChange = noop,
   onComplete = noop,
-  sx,
+  sx = {},
 }: {
   length?: number;
   code: string;

package/src/WalletOSIcon/index.tsx

@@ -10,12 +10,17 @@ import { LOGIN_PROVIDER } from '../Util/constant';
 
 export interface WalletOSIconProps {
   loading?: false | true;
-  walletOS?: string;
+  walletOS: string;
   provider?: string;
   color?: string;
 }
 
-export default function WalletOSIcon({ loading = false, walletOS, provider, color = 'black' }: WalletOSIconProps) {
+export default function WalletOSIcon({
+  loading = false,
+  walletOS,
+  provider = 'wallet',
+  color = 'black',
+}: WalletOSIconProps) {
   if (loading) {
     return <Icon icon={QuestionMarkRoundedIcon} style={{ color: 'transparent' }} />;
   }

package/src/WebWalletSWKeeper/index.tsx

@@ -55,7 +55,12 @@ interface WebWalletSWKeeperProps {
 }
 
 // 该组件通过嵌入一个 web wallet iframe 帮助 web wallet service worker 延最大空闲时间
-function WebWalletSWKeeper({ webWalletUrl, maxIdleTime = DEFAULT_MAX_IDLE_TIME }: WebWalletSWKeeperProps) {
+function WebWalletSWKeeper({
+  webWalletUrl,
+  maxIdleTime = DEFAULT_MAX_IDLE_TIME,
+}: WebWalletSWKeeperProps & {
+  maxIdleTime?: number;
+}) {
   // 渲染前先记录是否已经存在一个 WebWalletSWKeeper 实例
   const instanceExists = useRef(!!id);
   const isIdle = useIdle(maxIdleTime);

package/src/withTheme/index.tsx

@@ -1,6 +1,7 @@
 import { useEffect } from 'react';
 import { Global, css } from '@emotion/react';
-import { CssBaseline, Breakpoint, type PaletteMode, type PaletteOptions, type TypographyOptions } from '@mui/material';
+import { CssBaseline, Breakpoint, type PaletteMode, type PaletteOptions } from '@mui/material';
+import { TypographyStyleOptions } from '@mui/material/styles/createTypography';
 
 import { createTheme, ThemeProvider } from '../Theme';
 
@@ -11,13 +12,16 @@ function withTheme<P extends object>(
     pageWidth = 'md',
     palette,
     typography,
-  }: { mode?: PaletteMode; pageWidth?: Breakpoint; palette?: PaletteOptions; typography?: TypographyOptions } = {}
+  }: { mode?: PaletteMode; pageWidth?: Breakpoint; palette?: PaletteOptions; typography?: TypographyStyleOptions } = {}
 ) {
+  // @ts-expect-error
   const theme = createTheme({ mode, pageWidth, palette, typography });
 
+  // @ts-expect-error
+  const color = theme.typography.color.main;
   const globalStyles = css`
     font-family: ${theme.typography.fontFamily};
-    color: ${theme.typography.color.main};
+    color: ${color};
 
     a,
     a:hover,

package/vite.config.mjs

@@ -11,7 +11,10 @@ export default defineConfig({
     svgr({
       include: ['**/*.svg', '**/*.svg?react'],
     }),
-    dts(),
+    dts({
+      entryRoot: 'src',
+      exclude: ['**/*.stories.*', '**/*.test.*', '**/demo/**'],
+    }),
     noBundlePlugin({
       root: 'src',
       copy: ['**/*.png', '**/*.gif', '**/*.jpg', '**/*.jpeg', '**/*.d.ts'],

package/lib/ActionButton/ActionButton.stories.d.ts

@@ -1,18 +0,0 @@
-export function WithDifferentColor(): import("react/jsx-runtime").JSX.Element;
-export namespace WithDifferentColor {
-    let storyName: string;
-}
-export function WithDifferentVariant(): import("react/jsx-runtime").JSX.Element;
-export namespace WithDifferentVariant {
-    let storyName_1: string;
-    export { storyName_1 as storyName };
-}
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace readme {
-            let sidebar: string;
-        }
-    }
-}
-export default _default;

package/lib/ActivityIndicator/ActivityIndicator.stories.d.ts

@@ -1,8 +0,0 @@
-import { default as ActivityIndicator } from '.';
-export { default as Basic } from './demo/basic';
-export { default as WithCustomMessages } from './demo/with-custom-messages';
-declare namespace _default {
-    export let title: string;
-    export { ActivityIndicator as component };
-}
-export default _default;

package/lib/Address/Address.stories.d.ts

@@ -1,16 +0,0 @@
-export { default as WithDifferentSizes } from './demo/with-different-sizes';
-export { default as Copyable } from './demo/copyable';
-export { default as CompactMode } from './demo/compact-mode';
-export { default as WithInheritSize } from './demo/with-inherit-size';
-export { default as ResponsiveFontSize } from './demo/responsive-font-size';
-export { default as InlineElementBlockElement } from './demo/inline-element-block-element';
-export { default as DynamicTagname } from './demo/dynamic-tagname';
-export { default as NonResponsiveCompact } from './demo/non-responsive-compact';
-export { default as CopyTextI18N } from './demo/copy-text-i18n';
-export { default as PrependAppend } from './demo/prepend-append';
-declare namespace _default {
-    let title: string;
-    let parameters: {};
-    let decorators: ((StoryFn: any) => import("react/jsx-runtime").JSX.Element)[];
-}
-export default _default;

package/lib/Alert/Alert.stories.d.ts

@@ -1,28 +0,0 @@
-export function WithDifferentType(): import("react/jsx-runtime").JSX.Element;
-export namespace WithDifferentType {
-    let storyName: string;
-}
-export function WithDifferentVariant(): import("react/jsx-runtime").JSX.Element;
-export namespace WithDifferentVariant {
-    let storyName_1: string;
-    export { storyName_1 as storyName };
-}
-export function WithIcon(): import("react/jsx-runtime").JSX.Element;
-export namespace WithIcon {
-    let storyName_2: string;
-    export { storyName_2 as storyName };
-}
-export function WithDifferentMessage(): import("react/jsx-runtime").JSX.Element;
-export namespace WithDifferentMessage {
-    let storyName_3: string;
-    export { storyName_3 as storyName };
-}
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace readme {
-            let sidebar: string;
-        }
-    }
-}
-export default _default;

package/lib/AnimationWaiter/AnimationWaiter.stories.d.ts

@@ -1,21 +0,0 @@
-import { default as AnimationWaiter } from '.';
-export { default as Basic } from './demo/basic';
-export { default as WithCustomMessages } from './demo/with-custom-messages';
-export { default as WithMoreMessages } from './demo/with-more-messages';
-export { default as Sizes } from './demo/sizes';
-export { default as WithTips } from './demo/with-tips';
-export { default as WithSpeed } from './demo/with-speed';
-export { default as WithMaybeDuration } from './demo/with-maybe-duration';
-declare namespace _default {
-    export let title: string;
-    export { AnimationWaiter as component };
-    export namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-    }
-    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-}
-export default _default;

package/lib/Avatar/Avatar.stories.d.ts

@@ -1,11 +0,0 @@
-export { default as WithDifferentSizes } from './demo/with-different-sizes';
-export { default as WithDifferentDid } from './demo/with-different-did';
-export { default as WithSpecifiedMotifShape } from './demo/with-specified-motif-shape';
-export { default as ResponsiveDidMotif } from './demo/responsive-did-motif';
-export { default as EthAddresses } from './demo/eth-addresses';
-export { default as WithAnimation } from './demo/with-animation';
-export { default as WithEmptyDidErrorFallback } from './demo/with-empty-did-error-fallback';
-declare namespace _default {
-    let title: string;
-}
-export default _default;

package/lib/Badge/Badge.stories.d.ts

@@ -1,13 +0,0 @@
-export function WithDifferentType(): import("react/jsx-runtime").JSX.Element;
-export namespace WithDifferentType {
-    let storyName: string;
-}
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace readme {
-            let sidebar: string;
-        }
-    }
-}
-export default _default;

package/lib/Blocklet/Blocklet.stories.d.ts

@@ -1,17 +0,0 @@
-import { default as Basic } from './demo/basic';
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-        namespace design {
-            let type: string;
-            let url: string;
-        }
-    }
-}
-export default _default;
-export { Basic };

package/lib/BlockletNFT/BlockletNFT.stories.d.ts

@@ -1,17 +0,0 @@
-import { default as Basic } from './demo/basic';
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-        namespace design {
-            let type: string;
-            let url: string;
-        }
-    }
-}
-export default _default;
-export { Basic };

package/lib/BlockletV2/Blocklet.stories.d.ts

@@ -1,18 +0,0 @@
-import { default as Basic } from './demo/basic';
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-        namespace design {
-            let type: string;
-            let url: string;
-        }
-    }
-    let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-}
-export default _default;
-export { Basic };

package/lib/Button/Button.stories.d.ts

@@ -1,19 +0,0 @@
-import { default as Button } from '.';
-import { default as Basic } from './demo/basic';
-declare namespace _default {
-    export let title: string;
-    export { Button as component };
-    export namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-        namespace design {
-            let type: string;
-            let url: string;
-        }
-    }
-}
-export default _default;
-export { Basic };

package/lib/Center/Center.stories.d.ts

@@ -1,18 +0,0 @@
-import { default as Center } from '.';
-export { default as Basic } from './demo/basic';
-export { default as RelativeParent } from './demo/relative-parent';
-declare namespace _default {
-    export let title: string;
-    export { Center as component };
-    export namespace parameters {
-        let layout: string;
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-            let inlineStories: boolean;
-            let iframeHeight: number;
-        }
-    }
-}
-export default _default;

package/lib/ClickToCopy/ClickToCopy.stories.d.ts

@@ -1,16 +0,0 @@
-import { default as Basic } from './demo/basic';
-import { default as WithComplexChild } from './demo/with-complex-child';
-import { default as WithCustomParentFontColor } from './demo/with-custom-parent-font-color';
-import { default as CopyButton } from './demo/copy-button';
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-    }
-}
-export default _default;
-export { Basic, WithComplexChild, WithCustomParentFontColor, CopyButton };

package/lib/CodeBlock/CodeBlock.stories.d.ts

@@ -1,20 +0,0 @@
-import { default as CodeBlock } from '.';
-export { default as Protobuf } from './demo/protobuf';
-export { default as Javascript } from './demo/javascript';
-export { default as Json } from './demo/json';
-export { default as SingleLineOfCode } from './demo/single-line-of-code';
-export { default as Typescript } from './demo/typescript';
-export { default as Markdown } from './demo/markdown';
-export { default as lightMode } from './demo/light-mode';
-declare namespace _default {
-    export let title: string;
-    export { CodeBlock as component };
-    export namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-    }
-}
-export default _default;

package/lib/Colors/Colors.stories.d.ts

@@ -1,34 +0,0 @@
-export function DefaultAbtColors(): import("react/jsx-runtime").JSX.Element;
-export namespace DefaultAbtColors {
-    let storyName: string;
-}
-export function MuiThemePalette(): import("react/jsx-runtime").JSX.Element;
-export namespace MuiThemePalette {
-    let storyName_1: string;
-    export { storyName_1 as storyName };
-}
-export function ColorsStyledComponents(): import("react/jsx-runtime").JSX.Element;
-export namespace ColorsStyledComponents {
-    let storyName_2: string;
-    export { storyName_2 as storyName };
-}
-export function MuiThemeBoxButton(): import("react/jsx-runtime").JSX.Element;
-export namespace MuiThemeBoxButton {
-    let storyName_3: string;
-    export { storyName_3 as storyName };
-}
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-        namespace design {
-            let type: string;
-            let url: string;
-        }
-    }
-}
-export default _default;

package/lib/Config/Config.stories.d.ts

@@ -1,14 +0,0 @@
-import { default as SwitchMode } from './demo/switch-mode';
-import { default as NestedColorScheme } from './demo/nested-color-scheme';
-declare namespace _default {
-    let title: string;
-    namespace parameters {
-        namespace docs {
-            namespace description {
-                let component: string;
-            }
-        }
-    }
-}
-export default _default;
-export { SwitchMode, NestedColorScheme };