@arcblock/ux 2.13.69 → 3.0.0

package/lib/CookieConsent/index.js

@@ -1,72 +1,49 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Button from '@mui/material/Button';
-import CookieConsent, { resetCookieConsentValue } from 'react-cookie-consent';
-import { styled } from '../Theme';
-export { resetCookieConsentValue };
-const translations = {
+import { jsx as o } from "react/jsx-runtime";
+import { Button as d } from "@mui/material";
+import s from "react-cookie-consent";
+import { resetCookieConsentValue as y } from "react-cookie-consent";
+import { styled as p } from "../Theme/index.js";
+const n = {
   en: {
-    content: 'We use cookies and other tracking technologies to improve your browsing experience on our website, to show you personalized content, to analyze our website traffic, and to understand where our visitors are coming from.',
-    agree: 'I Understand'
+    content: "We use cookies and other tracking technologies to improve your browsing experience on our website, to show you personalized content, to analyze our website traffic, and to understand where our visitors are coming from.",
+    agree: "I Understand"
   },
   zh: {
-    content: '我们使用 cookies 和其他跟踪技术来改善您在我们网站上的浏览体验，向您展示个性化的内容，分析我们的网站流量，并了解我们的访问者来自哪里。',
-    agree: '我知道了'
+    content: "我们使用 cookies 和其他跟踪技术来改善您在我们网站上的浏览体验，向您展示个性化的内容，分析我们的网站流量，并了解我们的访问者来自哪里。",
+    agree: "我知道了"
   }
 };
-function inIframe() {
+function u() {
   try {
     return window.self !== window.top;
-  } catch (e) {
-    return true;
+  } catch {
+    return !0;
   }
 }
-function AcceptButton(props) {
-  return /*#__PURE__*/_jsx(Button, {
-    variant: "contained",
-    ...props
-  });
+function x(t) {
+  return /* @__PURE__ */ o(d, { variant: "contained", ...t });
 }
-/**
- * DefaultCookieConsent, 对 react-cookie-consent package 封装, 以便 arcblock 内部产品可以快速使用
- * - 默认内容
- * - 默认配置/样式
- */
-export default function DefaultCookieConsent({
-  children,
-  locale = 'en',
-  style = {},
-  displayInIframe = false,
-  ...rest
+function h({
+  children: t,
+  locale: e = "en",
+  style: r = {},
+  displayInIframe: i = !1,
+  ...a
 }) {
-  if (!displayInIframe && inIframe()) {
-    return null;
-  }
-  if (locale && !translations[locale]) {
-    // eslint-disable-next-line no-param-reassign
-    locale = 'en';
-  }
-  return /*#__PURE__*/_jsx(Wrapper, {
-    style: style,
-    children: /*#__PURE__*/_jsx(CookieConsent, {
-      disableStyles: true,
-      disableButtonStyles: true,
-      ButtonComponent: AcceptButton,
-      buttonText: translations[locale].agree,
-      buttonStyle: {
-        marginTop: 16,
-        padding: '6px 16px'
-      },
-      ...rest,
-      children: children || /*#__PURE__*/_jsx("p", {
-        style: {
-          margin: 0
-        },
-        children: translations[locale].content
-      })
-    })
-  });
+  return !i && u() ? null : (e && !n[e] && (e = "en"), /* @__PURE__ */ o(c, { style: r, children: /* @__PURE__ */ o(
+    s,
+    {
+      disableStyles: !0,
+      disableButtonStyles: !0,
+      ButtonComponent: x,
+      buttonText: n[e].agree,
+      buttonStyle: { marginTop: 16, padding: "6px 16px" },
+      ...a,
+      children: t || /* @__PURE__ */ o("p", { style: { margin: 0 }, children: n[e].content })
+    }
+  ) }));
 }
-const Wrapper = styled('div')`
+const c = p("div")`
   box-sizing: border-box;
   position: fixed;
   right: 20px;
@@ -75,21 +52,11 @@ const Wrapper = styled('div')`
   max-width: 440px;
   padding: 16px 24px;
   font-size: 16px;
-  color: ${({
-  theme
-}) => theme.palette.grey[500]};
-  background: ${({
-  theme
-}) => theme.palette.background.paper};
-  border: 1px solid ${({
-  theme
-}) => theme.palette.divider};
-  border-radius: ${({
-  theme
-}) => theme.shape.borderRadius}px;
-  box-shadow: ${({
-  theme
-}) => theme.shadows[4]};
+  color: ${({ theme: t }) => t.palette.grey[500]};
+  background: ${({ theme: t }) => t.palette.background.paper};
+  border: 1px solid ${({ theme: t }) => t.palette.divider};
+  border-radius: ${({ theme: t }) => t.shape.borderRadius}px;
+  box-shadow: ${({ theme: t }) => t.shadows[4]};
   &:empty {
     display: none;
   }
@@ -107,4 +74,8 @@ const Wrapper = styled('div')`
       width: 100%;
     }
   }
-`;
+`;
+export {
+  h as default,
+  y as resetCookieConsentValue
+};

package/lib/CountDown/CountDown.stories.d.ts

@@ -0,0 +1,14 @@
+export { default as LightMode } from './demo/light-mode';
+export { default as DarkMode } from './demo/dark-mode';
+export { default as CustomStyle } from './demo/custom-style';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;

package/lib/CountDown/index.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { type SxProps } from '@mui/material';
+import { SxProps } from '@mui/material';
 export interface CountDownProps extends React.HTMLAttributes<HTMLDivElement> {
     /** endTime should be UTC */
     endTime: number;
@@ -19,7 +19,7 @@ export default class CountDown extends Component<CountDownProps, CountDownState>
         style: {};
     };
     timer?: NodeJS.Timeout;
-    constructor(props: CountDownProps);
+    constructor(rawProps: CountDownProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): import("react/jsx-runtime").JSX.Element;

package/lib/CountDown/index.js

@@ -1,133 +1,58 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Component } from 'react';
-import { getColor, mergeProps } from '../Util';
-import { styled } from '../Theme';
-const SECONDS_OF_MINUTE = 60;
-const SECONDS_OF_HOUR = 60 * SECONDS_OF_MINUTE;
-const SECONDS_OF_DAY = 24 * SECONDS_OF_HOUR;
-function getRemaining(endTime) {
-  const now = new Date().getTime();
-  const diff = Math.round((endTime - now) / 1000);
-  const days = Math.floor(diff / SECONDS_OF_DAY);
-  const hours = Math.floor(diff % SECONDS_OF_DAY / SECONDS_OF_HOUR);
-  const minutes = Math.floor(diff % SECONDS_OF_DAY % SECONDS_OF_HOUR / SECONDS_OF_MINUTE);
-  const seconds = Math.round(diff % SECONDS_OF_DAY % SECONDS_OF_HOUR % SECONDS_OF_MINUTE);
-  return {
-    days,
-    hours,
-    minutes,
-    seconds,
-    done: diff <= 0
-  };
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { Component as b } from "react";
+import p from "lodash/isUndefined";
+import { getColor as u, mergeProps as y } from "../Util/index.js";
+import { styled as k } from "../Theme/index.js";
+const c = 60, d = 60 * c, m = 24 * d;
+function h(e) {
+  const n = (/* @__PURE__ */ new Date()).getTime(), t = Math.round((e - n) / 1e3), i = Math.floor(t / m), r = Math.floor(t % m / d), o = Math.floor(t % m % d / c), a = Math.round(t % m % d % c);
+  return { days: i, hours: r, minutes: o, seconds: a, done: t <= 0 };
 }
-
-// eslint-disable-next-line react/prop-types
-function FixWidthNumber({
-  number,
-  label,
-  length = 2
-}) {
-  let str = number.toString();
-  while (str.length < length) {
-    str = `0${str}`;
-  }
-  const numbers = str.split('');
-  return /*#__PURE__*/_jsxs("span", {
-    className: "num-group",
-    children: [/*#__PURE__*/_jsx("span", {
-      className: "num-items",
-      children: numbers.map((x, i) =>
-      /*#__PURE__*/
+function l({ number: e, label: n, length: t = 2 }) {
+  let i = e.toString();
+  for (; i.length < t; )
+    i = `0${i}`;
+  const r = i.split("");
+  return /* @__PURE__ */ g("span", { className: "num-group", children: [
+    /* @__PURE__ */ s("span", { className: "num-items", children: r.map((o, a) => (
       // eslint-disable-next-line react/no-array-index-key
-      _jsx("strong", {
-        className: "num-item",
-        children: x
-      }, `num-${i}`))
-    }), /*#__PURE__*/_jsx("span", {
-      className: "num-label",
-      children: label
-    })]
-  });
+      /* @__PURE__ */ s("strong", { className: "num-item", children: o }, `num-${a}`)
+    )) }),
+    /* @__PURE__ */ s("span", { className: "num-label", children: n })
+  ] });
 }
-export default class CountDown extends Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "timer", void 0);
-    const newProps = mergeProps(props, CountDown, ['dark', 'endTime', 'style']);
-    this.state = getRemaining(newProps.endTime);
-    this.timer = undefined;
+class f extends b {
+  constructor(n) {
+    const t = Object.assign({}, n);
+    p(t.dark) && (t.dark = !0), p(t.style) && (t.style = {}), super(t);
+    const i = y(t, f, ["dark", "endTime", "style"]);
+    this.state = h(i.endTime), this.timer = void 0;
   }
   componentDidMount() {
     this.timer = setInterval(() => {
-      const remaining = getRemaining(this.props.endTime);
-      if (remaining.done) {
-        clearInterval(this.timer);
-        this.timer = undefined;
-      }
-      this.setState(remaining);
-    }, 1000);
+      const n = h(this.props.endTime);
+      n.done && (clearInterval(this.timer), this.timer = void 0), this.setState(n);
+    }, 1e3);
   }
   componentWillUnmount() {
-    if (this.timer) {
-      clearInterval(this.timer);
-      this.timer = undefined;
-    }
+    this.timer && (clearInterval(this.timer), this.timer = void 0);
   }
   render() {
-    const {
-      dark,
-      endTime,
-      ...rest
-    } = this.props;
-    const {
-      days,
-      hours,
-      minutes,
-      seconds
-    } = this.state;
-    return /*#__PURE__*/_jsxs(Container, {
-      dark: dark,
-      ...rest,
-      children: [/*#__PURE__*/_jsx(FixWidthNumber, {
-        number: days,
-        label: "D"
-      }), /*#__PURE__*/_jsx("span", {
-        className: "num-sep",
-        children: ":"
-      }), /*#__PURE__*/_jsx(FixWidthNumber, {
-        number: hours,
-        label: "H"
-      }), /*#__PURE__*/_jsx("span", {
-        className: "num-sep",
-        children: ":"
-      }), /*#__PURE__*/_jsx(FixWidthNumber, {
-        number: minutes,
-        label: "M"
-      }), /*#__PURE__*/_jsx("span", {
-        className: "num-sep",
-        children: ":"
-      }), /*#__PURE__*/_jsx(FixWidthNumber, {
-        number: seconds,
-        label: "S"
-      })]
-    });
+    const { dark: n, endTime: t, ...i } = this.props, { days: r, hours: o, minutes: a, seconds: x } = this.state;
+    return /* @__PURE__ */ g(w, { dark: n, ...i, children: [
+      /* @__PURE__ */ s(l, { number: r, label: "D" }),
+      /* @__PURE__ */ s("span", { className: "num-sep", children: ":" }),
+      /* @__PURE__ */ s(l, { number: o, label: "H" }),
+      /* @__PURE__ */ s("span", { className: "num-sep", children: ":" }),
+      /* @__PURE__ */ s(l, { number: a, label: "M" }),
+      /* @__PURE__ */ s("span", { className: "num-sep", children: ":" }),
+      /* @__PURE__ */ s(l, { number: x, label: "S" })
+    ] });
   }
 }
-// eslint-disable-next-line react/static-property-placement
-_defineProperty(CountDown, "defaultProps", void 0);
-CountDown.defaultProps = {
-  dark: true,
-  style: {}
-};
-const textBackground = `linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 77%, rgba(0, 0, 0, 0.5))`;
-const Container = styled('div', {
-  shouldForwardProp: prop => prop !== 'dark'
-})`
-  color: ${props => getColor(props)};
+const N = `linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 77%, rgba(0, 0, 0, 0.5))`, w = k("div", { shouldForwardProp: (e) => e !== "dark" })`
+  color: ${(e) => u(e)};
   font-size: 50px;
   display: flex;
   flex-direction: row;
