@arcblock/ux 2.13.70 → 3.0.1

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

@@ -0,0 +1,18 @@
+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/ActionButton/index.d.ts

@@ -1,11 +1,11 @@
-declare const _default: (props: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
 /**
  * Action button component
  */
 export type ActionButtonProps = {
     href: string;
-    children?: import("react").ReactNode;
+    children?: import('react').ReactNode;
     gradient?: string;
     color?: string;
     icon?: string;

package/lib/ActionButton/index.js

@@ -1,98 +1,47 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
-import Button from '../Button';
-import { mergeProps } from '../Util';
-import { withDeprecated } from '../Util/deprecate';
-
-/**
- * Action button component
- * @typedef {{
- *  href: string;
- *  children?: import('react').ReactNode;
- *  gradient?: string;
- *  color?: string;
- *  icon?: string;
- *  border?: string;
- *  text?: string;
- *  theme?: string;
- *  variant?: string;
- *  size?: string;
- *  width?: string;
- * }} ActionButtonProps
- */
-
-/**
- * Action button component
- * @param {ActionButtonProps} props
- * @returns {JSX.Element}
- */
-function ActionButton(props) {
-  /** @type {ActionButtonProps & {}} */
-  const newProps = mergeProps(props, ActionButton);
-  const {
-    href,
-    icon,
-    size,
-    color,
-    theme,
-    variant,
-    gradient,
-    children,
-    text,
-    ...rest
-  } = newProps;
-
-  /** @type {import('react').CSSProperties} */
-  const styles = {};
-  if (gradient) {
-    styles.backgroundImage = gradient;
-    styles.borderColor = 'transparent';
-  }
-  const attrs = ['color', 'border', 'width'];
-  attrs.forEach(x => {
-    if (newProps[x]) {
-      styles[x] = newProps[x];
+import { jsxs as b, jsx as w } from "react/jsx-runtime";
+import r from "prop-types";
+import i from "lodash/isUndefined";
+import x from "../Button/index.js";
+import { mergeProps as y } from "../Util/index.js";
+import { withDeprecated as v } from "../Util/deprecate.js";
+function s(d) {
+  const t = Object.assign({}, d);
+  i(t.gradient) && (t.gradient = ""), i(t.icon) && (t.icon = ""), i(t.text) && (t.text = ""), i(t.color) && (t.color = ""), i(t.border) && (t.border = ""), i(t.width) && (t.width = ""), i(t.theme) && (t.theme = "inherit"), i(t.variant) && (t.variant = "outlined"), i(t.size) && (t.size = "large");
+  const o = y(t, s), { href: f, icon: a, size: m, color: z, theme: g, variant: p, gradient: c, children: l, text: h, ...u } = o, e = {};
+  return c && (e.backgroundImage = c, e.borderColor = "transparent"), ["color", "border", "width"].forEach((n) => {
+    o[n] && (e[n] = o[n]);
+  }), /* @__PURE__ */ b(
+    x,
+    {
+      color: g,
+      href: f,
+      target: "_blank",
+      variant: p,
+      style: e,
+      size: m,
+      className: "action-button",
+      ...u,
+      children: [
+        !!a && /* @__PURE__ */ w("i", { className: a }),
+        h || l
+      ]
     }
-  });
-  return /*#__PURE__*/_jsxs(Button, {
-    color: theme,
-    href: href,
-    target: "_blank",
-    variant: variant,
-    style: styles,
-    size: size,
-    className: "action-button",
-    ...rest,
-    children: [!!icon && /*#__PURE__*/_jsx("i", {
-      className: icon
-    }), text || children]
-  });
+  );
 }
-ActionButton.propTypes = {
-  href: PropTypes.string.isRequired,
-  children: PropTypes.any,
-  gradient: PropTypes.string,
-  color: PropTypes.string,
-  icon: PropTypes.string,
-  border: PropTypes.string,
-  text: PropTypes.string,
-  theme: PropTypes.string,
-  variant: PropTypes.string,
-  size: PropTypes.string,
-  width: PropTypes.string
+s.propTypes = {
+  href: r.string.isRequired,
+  children: r.any,
+  gradient: r.string,
+  color: r.string,
+  icon: r.string,
+  border: r.string,
+  text: r.string,
+  theme: r.string,
+  variant: r.string,
+  size: r.string,
+  width: r.string
 };
-ActionButton.defaultProps = {
-  gradient: '',
-  icon: '',
-  text: '',
-  color: '',
-  border: '',
-  width: '',
-  theme: 'inherit',
-  variant: 'outlined',
-  size: 'large',
-  children: null
+const T = v(s, { name: "ActionButton" });
+export {
+  T as default
 };
-export default withDeprecated(ActionButton, {
-  name: 'ActionButton'
-});

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

@@ -0,0 +1,8 @@
+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/ActivityIndicator/index.d.ts

@@ -1,3 +1,4 @@
+import { default as PropTypes } from 'prop-types';
 /**
  * ActivityIndicator is used when we want to tell the user the request they made on the UI will take time.
  * @typedef {{
@@ -16,12 +17,6 @@ declare namespace ActivityIndicator {
         let interval: PropTypes.Requireable<number>;
         let messages: PropTypes.Requireable<string[]>;
     }
-    namespace defaultProps {
-        let interval_1: number;
-        export { interval_1 as interval };
-        let messages_1: string[];
-        export { messages_1 as messages };
-    }
 }
 export default ActivityIndicator;
 /**
@@ -30,5 +25,4 @@ export default ActivityIndicator;
 export type ActivityIndicatorProps = {
     interval?: number;
     messages: string[];
-} & import("react").ComponentPropsWithoutRef<"div">;
-import PropTypes from 'prop-types';
+} & import('react').ComponentPropsWithoutRef<"div">;

package/lib/ActivityIndicator/index.js

@@ -1,84 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { green, blue } from '@mui/material/colors';
-import Logo from '../Logo';
-import { styled, useTheme } from '../Theme';
-
-/**
- * ActivityIndicator is used when we want to tell the user the request they made on the UI will take time.
- * @typedef {{
- *  interval?: number;
- *  messages: string[];
- * } & import('react').ComponentPropsWithoutRef<"div"> } ActivityIndicatorProps
- */
-
-/**
- * @description ActivityIndicator is used when we want to tell the user the request they made on the UI will take time.
- * @param {ActivityIndicatorProps} props
- * @returns {JSX.Element}
- */
-export default function ActivityIndicator({
-  messages,
-  interval,
-  ...rest
-}) {
-  const [index, setIndex] = useState(0);
-  const {
-    palette
-  } = useTheme();
-  useEffect(() => {
-    const timer = setInterval(() => {
-      setIndex((index + 1) % messages.length);
-    }, interval);
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useState as f, useEffect as g } from "react";
+import i from "prop-types";
+import { green as m, blue as p } from "@mui/material/colors";
+import h from "../Logo/index.js";
+import { styled as c } from "../Theme/index.js";
+import { useTheme as x } from "@mui/material";
+function b({ messages: e = ["Loading data..."], interval: n = 3e3, ...s }) {
+  const [r, a] = f(0), { palette: l } = x();
+  return g(() => {
+    const u = setInterval(() => {
+      a((r + 1) % e.length);
+    }, n);
     return () => {
-      clearTimeout(timer);
+      clearTimeout(u);
     };
-  });
-  return /*#__PURE__*/_jsx(Div, {
-    ...rest,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "pm-loader-container",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "pm-loader-text",
-        children: /*#__PURE__*/_jsx("p", {
-          children: messages[index]
-        })
-      }), /*#__PURE__*/_jsxs("div", {
-        className: "pm-loader-atoms",
-        children: [/*#__PURE__*/_jsx(Logo, {
-          style: {
-            transform: 'scale(0.6)'
-          },
-          showText: false
-        }), /*#__PURE__*/_jsx(Orbit, {
-          size: 56,
-          orbitColor: green[500],
-          atomColor: green[500],
-          duration: 1
-        }), /*#__PURE__*/_jsx(Orbit, {
-          size: 80,
-          orbitColor: blue[800],
-          atomColor: blue[800],
-          duration: 1.5
-        }), /*#__PURE__*/_jsx(Orbit, {
-          size: 100,
-          orbitColor: palette.grey[900],
-          atomColor: palette.grey[900]
-        })]
-      })]
-    })
-  });
+  }), /* @__PURE__ */ t(y, { ...s, children: /* @__PURE__ */ d("div", { className: "pm-loader-container", children: [
+    /* @__PURE__ */ t("div", { className: "pm-loader-text", children: /* @__PURE__ */ t("p", { children: e[r] }) }),
+    /* @__PURE__ */ d("div", { className: "pm-loader-atoms", children: [
+      /* @__PURE__ */ t(h, { style: { transform: "scale(0.6)" }, showText: !1 }),
+      /* @__PURE__ */ t(o, { size: 56, orbitColor: m[500], atomColor: m[500], duration: 1 }),
+      /* @__PURE__ */ t(o, { size: 80, orbitColor: p[800], atomColor: p[800], duration: 1.5 }),
+      /* @__PURE__ */ t(o, { size: 100, orbitColor: l.grey[900], atomColor: l.grey[900] })
+    ] })
+  ] }) });
 }
-ActivityIndicator.propTypes = {
-  interval: PropTypes.number,
-  messages: PropTypes.arrayOf(PropTypes.string.isRequired)
-};
-ActivityIndicator.defaultProps = {
-  interval: 3000,
-  messages: ['Loading data...']
+b.propTypes = {
+  interval: i.number,
+  messages: i.arrayOf(i.string.isRequired)
 };
-const Div = styled('div')`
+const y = c("div")`
   && {
     box-sizing: border-box;
     padding: 20px;
@@ -94,9 +44,7 @@ const Div = styled('div')`
   }
 
   .pm-loader-text {
-    color: ${({
-  theme
-}) => theme.palette.grey[900]};
+    color: ${({ theme: e }) => e.palette.grey[900]};
     font-size: 14px;
     text-align: center;
     position: relative;
@@ -123,38 +71,16 @@ const Div = styled('div')`
     justify-content: center;
   }
 `;
-function Orbit({
-  size,
-  orbitColor,
-  atomColor,
-  duration,
-  ...rest
-}) {
-  return /*#__PURE__*/_jsx(OrbitRoot, {
-    $duration: duration,
-    style: {
-      width: size,
-      height: size,
-      border: `1px solid ${orbitColor}`
-    },
-    ...rest,
-    children: /*#__PURE__*/_jsx("div", {
-      style: {
-        background: atomColor
-      }
-    })
-  });
+function o({ size: e, orbitColor: n, atomColor: s, duration: r = 2, ...a }) {
+  return /* @__PURE__ */ t(v, { $duration: r, style: { width: e, height: e, border: `1px solid ${n}` }, ...a, children: /* @__PURE__ */ t("div", { style: { background: s } }) });
 }
-Orbit.propTypes = {
-  size: PropTypes.number.isRequired,
-  orbitColor: PropTypes.string.isRequired,
-  atomColor: PropTypes.string.isRequired,
-  duration: PropTypes.number
+o.propTypes = {
+  size: i.number.isRequired,
+  orbitColor: i.string.isRequired,
+  atomColor: i.string.isRequired,
+  duration: i.number
 };
-Orbit.defaultProps = {
-  duration: 2
-};
-const OrbitRoot = styled('div')`
+const v = c("div")`
   @keyframes orbit {
     0% {
       transform: rotate(0deg);
@@ -166,9 +92,7 @@ const OrbitRoot = styled('div')`
 
   position: absolute;
   border-radius: 50%;
-  animation: orbit ${({
-  $duration
-}) => $duration}s infinite;
+  animation: orbit ${({ $duration: e }) => e}s infinite;
   animation-timing-function: linear;
   transform-origin: center;
 
@@ -180,4 +104,7 @@ const OrbitRoot = styled('div')`
     transform: translateX(-50%);
     border-radius: 50%;
   }
-`;
+`;
+export {
+  b as default
+};

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

@@ -0,0 +1,16 @@
+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/Address/compact-text.d.ts

@@ -1,11 +1,12 @@
+import { default as PropTypes } from 'prop-types';
 /**
  * 紧凑文本组件 (显示首尾, 中间截断显示省略号), 仅考虑等宽字体的情况
  */
 declare function CompactText({ startChars, endChars, children, showCopyButtonInTooltip }: {
-    startChars: any;
-    endChars: any;
+    startChars?: number | undefined;
+    endChars?: number | undefined;
     children: any;
-    showCopyButtonInTooltip: any;
+    showCopyButtonInTooltip?: boolean | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace CompactText {
     namespace propTypes {
@@ -14,16 +15,5 @@ declare namespace CompactText {
         let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         let showCopyButtonInTooltip: PropTypes.Requireable<boolean>;
     }
-    namespace defaultProps {
-        let startChars_1: number;
-        export { startChars_1 as startChars };
-        let endChars_1: number;
-        export { endChars_1 as endChars };
-        let children_1: null;
-        export { children_1 as children };
-        let showCopyButtonInTooltip_1: boolean;
-        export { showCopyButtonInTooltip_1 as showCopyButtonInTooltip };
-    }
 }
 export default CompactText;
-import PropTypes from 'prop-types';

package/lib/Address/compact-text.js

@@ -1,105 +1,47 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children } from 'react';
-import PropTypes from 'prop-types';
-import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
-import Box from '@mui/material/Box';
-import { styled } from '../Theme';
-import { CopyButton } from '../ClickToCopy';
-const StyledTooltip = styled(({
-  className,
-  ...props
-}) => /*#__PURE__*/_jsx(Tooltip, {
-  ...props,
-  classes: {
-    popper: className
-  }
-}))({
-  [`& .${tooltipClasses.tooltip}`]: {
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Children as f } from "react";
+import n from "prop-types";
+import { Tooltip as u, tooltipClasses as c, Box as s } from "@mui/material";
+import { styled as y } from "../Theme/index.js";
+import "../ClickToCopy/index.js";
+import C from "../ClickToCopy/copy-button.js";
+const d = y(({ className: p, ...r }) => /* @__PURE__ */ e(u, { ...r, classes: { popper: p } }))({
+  [`& .${c.tooltip}`]: {
     maxWidth: 360,
-    wordBreak: 'break-all'
+    wordBreak: "break-all"
   }
 });
-
-// 递归, 将 text (string) 部分替换为 CompactText (保持元素结构)
-// eslint-disable-next-line react/prop-types
-function RecursiveWrapper({
-  children,
-  ...rest
-}) {
-  const wrappedChildren = Children.map(children, child => {
-    if (typeof child === 'string') {
-      return /*#__PURE__*/_jsx(CompactText, {
-        ...rest,
-        children: child
-      });
-    }
-    if (child.props && child.props.children) {
-      return /*#__PURE__*/_jsx(child.type, {
-        ...child.props,
-        children: /*#__PURE__*/_jsx(RecursiveWrapper, {
-          ...rest,
-          children: child.props.children
-        })
-      });
-    }
-    return child;
-  });
-  return wrappedChildren;
+function l({ children: p, ...r }) {
+  return f.map(p, (t) => typeof t == "string" ? /* @__PURE__ */ e(a, { ...r, children: t }) : t.props && t.props.children ? /* @__PURE__ */ e(t.type, { ...t.props, children: /* @__PURE__ */ e(l, { ...r, children: t.props.children }) }) : t);
 }
-
-/**
- * 紧凑文本组件 (显示首尾, 中间截断显示省略号), 仅考虑等宽字体的情况
- */
-export default function CompactText({
-  startChars,
-  endChars,
-  children,
-  showCopyButtonInTooltip
-}) {
-  if (typeof children !== 'string') {
-    return /*#__PURE__*/_jsx(RecursiveWrapper, {
-      startChars: startChars,
-      endChars: endChars,
-      showCopyButtonInTooltip: showCopyButtonInTooltip,
-      children: children
-    });
-  }
-
-  // stopPropagation: 当 tooltip 处于 link 中时, 避免点击复制时触发链接跳转
-  const tooltipContent = /*#__PURE__*/_jsxs(Box, {
-    display: "flex",
-    alignItems: "center",
-    lineHeight: 1,
-    onClick: e => e.stopPropagation(),
-    children: [/*#__PURE__*/_jsx(Box, {
-      children: children
-    }), showCopyButtonInTooltip && /*#__PURE__*/_jsx(CopyButton, {
-      content: children,
-      showTooltip: false,
-      style: {
-        fontSize: 16,
-        marginLeft: 4
-      }
-    })]
-  });
-  return /*#__PURE__*/_jsx(StyledTooltip, {
-    title: tooltipContent,
-    placement: "top",
-    children: /*#__PURE__*/_jsxs("span", {
-      children: [children.slice(0, startChars), "...", children.slice(children.length - endChars)]
-    })
-  });
+function a({ startChars: p = 6, endChars: r = 6, children: o, showCopyButtonInTooltip: t = !1 }) {
+  return typeof o != "string" ? /* @__PURE__ */ e(l, { startChars: p, endChars: r, showCopyButtonInTooltip: t, children: o }) : /* @__PURE__ */ e(d, { title: /* @__PURE__ */ i(
+    s,
+    {
+      onClick: (m) => m.stopPropagation(),
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        lineHeight: 1
+      },
+      children: [
+        /* @__PURE__ */ e(s, { children: o }),
+        t && /* @__PURE__ */ e(C, { content: o, showTooltip: !1, style: { fontSize: 16, marginLeft: 4 } })
+      ]
+    }
+  ), placement: "top", children: /* @__PURE__ */ i("span", { children: [
+    o.slice(0, p),
+    "...",
+    o.slice(o.length - r)
+  ] }) });
 }
-CompactText.propTypes = {
-  startChars: PropTypes.number,
-  endChars: PropTypes.number,
-  children: PropTypes.node,
+a.propTypes = {
+  startChars: n.number,
+  endChars: n.number,
+  children: n.node,
   // 在 tooltip 中完整地址后显示复制按钮
-  showCopyButtonInTooltip: PropTypes.bool
+  showCopyButtonInTooltip: n.bool
+};
+export {
+  a as default
 };
-CompactText.defaultProps = {
-  startChars: 6,
-  endChars: 6,
-  children: null,
-  showCopyButtonInTooltip: false
-};

package/lib/Address/did-address.d.ts

@@ -1,7 +1,6 @@
-import '@fontsource/ubuntu-mono/400.css';
 import { BoxProps } from '@mui/material';
-import React, { ReactNode } from 'react';
-import type { Locale } from '../type';
+import { default as React, ReactNode } from 'react';
+import { Locale } from '../type';
 export interface HTMLDidAddressElement extends HTMLDivElement {
     copy: () => void;
     getEl: () => HTMLDivElement;
@@ -33,5 +32,7 @@ export interface IDidAddressProps extends BoxProps {
  *   - 为保证 copy 功能正常工作, 原 children 始终渲染, 但在紧凑式下会隐藏
  *   - 可配合 useMediaQuery 使用
  */
-declare const DidAddress: React.ForwardRefExoticComponent<Omit<IDidAddressProps, "ref"> & React.RefAttributes<HTMLDidAddressElement>>;
+declare function DidAddress({ ref, ...props }: IDidAddressProps & {
+    ref?: React.Ref<unknown>;
+}): import("react/jsx-runtime").JSX.Element;
 export default DidAddress;