@arcblock/ux 2.13.70 → 3.0.0

package/lib/Wallet/Action.d.ts

@@ -4,13 +4,4 @@ export interface WalletActionProps {
     textLayout?: 'vertical' | 'horizontal';
     style?: React.CSSProperties;
 }
-declare function WalletAction(props: WalletActionProps): import("react/jsx-runtime").JSX.Element;
-declare namespace WalletAction {
-    var defaultProps: {
-        action: string;
-        textLayout: "vertical";
-        size: "medium";
-        style: {};
-    };
-}
-export default WalletAction;
+export default function WalletAction(rawProps: WalletActionProps): import("react/jsx-runtime").JSX.Element;

package/lib/Wallet/Action.js

@@ -1,61 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Typography from '@mui/material/Typography';
-import logo from './images/abtwallet.png';
-import { mergeProps } from '../Util';
-import colors from '../Colors';
-import Button from '../Button';
-import { styled } from '../Theme';
-export default function WalletAction(props) {
-  const newProps = mergeProps(props, WalletAction, ['style']);
-  const {
-    action,
-    size,
-    textLayout,
-    style = {},
-    ...rest
-  } = newProps;
-  const styles = Object.assign({}, style, {
-    border: 'none',
-    padding: 0
-  });
-  return /*#__PURE__*/_jsx(Button, {
-    style: styles,
-    ...rest,
-    variant: "outlined",
-    children: /*#__PURE__*/_jsxs(Content, {
-      size: size,
-      color: styles.color,
-      children: [/*#__PURE__*/_jsx("img", {
-        src: logo,
-        className: "wallet-action__logo",
-        alt: "DID Wallet"
-      }), textLayout === 'vertical' && /*#__PURE__*/_jsxs(Typography, {
-        className: "wallet-action__text",
-        component: "div",
-        children: [/*#__PURE__*/_jsxs("span", {
-          className: "wallet-action__action",
-          children: [action, " with"]
-        }), /*#__PURE__*/_jsx("span", {
-          className: "wallet-action__title",
-          children: "DID Wallet"
-        })]
-      }), textLayout === 'horizontal' && /*#__PURE__*/_jsxs("span", {
-        className: "wallet-action__title",
-        style: {
-          padding: 8
-        },
-        children: [action, " with DID Wallet"]
-      })]
-    })
-  });
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
+import { Typography as g } from "@mui/material";
+import i from "lodash/isUndefined";
+import x from "./images/abtwallet.png";
+import { mergeProps as y } from "../Util/index.js";
+import c from "../Colors/themes/default.js";
+import _ from "../Button/index.js";
+import { styled as h } from "../Theme/index.js";
+function u(t) {
+  const e = Object.assign({}, t);
+  i(e.action) && (e.action = "Login"), i(e.textLayout) && (e.textLayout = "vertical"), i(e.size) && (e.size = "medium"), i(e.style) && (e.style = {});
+  const m = y(e, u, ["style"]), { action: n, size: p, textLayout: s, style: f = {}, ...d } = m, r = Object.assign({}, f, { border: "none", padding: 0 });
+  return /* @__PURE__ */ l(_, { style: r, ...d, variant: "outlined", children: /* @__PURE__ */ o(w, { size: p, color: r.color, children: [
+    /* @__PURE__ */ l("img", { src: x, className: "wallet-action__logo", alt: "DID Wallet" }),
+    s === "vertical" && /* @__PURE__ */ o(g, { className: "wallet-action__text", component: "div", children: [
+      /* @__PURE__ */ o("span", { className: "wallet-action__action", children: [
+        n,
+        " with"
+      ] }),
+      /* @__PURE__ */ l("span", { className: "wallet-action__title", children: "DID Wallet" })
+    ] }),
+    s === "horizontal" && /* @__PURE__ */ o("span", { className: "wallet-action__title", style: { padding: 8 }, children: [
+      n,
+      " with DID Wallet"
+    ] })
+  ] }) });
 }
-WalletAction.defaultProps = {
-  action: 'Login',
-  textLayout: 'vertical',
-  size: 'medium',
-  style: {}
-};
-const sizes = {
+const a = {
   logo: {
     small: 32,
     medium: 44,
@@ -68,8 +38,7 @@ const sizes = {
     large: 13,
     xlarge: 18
   }
-};
-const Content = styled('div')`
+}, w = h("div")`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -81,7 +50,7 @@ const Content = styled('div')`
   .wallet-action__logo {
     width: auto;
     height: auto;
-    max-width: ${props => sizes.logo[props.size]}px;
+    max-width: ${(t) => a.logo[t.size]}px;
     margin-left: 5px;
   }
 
@@ -95,17 +64,20 @@ const Content = styled('div')`
   }
 
   .wallet-action__action {
-    font-size: ${props => sizes.font[props.size]}px;
+    font-size: ${(t) => a.font[t.size]}px;
     text-transform: capitalize;
     margin-bottom: 1px;
-    color: ${props => props.color || colors.primary.main};
+    color: ${(t) => t.color || c.primary.main};
     letter-spacing: 1px;
   }
 
   .wallet-action__title {
-    font-size: ${props => sizes.font[props.size] * 1.5}px;
+    font-size: ${(t) => a.font[t.size] * 1.5}px;
     text-transform: capitalize;
-    color: ${props => props.color || colors.primary.main};
+    color: ${(t) => t.color || c.primary.main};
     letter-spacing: 1px;
   }
-`;
+`;
+export {
+  u as default
+};

package/lib/Wallet/Action.stories.d.ts

@@ -0,0 +1,8 @@
+export { default as DifferentSizes } from './demo/action-different-sizes';
+export { default as DifferentAction } from './demo/action-different-action';
+export { default as TextLayout } from './demo/action-text-layout';
+export { default as CustomizeStyle } from './demo/action-customize-style';
+declare namespace _default {
+    let title: string;
+}
+export default _default;

package/lib/Wallet/Download.d.ts

@@ -1,5 +1,5 @@
-import { type SxProps } from '@mui/material';
-import type { Locale } from '../type';
+import { SxProps } from '@mui/material';
+import { Locale } from '../type';
 export interface WalletDownloadProps extends React.HTMLAttributes<HTMLDivElement> {
     title?: string;
     layout?: 'vertical' | 'horizontal';
@@ -11,17 +11,4 @@ export interface WalletDownloadProps extends React.HTMLAttributes<HTMLDivElement
     locale?: Locale;
     sx?: SxProps;
 }
-declare function WalletDownload(props: WalletDownloadProps): import("react/jsx-runtime").JSX.Element;
-declare namespace WalletDownload {
-    var defaultProps: {
-        readonly title: "Download DID Wallet";
-        readonly layout: "vertical";
-        readonly storeLayout: "horizontal";
-        readonly iosLink: "https://itunes.apple.com/app/id1460083542";
-        readonly androidLink: "https://play.google.com/store/apps/details?id=com.arcblock.wallet.app.product";
-        readonly androidDownLoadUrl: "https://releases.arcblockio.cn/arcwallet_android/latest/abtwallet.apk";
-        readonly style: {};
-        readonly locale: "zh";
-    };
-}
-export default WalletDownload;
+export default function WalletDownload(rawProps: WalletDownloadProps): import("react/jsx-runtime").JSX.Element;