@arcblock/ux 2.10.67 → 2.10.69

package/lib/SessionUser/index.d.ts

@@ -1,31 +1,8 @@
-declare function SessionUser({ session, onBindWallet, locale, size }: {
-    session: any;
-    onBindWallet: any;
-    locale: any;
-    size: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace SessionUser {
-    namespace propTypes {
-        let session: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            user: PropTypes.Requireable<PropTypes.InferProps<{
-                did: PropTypes.Validator<string>;
-                fullName: PropTypes.Validator<string>;
-                avatar: PropTypes.Validator<string>;
-                email: PropTypes.Requireable<string>;
-            }>>;
-        }>>>;
-        let onBindWallet: PropTypes.Requireable<(...args: any[]) => any>;
-        let locale: PropTypes.Requireable<string>;
-        let size: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        export { noop as onBindWallet };
-        let locale_1: string;
-        export { locale_1 as locale };
-        let size_1: number;
-        export { size_1 as size };
-    }
+import type { Locale, Session } from '../type';
+export interface SessionUserProps {
+    session: Session;
+    onBindWallet?: () => void;
+    locale?: Locale;
+    size?: number;
 }
-export default SessionUser;
-import PropTypes from 'prop-types';
-import noop from 'lodash/noop';
+export default function SessionUser({ session, onBindWallet, locale, size }: SessionUserProps): import("react/jsx-runtime").JSX.Element;

package/lib/SessionUser/index.js

@@ -1,18 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import noop from 'lodash/noop';
 import { useCreation } from 'ahooks';
 import LoggedIn from './components/logged-in';
 import UnLogin from './components/un-login';
 export default function SessionUser({
   session,
-  onBindWallet,
-  locale,
-  size
+  onBindWallet = noop,
+  locale = 'en',
+  size = 24
 }) {
   const isBlocklet = useCreation(() => {
     return !!globalThis?.blocklet;
-  });
+  }, []);
   if (session.user) {
     return /*#__PURE__*/_jsx(LoggedIn, {
       isBlocklet: isBlocklet,
@@ -24,26 +23,6 @@ export default function SessionUser({
   }
   return /*#__PURE__*/_jsx(UnLogin, {
     session: session,
-    isBlocklet: isBlocklet,
-    locale: locale,
     size: size
   });
-}
-SessionUser.propTypes = {
-  session: PropTypes.shape({
-    user: PropTypes.shape({
-      did: PropTypes.string.isRequired,
-      fullName: PropTypes.string.isRequired,
-      avatar: PropTypes.string.isRequired,
-      email: PropTypes.string
-    })
-  }).isRequired,
-  onBindWallet: PropTypes.func,
-  locale: PropTypes.string,
-  size: PropTypes.number
-};
-SessionUser.defaultProps = {
-  onBindWallet: noop,
-  locale: 'en',
-  size: 24
-};
+}

package/lib/SessionUser/libs/translation.d.ts

@@ -1,31 +1,2 @@
-export namespace translations {
-    namespace en {
-        export let connectDIDWallet: string;
-        let _switch: string;
-        export { _switch as switch };
-        export let profile: string;
-        export let invite: string;
-        export let inviteCopied: string;
-        export let dashboard: string;
-        export let logout: string;
-        export let addAnotherAccount: string;
-    }
-    namespace zh {
-        let connectDIDWallet_1: string;
-        export { connectDIDWallet_1 as connectDIDWallet };
-        let _switch_1: string;
-        export { _switch_1 as switch };
-        let profile_1: string;
-        export { profile_1 as profile };
-        let invite_1: string;
-        export { invite_1 as invite };
-        let inviteCopied_1: string;
-        export { inviteCopied_1 as inviteCopied };
-        let dashboard_1: string;
-        export { dashboard_1 as dashboard };
-        let logout_1: string;
-        export { logout_1 as logout };
-        let addAnotherAccount_1: string;
-        export { addAnotherAccount_1 as addAnotherAccount };
-    }
-}
+import type { Translations } from '../../type';
+export declare const translations: Translations;

package/lib/SessionUser/libs/translation.js

@@ -1,4 +1,5 @@
 /* eslint-disable import/prefer-default-export */
+
 export const translations = {
   en: {
     connectDIDWallet: 'Connect your DID Wallet for enhanced security',

package/lib/SessionUser/libs/utils.d.ts

@@ -1,9 +1,10 @@
-export function getPermanentDid(user: any): any;
-export function getConnectedAccounts(user: any): any;
-export function getSourceProvider(user: any): any;
-export function getSourceProviders(user: any): any;
-export function getConnectedDids(user: any): any;
-export function getWallet(user: any): any;
-export function getWalletDid(user: any): any;
-export function getSourceAppPid(user: any): any;
-export function getCurrentAppPid(user: any): any;
+import { User } from '../../type';
+export declare const getSourceAppPid: (user: User) => any;
+export declare const getCurrentAppPid: (user: User) => any;
+export declare function getPermanentDid(user: User): any;
+export declare function getConnectedAccounts(user: User): any;
+export declare function getSourceProvider(user: User): any;
+export declare function getSourceProviders(user: User): any;
+export declare function getConnectedDids(user: User): any;
+export declare function getWallet(user: User): any;
+export declare function getWalletDid(user: User): any;

package/lib/Sparkline/index.d.ts

@@ -1 +1,22 @@
-export default function sparkline(svg: any, entries: any, options: any): void;
+export interface SparklineProps {
+    svg: SVGElement;
+    entries?: number[] | {
+        value: number;
+    }[];
+    options?: {
+        fetch?: (entry: {
+            value: number;
+        }) => number;
+        interactive?: boolean;
+        onmousemove?: (event: MouseEvent, currentDataPoint: {
+            value: number;
+            index: number;
+            x: number;
+            y: number;
+        }) => void;
+        onmouseout?: (event: MouseEvent) => void;
+        spotRadius?: number;
+        cursorWidth?: number;
+    };
+}
+export default function sparkline({ svg, entries: _entries, options }: SparklineProps): void;

package/lib/Sparkline/index.js

@@ -1,5 +1,3 @@
-/* eslint-disable guard-for-in */
-/* eslint-disable no-restricted-syntax */
 // origin: https://github.com/fnando/sparkline
 function getY(max, height, diff, value) {
   return parseFloat((height - value * height / max + diff).toFixed(2));
@@ -12,26 +10,31 @@ function defaultFetch(entry) {
 }
 function buildElement(tag, attrs) {
   const element = document.createElementNS('http://www.w3.org/2000/svg', tag);
+
+  // eslint-disable-next-line no-restricted-syntax, guard-for-in
   for (const name in attrs) {
     element.setAttribute(name, attrs[name]);
   }
   return element;
 }
-export default function sparkline(svg, entries, options) {
+export default function sparkline({
+  svg,
+  entries: _entries = [],
+  options = {}
+}) {
   removeChildren(svg);
-  if (entries.length <= 1) {
+  if (_entries.length <= 1) {
     return;
   }
-
-  // eslint-disable-next-line no-param-reassign
-  options = options || {};
-  if (typeof entries[0] === 'number') {
-    // eslint-disable-next-line no-param-reassign
-    entries = entries.map(entry => {
+  let entries = [];
+  if (typeof _entries[0] === 'number') {
+    entries = _entries.map(entry => {
       return {
         value: entry
       };
     });
+  } else {
+    entries = _entries;
   }
 
   // This function will be called whenever the mouse moves
@@ -60,6 +63,7 @@ export default function sparkline(svg, entries, options) {
 
   // Get the stroke width; this is used to compute the
   // rendering offset.
+  // @ts-expect-error
   const strokeWidth = parseFloat(svg.attributes['stroke-width'].value);
 
   // By default, data must be formatted as an array of numbers or
@@ -72,10 +76,12 @@ export default function sparkline(svg, entries, options) {
   const values = entries.map(entry => fetch(entry));
 
   // The rendering width will account for the spot size.
+  // @ts-expect-error
   const width = parseFloat(svg.attributes.width.value) - spotDiameter * 2;
 
   // Get the SVG element's full height.
   // This is used
+  // @ts-expect-error
   const fullHeight = parseFloat(svg.attributes.height.value);
 
   // The rendering height accounts for stroke width and spot size.
@@ -145,16 +151,18 @@ export default function sparkline(svg, entries, options) {
   svg.appendChild(cursor);
   svg.appendChild(spot);
   const interactionLayer = buildElement('rect', {
+    // @ts-expect-error
     width: svg.attributes.width.value,
+    // @ts-expect-error
     height: svg.attributes.height.value,
     style: 'fill: transparent; stroke: transparent',
     class: 'sparkline--interaction-layer'
   });
   svg.appendChild(interactionLayer);
   interactionLayer.addEventListener('mouseout', event => {
-    cursor.setAttribute('x1', offscreen);
-    cursor.setAttribute('x2', offscreen);
-    spot.setAttribute('cx', offscreen);
+    cursor.setAttribute('x1', offscreen.toString());
+    cursor.setAttribute('x2', offscreen.toString());
+    spot.setAttribute('cx', offscreen.toString());
     if (onmouseout) {
       onmouseout(event);
     }
@@ -182,10 +190,10 @@ export default function sparkline(svg, entries, options) {
     const {
       y
     } = currentDataPoint;
-    spot.setAttribute('cx', x);
-    spot.setAttribute('cy', y);
-    cursor.setAttribute('x1', x);
-    cursor.setAttribute('x2', x);
+    spot.setAttribute('cx', x.toString());
+    spot.setAttribute('cy', y.toString());
+    cursor.setAttribute('x1', x.toString());
+    cursor.setAttribute('x2', x.toString());
     if (onmousemove) {
       onmousemove(event, currentDataPoint);
     }

package/lib/Spinner/index.d.ts

@@ -1,2 +1,7 @@
-declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
+import { type CircularProgressProps } from '@mui/material/CircularProgress';
+export interface SpinnerProps extends Omit<CircularProgressProps, 'size'> {
+    /** 之前 size prop 是 array 类型, 需要与 CircularProgress#size 兼容 */
+    size?: number | [number, number];
+}
+declare const _default: (props: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/Spinner/index.js

@@ -1,22 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import CircularProgress from '@mui/material/CircularProgress';
 import { withDeprecated } from '../Util/deprecate';
-
-/**
- * Spinner
- *
- * 之前的 Spinner 实现由内外 2 个环构成, 现在改为基于 @mui/material/CircularProgress 的实现
- *
- * - 之前 size prop 是 array 类型, 需要与 CircularProgress#size 兼容
- * - color 默认使用 #4598fa, 如果调用方传入了 color prop 或 style#color, 则默认 color 被覆盖
- */
+/** 之前的 Spinner 实现由内外 2 个环构成, 现在改为基于 @mui/material/CircularProgress 的实现 */
 function Spinner(props) {
   const _props = {
     ...props
   };
+
   // 兼容之前的 size prop (设置外圈/内圈的尺寸)
-  if (_props.size && Array.isArray(_props.size)) {
-    [_props.size] = _props.size;
+  if (_props.size && Array.isArray(props.size)) {
+    [_props.size] = props.size;
   }
   return /*#__PURE__*/_jsx(CircularProgress, {
     ..._props

package/lib/Success/index.d.ts

@@ -1,22 +1,6 @@
-declare function Success({ size, backgroundColor, borderWidth }: {
-    size: any;
-    backgroundColor: any;
-    borderWidth: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Success {
-    namespace propTypes {
-        let size: PropTypes.Requireable<number>;
-        let borderWidth: PropTypes.Requireable<number>;
-        let backgroundColor: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        let size_1: number;
-        export { size_1 as size };
-        let borderWidth_1: number;
-        export { borderWidth_1 as borderWidth };
-        let backgroundColor_1: string;
-        export { backgroundColor_1 as backgroundColor };
-    }
+export interface SuccessProps {
+    size?: number;
+    backgroundColor?: string;
+    borderWidth?: number;
 }
-export default Success;
-import PropTypes from 'prop-types';
+export default function Success({ size, backgroundColor, borderWidth }: SuccessProps): import("react/jsx-runtime").JSX.Element;

package/lib/Success/index.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { Box } from '@mui/material';
-
 // FIXME: @zhanghan 目前无法适配各种 size，后续优化
 export default function Success({
-  size,
-  backgroundColor,
-  borderWidth
+  size = 64,
+  backgroundColor = 'white',
+  borderWidth = 4
 }) {
   const contentSize = size - borderWidth * 2;
   return /*#__PURE__*/_jsxs(Box, {
@@ -19,7 +17,8 @@ export default function Success({
       '&, *, *::before, *::after': {
         boxSizing: 'content-box !important'
       },
-      border: theme => `${borderWidth}px solid ${theme.palette.success.main}`,
+      // 转圈边框的颜色
+      border: theme => `${borderWidth}px solid ${theme.palette.success.light}`,
       '&::before, &::after': {
         content: '""',
         height: '125%',
@@ -44,7 +43,8 @@ export default function Success({
       },
       '.icon-line': {
         height: `${borderWidth + 1}px`,
-        backgroundColor: theme => theme.palette.success.main,
+        // 对勾的颜色
+        backgroundColor: theme => theme.palette.success.light,
         display: 'block',
         borderRadius: '100vw',
         position: 'absolute',
@@ -145,7 +145,8 @@ export default function Success({
         borderRadius: '100%',
         position: 'absolute',
         boxSizing: 'contentBox',
-        border: `${borderWidth}px solid rgba(76, 175, 80, 0.5)`
+        // 圆环的颜色
+        border: `${borderWidth}px solid rgba(76, 175, 80, 0.63)`
       }
     }), /*#__PURE__*/_jsx(Box, {
       className: "icon-fix",
@@ -161,14 +162,4 @@ export default function Success({
       }
     })]
   });
-}
-Success.propTypes = {
-  size: PropTypes.number,
-  borderWidth: PropTypes.number,
-  backgroundColor: PropTypes.string
-};
-Success.defaultProps = {
-  size: 64,
-  borderWidth: 4,
-  backgroundColor: 'white'
-};
+}

package/lib/Tabs/index.d.ts

@@ -1,27 +1,13 @@
-/**
- * @typedef {import('@mui/material').TabsProps & {
- *  tabs: string[];
- *  onChange: (value) => {};
- *  variant: 'line' | 'card' | 'fullWidth' | 'scrollable' | 'standard'
- * }} TabsProps
- */
-/**
- * @description
- * @param {TabsProps} props
- * @return {import('react').ReactNode}
- */
-declare function Tabs({ tabs, current, onChange, ...rest }: TabsProps): import("react").ReactNode;
-declare namespace Tabs {
-    namespace propTypes {
-        let tabs: PropTypes.Validator<any[]>;
-        let current: PropTypes.Validator<string>;
-        let onChange: PropTypes.Validator<(...args: any[]) => any>;
-    }
+import { type TabsProps as MuiTabsProps } from '@mui/material';
+interface TabsProps extends Omit<MuiTabsProps, 'variant' | 'onChange'> {
+    tabs: {
+        value: any;
+        label: React.ReactNode;
+        icon?: string | React.ReactElement;
+    }[];
+    current: any;
+    onChange: (value: string) => void;
+    variant?: 'card' | 'line' | MuiTabsProps['variant'];
 }
-export default Tabs;
-export type TabsProps = import("@mui/material").TabsProps & {
-    tabs: string[];
-    onChange: (value: any) => {};
-    variant: "line" | "card" | "fullWidth" | "scrollable" | "standard";
-};
-import PropTypes from 'prop-types';
+export default function Tabs({ tabs, current, onChange, variant, ...rest }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Tabs/index.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import { Tabs as MuiTabs, Tab as MuiTab } from '@mui/material';
 import { temp as colors } from '../Colors';
 import { styled } from '../Theme';
@@ -76,15 +75,10 @@ function CardTabs({
       className: classes.tab,
       value: x.value,
       label: x.label,
-      icon: x.icon || null
+      icon: x.icon
     }, x.value))
   });
 }
-CardTabs.propTypes = {
-  tabs: PropTypes.array.isRequired,
-  current: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired
-};
 function LineTabs({
   tabs,
   current,
@@ -145,37 +139,18 @@ function LineTabs({
       className: classes.tab,
       value: x.value,
       label: x.label,
-      icon: x.icon || null
+      icon: x.icon
     }, x.value))
   });
 }
-LineTabs.propTypes = {
-  tabs: PropTypes.array.isRequired,
-  current: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired
-};
-
-/**
- * @typedef {import('@mui/material').TabsProps & {
- *  tabs: string[];
- *  onChange: (value) => {};
- *  variant: 'line' | 'card' | 'fullWidth' | 'scrollable' | 'standard'
- * }} TabsProps
- */
-
-/**
- * @description
- * @param {TabsProps} props
- * @return {import('react').ReactNode}
- */
-
 export default function Tabs({
   tabs,
   current,
   onChange,
+  variant,
   ...rest
 }) {
-  if (rest.variant === 'card') {
+  if (variant === 'card') {
     return /*#__PURE__*/_jsx(CardTabs, {
       ...rest,
       tabs: tabs,
@@ -183,7 +158,7 @@ export default function Tabs({
       onChange: onChange
     });
   }
-  if (rest.variant === 'line') {
+  if (variant === 'line') {
     return /*#__PURE__*/_jsx(LineTabs, {
       ...rest,
       tabs: tabs,
@@ -203,12 +178,7 @@ export default function Tabs({
       className: classes.tab,
       value: x.value,
       label: x.label,
-      icon: x.icon || null
+      icon: x.icon
     }, x.value))
   });
-}
-Tabs.propTypes = {
-  tabs: PropTypes.array.isRequired,
-  current: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired
-};
+}

package/lib/TextCollapse/index.d.ts

@@ -1,11 +1,11 @@
-declare const _default: (props: {
-    [x: string]: any;
-    children: any;
-    startChars: any;
-    endChars: any;
-    scaleFactor: any;
-    maxWidth: any;
-    style: any;
-    fontType: any;
-}) => import("react/jsx-runtime").JSX.Element;
+export interface TextCollapseProps {
+    children: string;
+    maxWidth: string | number;
+    startChars?: number;
+    endChars?: number;
+    scaleFactor?: number;
+    style?: React.CSSProperties;
+    fontType?: 'monospace' | 'normal';
+}
+declare const _default: (props: TextCollapseProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/TextCollapse/index.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import { styled } from '../Theme';
 import { withDeprecated } from '../Util/deprecate';
 function TextCollapse({
   children,
-  startChars,
-  endChars,
-  scaleFactor,
   maxWidth,
+  startChars = 5,
+  endChars = 5,
+  scaleFactor = 0.45,
   style,
-  fontType,
+  fontType = 'normal',
   ...rest
 }) {
   if (typeof children !== 'string') {
@@ -45,22 +44,6 @@ function TextCollapse({
     })]
   });
 }
-TextCollapse.propTypes = {
-  children: PropTypes.string.isRequired,
-  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  fontType: PropTypes.oneOf(['monospace', 'normal']),
-  style: PropTypes.object,
-  startChars: PropTypes.number,
-  endChars: PropTypes.number,
-  scaleFactor: PropTypes.number
-};
-TextCollapse.defaultProps = {
-  style: {},
-  startChars: 5,
-  endChars: 5,
-  scaleFactor: 0.45,
-  fontType: 'normal'
-};
 export default withDeprecated(TextCollapse, {
   name: 'TextCollapse'
 });

package/lib/Theme/index.js

@@ -1,5 +1,3 @@
-/* eslint-disable no-unused-vars */
-
 import { styled as muiStyled, useTheme } from '@mui/material/styles';
 export * from './theme';
 export { default as ThemeProvider } from './theme-provider';

package/lib/Theme/theme-provider.d.ts

@@ -4,7 +4,7 @@ import { Theme } from '@mui/material/styles';
  * 默认的 theme provider, 可以为 webapp/blocklet 快捷的配置好 mui theme provider
  */
 declare function ThemeProvider({ children, theme, injectFirst, }: {
-    children: React.ReactNode;
+    children?: React.ReactNode;
     theme: Theme;
     injectFirst: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/lib/Theme/theme.d.ts

@@ -8,7 +8,7 @@ import '@fontsource/inter/latin-ext-300.css';
 import '@fontsource/inter/latin-ext-400.css';
 import '@fontsource/inter/latin-ext-500.css';
 import '@fontsource/inter/latin-ext-700.css';
-declare module '@mui/material/styles/createTheme' {
+declare module '@mui/material/styles' {
     interface Theme {
         mode?: string;
         themeName?: string;
@@ -28,6 +28,9 @@ declare module '@mui/material/styles/createTheme' {
         pageWidth?: string;
         colors?: Record<string, string>;
     }
+    interface TypeText {
+        hint: string;
+    }
 }
 export declare const create: ({ mode, pageWidth, typography, overrides, palette, components, ...rest }?: {
     mode?: string;

package/lib/Theme/theme.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars */
 /* eslint-disable no-shadow */
 // https://app.zeplin.io/styleguide/5d1436f1e97c2156f49c0725/colors
 import { createTheme as _createTheme, responsiveFontSizes } from '@mui/material/styles';
@@ -13,7 +12,7 @@ import '@fontsource/inter/latin-ext-500.css';
 import '@fontsource/inter/latin-ext-700.css';
 import colors from '../Colors';
 
-// 扩展 Theme 和 ThemeOptions 接口
+// 扩展 Theme
 
 const muiDarkTheme = _createTheme({
   palette: {