@@ -141,10 +66,10 @@ const Container = styled('div', {
     align-items: center;
     margin: 0 60px;
 
-    @media (max-width: ${props => props.theme.breakpoints.values.md}px) {
+    @media (max-width: ${(e) => e.theme.breakpoints.values.md}px) {
       margin: 0 20px;
     }
-    @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+    @media (max-width: ${(e) => e.theme.breakpoints.values.sm}px) {
       margin: 0;
     }
 
@@ -158,12 +83,12 @@ const Container = styled('div', {
       width: 40px;
       height: 60px;
       line-height: 60px;
-      background-image: ${props => props.dark ? textBackground : 'none'};
+      background-image: ${(e) => e.dark ? N : "none"};
       text-align: center;
 
       &:first-of-type {
         margin-right: 10px;
-        @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+        @media (max-width: ${(e) => e.theme.breakpoints.values.sm}px) {
           margin: 0;
         }
       }
@@ -172,7 +97,10 @@ const Container = styled('div', {
     .num-label {
       margin-top: 20px;
       font-size: 24px;
-      color: ${props => getColor(props)};
+      color: ${(e) => u(e)};
     }
   }
-`;
+`;
+export {
+  f as default
+};

package/lib/DID/DID.stories.d.ts

@@ -0,0 +1,15 @@
+export { default as ActionTest } from './demo/action-test';
+export { default as WithDifferentSizes } from './demo/with-different-sizes';
+export { default as WithDifferentColors } from './demo/with-different-colors';
+export { default as WithChainId } from './demo/with-chainId';
+export { default as WithRoleType } from './demo/with-roleType';
+export { default as OnlyDialog } from './demo/only-dialog';
+export { default as WithFlexBox } from './demo/with-flex-box';
+export { default as InlineMode } from './demo/inline-mode';
+export { default as DIDWithPrefix } from './demo/did-with-prefix';
+declare namespace _default {
+    let title: string;
+    let parameters: {};
+    let decorators: ((StoryFn: any) => import("react/jsx-runtime").JSX.Element)[];
+}
+export default _default;

package/lib/DID/index.d.ts

@@ -14,7 +14,9 @@ export interface HTMLDIDElement extends HTMLDidAddressElement {
     openQRCode: () => void;
     closeQRCode: () => void;
 }
-export declare const DID: import("react").ForwardRefExoticComponent<DIDProps & import("react").RefAttributes<HTMLDIDElement>>;
+export declare function DID({ ref, ...props }: DIDProps & {
+    ref?: React.Ref<unknown>;
+}): import("react/jsx-runtime").JSX.Element;
 export interface DIDDialogProps extends DIDProps {
     open: boolean;
     fullScreen?: false | true;