@arcblock/ux 2.13.69 → 3.0.0

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

@@ -0,0 +1,17 @@
+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/Blocklet/blocklet.d.ts

@@ -1,3 +1,4 @@
+import { default as PropTypes } from 'prop-types';
 /**
  * BlockletStore component
  * @typedef {{
@@ -36,32 +37,6 @@ declare namespace BlockletStore {
         let onMainClick: PropTypes.Requireable<(...args: any[]) => any>;
         let className: PropTypes.Requireable<string>;
     }
-    namespace defaultProps {
-        let title_1: string;
-        export { title_1 as title };
-        let description_1: string;
-        export { description_1 as description };
-        let cover_1: null;
-        export { cover_1 as cover };
-        let did_1: null;
-        export { did_1 as did };
-        let buttonText_1: string;
-        export { buttonText_1 as buttonText };
-        let buttonDisabled_1: boolean;
-        export { buttonDisabled_1 as buttonDisabled };
-        let buttonLoading_1: boolean;
-        export { buttonLoading_1 as buttonLoading };
-        let button_1: null;
-        export { button_1 as button };
-        let version_1: null;
-        export { version_1 as version };
-        let onButtonClick_1: null;
-        export { onButtonClick_1 as onButtonClick };
-        let onMainClick_1: null;
-        export { onMainClick_1 as onMainClick };
-        let className_1: null;
-        export { className_1 as className };
-    }
 }
 export default BlockletStore;
 /**
@@ -80,5 +55,4 @@ export type BlockletStoreProps = {
     onButtonClick?: Function;
     onMainClick?: Function;
     className?: string;
-} & import("react").ComponentPropsWithoutRef<"div">;
-import PropTypes from 'prop-types';
+} & import('react').ComponentPropsWithoutRef<"div">;

package/lib/Blocklet/blocklet.js

@@ -1,36 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/no-danger */
-import { isValidElement } from 'react';
-import PropTypes from 'prop-types';
-import Typography from '@mui/material/Typography';
-import CircularProgress from '@mui/material/CircularProgress';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import Avatar from '../Avatar';
-import Button from '../Button';
-import Img from '../Img';
-import { useTheme, styled } from '../Theme';
-import { strippedString } from './utils';
-const Div = styled('div')`
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { isValidElement as f } from "react";
+import t from "prop-types";
+import { useTheme as C, useMediaQuery as S, Typography as n, CircularProgress as I } from "@mui/material";
+import B from "../Avatar/index.js";
+import P from "../Button/index.js";
+import A from "../Img/index.js";
+import { styled as D } from "../Theme/index.js";
+import { strippedString as g } from "./utils.js";
+const F = D("div")`
   &.arcblock-blocklet {
-    padding: ${props => props.theme.spacing(2)} ${props => props.theme.spacing(2)} 0
-      ${props => props.theme.spacing(2)};
+    padding: ${(e) => e.theme.spacing(2)} ${(e) => e.theme.spacing(2)} 0
+      ${(e) => e.theme.spacing(2)};
   }
   .arcblock-blocklet__content {
     cursor: pointer;
     display: flex;
-    ${props => props.theme.breakpoints.up('sm')} {
+    ${(e) => e.theme.breakpoints.up("sm")} {
       align-items: center;
     }
   }
   .arcblock-blocklet__cover {
     width: 64px;
     height: 64px;
-    margin-right: ${props => props.theme.spacing(2)};
+    margin-right: ${(e) => e.theme.spacing(2)};
     overflow: hidden;
     border-radius: 12px;
     /* see: https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari */
     transform: translateZ(0);
-    ${props => props.theme.breakpoints.up('sm')} {
+    ${(e) => e.theme.breakpoints.up("sm")} {
       width: 80px;
       height: 80px;
       margin-bottom: 12px;
@@ -57,7 +54,7 @@ const Div = styled('div')`
         position: absolute;
         height: 100%;
         width: 100%;
-        background-color: ${props => props.theme.palette.primary.main};
+        background-color: ${(e) => e.theme.palette.primary.main};
         transform: scale(0.1);
         opacity: 0;
         z-index: -1;
@@ -75,19 +72,19 @@ const Div = styled('div')`
 
     &:not(.Mui-disabled) {
       background-color: transparent !important;
-      color: ${props => props.theme.palette.primary.main};
+      color: ${(e) => e.theme.palette.primary.main};
     }
     &:not(.Mui-disabled) {
       &:hover {
-        color: ${props => props.theme.palette.common.white};
+        color: ${(e) => e.theme.palette.common.white};
       }
     }
   }
   .arcblock-blocklet__info {
     flex: 1;
     overflow: hidden;
-    border-bottom: 1px solid ${props => props.theme.palette.divider};
-    padding-bottom: ${props => props.theme.spacing(2)};
+    border-bottom: 1px solid ${(e) => e.theme.palette.divider};
+    padding-bottom: ${(e) => e.theme.spacing(2)};
   }
   .arcblock-blocklet__text {
     height: 65px;
@@ -103,8 +100,8 @@ const Div = styled('div')`
     white-space: nowrap;
   }
   .arcblock-blocklet__describe {
-    margin-top: ${props => props.theme.spacing(0.5)};
-    color: ${props => props.theme.palette.grey[600]};
+    margin-top: ${(e) => e.theme.spacing(0.5)};
+    color: ${(e) => e.theme.palette.grey[600]};
     font-size: 14px;
     font-weight: 500;
     line-height: 17px;
@@ -117,184 +114,104 @@ const Div = styled('div')`
     word-break: break-word;
   }
   .arcblock-blocklet__version {
-    color: ${props => props.theme.palette.grey[600]};
+    color: ${(e) => e.theme.palette.grey[600]};
     font-size: 12px;
   }
 `;
-
-/**
- * BlockletStore component
- * @typedef {{
- *  title?: string | JSX.Element;
- *  did?: string;
- *  description?: string | JSX.Element;
- *  cover?: string;
- *  version?: string;
- *  buttonText?: string;
- *  buttonDisabled?: false | true;
- *  buttonLoading?: false | true;
- *  button?: JSX.Element;
- *  onButtonClick?: Function;
- *  onMainClick?: Function;
- *  className?: string;
- * } & import('react').ComponentPropsWithoutRef<"div"> } BlockletStoreProps
- */
-
-/**
- * BlockletStore component
- * @param {BlockletStoreProps} props
- * @returns {JSX.Element}
- */
-export default function BlockletStore({
-  title,
-  did,
-  description,
-  cover,
-  version,
-  button,
-  buttonText,
-  buttonDisabled,
-  buttonLoading,
-  onButtonClick,
-  onMainClick,
-  className,
-  ...rest
+function H({
+  title: e = "",
+  did: c = null,
+  description: l = "",
+  cover: s = null,
+  version: p = null,
+  button: m = null,
+  buttonText: u = "Install",
+  buttonDisabled: d = !1,
+  buttonLoading: a = !1,
+  onButtonClick: b = null,
+  onMainClick: v = null,
+  className: _ = null,
+  ...x
 }) {
-  const wrapHandler = (handler, stopFn = () => false) => (e, ...args) => {
-    if (stopFn()) {
-      e.preventDefault();
-      e.stopPropagation();
-    } else if (handler instanceof Function) {
-      e.preventDefault();
-      e.stopPropagation();
-      handler(...args);
-    }
-  };
-  const _onButtonClick = wrapHandler(onButtonClick, () => {
-    // stop click while custom button or buttonDisabled or buttondLoading
-    if (button || buttonDisabled || buttonLoading) {
-      return true;
-    }
-    return false;
-  });
-  const theme = useTheme();
-  const isUpSm = useMediaQuery(theme.breakpoints.up('sm'));
-  const _onMainClick = wrapHandler(onMainClick);
-  const didAvatarSize = isUpSm ? 80 : 64;
-  return /*#__PURE__*/_jsx(Div, {
-    className: `${className} arcblock-blocklet`,
-    ...rest,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "arcblock-blocklet__content",
-      onClick: _onMainClick,
-      children: [cover ? /*#__PURE__*/_jsx("div", {
-        className: "arcblock-blocklet__cover",
-        children: /*#__PURE__*/_jsx(Img, {
-          src: cover
-        })
-      }) : did && /*#__PURE__*/_jsx("div", {
-        className: "arcblock-blocklet__cover",
-        children: /*#__PURE__*/_jsx(Avatar, {
-          did: did,
-          size: didAvatarSize
-        })
-      }), /*#__PURE__*/_jsxs("div", {
-        className: "arcblock-blocklet__info",
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: "arcblock-blocklet__text",
-          children: [/*#__PURE__*/isValidElement(title) ? /*#__PURE__*/_jsx(Typography, {
+  const h = (k, M = () => !1) => (i, ...T) => {
+    M() ? (i.preventDefault(), i.stopPropagation()) : k instanceof Function && (i.preventDefault(), i.stopPropagation(), k(...T));
+  }, w = h(b, () => !!(m || d || a)), y = C(), $ = S(y.breakpoints.up("sm")), N = h(v), z = $ ? 80 : 64;
+  return /* @__PURE__ */ o(F, { className: `${_} arcblock-blocklet`, ...x, children: /* @__PURE__ */ r("div", { className: "arcblock-blocklet__content", onClick: N, children: [
+    s ? /* @__PURE__ */ o("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ o(A, { src: s }) }) : c && /* @__PURE__ */ o("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ o(B, { did: c, size: z }) }),
+    /* @__PURE__ */ r("div", { className: "arcblock-blocklet__info", children: [
+      /* @__PURE__ */ r("div", { className: "arcblock-blocklet__text", children: [
+        f(e) ? /* @__PURE__ */ o(n, { component: "h3", variant: "h3", className: "arcblock-blocklet__title", children: e }) : /* @__PURE__ */ o(
+          n,
+          {
             component: "h3",
             variant: "h3",
             className: "arcblock-blocklet__title",
-            children: title
-          }) : /*#__PURE__*/_jsx(Typography, {
-            component: "h3",
-            variant: "h3",
-            className: "arcblock-blocklet__title",
-            title: strippedString(title),
-            dangerouslySetInnerHTML: {
-              __html: title
-            }
-          }), /*#__PURE__*/isValidElement(description) ? /*#__PURE__*/_jsx(Typography, {
+            title: g(e),
+            dangerouslySetInnerHTML: { __html: e }
+          }
+        ),
+        f(l) ? /* @__PURE__ */ o(n, { component: "div", variant: "body2", className: "arcblock-blocklet__describe", children: l }) : /* @__PURE__ */ o(
+          n,
+          {
             component: "div",
             variant: "body2",
             className: "arcblock-blocklet__describe",
-            children: description
-          }) : /*#__PURE__*/_jsx(Typography, {
-            component: "div",
-            variant: "body2",
-            className: "arcblock-blocklet__describe",
-            title: strippedString(description),
-            dangerouslySetInnerHTML: {
-              __html: description
-            }
-          })]
-        }), /*#__PURE__*/_jsxs("div", {
+            title: g(l),
+            dangerouslySetInnerHTML: { __html: l }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        "div",
+        {
           style: {
-            display: 'flex',
-            alignItems: 'center',
-            marginTop: '10px',
-            flexFlow: 'wrap'
+            display: "flex",
+            alignItems: "center",
+            marginTop: "10px",
+            flexFlow: "wrap"
           },
-          children: [/*#__PURE__*/_jsx("div", {
-            onClick: _onButtonClick,
-            style: {
-              marginRight: '12px'
-            },
-            children: button || onButtonClick && /*#__PURE__*/_jsxs(Button, {
-              className: "arcblock-blocklet__button--hover",
-              variant: "outlined",
-              color: "primary",
-              size: "small",
-              disabled: buttonDisabled || buttonLoading,
-              style: {
-                padding: '3px 6px',
-                fontSize: '14px',
-                minWidth: '92px',
-                textAlign: 'center'
-              },
-              children: [buttonLoading && /*#__PURE__*/_jsx(CircularProgress, {
-                size: 15,
+          children: [
+            /* @__PURE__ */ o("div", { onClick: w, style: { marginRight: "12px" }, children: m || b && /* @__PURE__ */ r(
+              P,
+              {
+                className: "arcblock-blocklet__button--hover",
+                variant: "outlined",
+                color: "primary",
+                size: "small",
+                disabled: d || a,
                 style: {
-                  marginRight: 3,
-                  color: 'inherit'
-                }
-              }), buttonText]
-            })
-          }), /*#__PURE__*/_jsx("div", {
-            className: "arcblock-blocklet__version",
-            children: version && `v${version}`
-          })]
-        })]
-      })]
-    })
-  });
+                  padding: "3px 6px",
+                  fontSize: "14px",
+                  minWidth: "92px",
+                  textAlign: "center"
+                },
+                children: [
+                  a && /* @__PURE__ */ o(I, { size: 15, style: { marginRight: 3, color: "inherit" } }),
+                  u
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ o("div", { className: "arcblock-blocklet__version", children: p && `v${p}` })
+          ]
+        }
+      )
+    ] })
+  ] }) });
 }
-BlockletStore.propTypes = {
-  title: PropTypes.string || PropTypes.node,
-  did: PropTypes.string,
-  description: PropTypes.string || PropTypes.node,
-  cover: PropTypes.string,
-  buttonText: PropTypes.string,
-  buttonDisabled: PropTypes.bool,
-  buttonLoading: PropTypes.bool,
-  button: PropTypes.element,
-  version: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  onMainClick: PropTypes.func,
-  className: PropTypes.string
+H.propTypes = {
+  title: t.string || t.node,
+  did: t.string,
+  description: t.string || t.node,
+  cover: t.string,
+  buttonText: t.string,
+  buttonDisabled: t.bool,
+  buttonLoading: t.bool,
+  button: t.element,
+  version: t.string,
+  onButtonClick: t.func,
+  onMainClick: t.func,
+  className: t.string
+};
+export {
+  H as default
 };
-BlockletStore.defaultProps = {
-  title: '',
-  description: '',
-  cover: null,
-  did: null,
-  buttonText: 'Install',
-  buttonDisabled: false,
-  buttonLoading: false,
-  button: null,
-  version: null,
-  onButtonClick: null,
-  onMainClick: null,
-  className: null
-};

package/lib/Blocklet/index.d.ts

@@ -1,5 +1,4 @@
+import { default as ActionButton, strippedString } from './utils';
+import { default as Blocklet } from './blocklet';
 export default Blocklet;
-import ActionButton from './utils';
-import { strippedString } from './utils';
-import Blocklet from './blocklet';
 export { ActionButton, strippedString };

package/lib/Blocklet/index.js

@@ -1,4 +1,7 @@
-import ActionButton, { strippedString } from './utils';
-import Blocklet from './blocklet';
-export { ActionButton, strippedString };
-export default Blocklet;
+import { default as p, strippedString as a } from "./utils.js";
+import o from "./blocklet.js";
+export {
+  p as ActionButton,
+  o as default,
+  a as strippedString
+};

package/lib/Blocklet/utils.d.ts

@@ -1,3 +1,3 @@
 export default ActionButton;
 export function strippedString(originalString?: string): string;
-declare const ActionButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/Blocklet/utils.js

@@ -1,5 +1,5 @@
-import { styled } from '../Theme';
-const ActionButton = styled('div')`
+import { styled as o } from "../Theme/index.js";
+const e = o("div")`
   background-color: transparent !important;
   & > :not(.Mui-disabled) {
     position: relative;
@@ -24,7 +24,7 @@ const ActionButton = styled('div')`
       top: 0;
       left: 0;
       border-radius: 2px;
-      background-color: ${props => props.theme.palette.primary.main};
+      background-color: ${(t) => t.theme.palette.primary.main};
       transform: scale(0.1);
       opacity: 0;
       z-index: -1;
@@ -41,15 +41,15 @@ const ActionButton = styled('div')`
   }
   & > :not(.Mui-disabled) {
     background-color: transparent !important;
-    color: ${props => props.theme.palette.primary.main}!important;
+    color: ${(t) => t.theme.palette.primary.main}!important;
   }
   & > :not(.Mui-disabled) {
     &:hover {
-      color: ${props => props.theme.palette.common.white}!important;
+      color: ${(t) => t.theme.palette.common.white}!important;
     }
   }
-`;
-export default ActionButton;
-export const strippedString = (originalString = '') => {
-  return originalString.replace(/(<([^>]+)>)/gi, '').trim();
-};
+`, i = (t = "") => t.replace(/(<([^>]+)>)/gi, "").trim();
+export {
+  e as default,
+  i as strippedString
+};

package/lib/BlockletContext/index.d.ts

@@ -1,9 +1,9 @@
-import type { Blocklet } from '../type';
-declare const BlockletContext: import("react").Context<{
+import { Blocklet } from '../type';
+declare const BlockletContext: import('react').Context<{
     blocklet: Blocklet | null;
     masterBlocklet: Blocklet | null;
 }>;
-declare const Consumer: import("react").Consumer<{
+declare const Consumer: import('react').Consumer<{
     blocklet: Blocklet | null;
     masterBlocklet: Blocklet | null;
 }>;

package/lib/BlockletContext/index.js

@@ -1,67 +1,42 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemoizedFn, useAsyncEffect } from 'ahooks';
-import { createContext, useContext, useState } from 'react';
-import { getBlockletData, getFederatedEnabled, getMaster } from '../Util/federated';
-const BlockletContext = /*#__PURE__*/createContext({
+import { jsx as B } from "react/jsx-runtime";
+import { useMemoizedFn as d, useAsyncEffect as h } from "ahooks";
+import { createContext as D, useState as c, use as p } from "react";
+import { getBlockletData as r, getFederatedEnabled as w, getMaster as b } from "../Util/federated.js";
+const s = D({
   blocklet: null,
   masterBlocklet: null
-});
-const {
-  Provider,
-  Consumer
-} = BlockletContext;
-function BlockletProvider({
-  children,
-  baseUrl = '',
-  loading = null
+}), { Provider: g, Consumer: M } = s;
+function j({
+  children: l,
+  baseUrl: e = "",
+  loading: i = null
 }) {
-  const [blockletData, setBlockletData] = useState(null);
-  const [masterBlockletData, setMasterBlockletData] = useState(null);
-  const getBlockleDataWithCache = useMemoizedFn(async () => {
-    if (!baseUrl || window.location.href.startsWith(baseUrl)) {
-      throw new Error('no blocklet data');
-    }
-    const jsonData = await getBlockletData(baseUrl);
-    return jsonData;
+  const [a, u] = c(null), [k, m] = c(null), f = d(async () => {
+    if (!e || window.location.href.startsWith(e))
+      throw new Error("no blocklet data");
+    return await r(e);
   });
-  useAsyncEffect(async () => {
-    let result = null;
-    let resultMaster = null;
+  return h(async () => {
+    let t = null, n = null;
     try {
-      result = await getBlockleDataWithCache();
+      t = await f();
     } catch {
-      // NOTICE: 如果获取指定 blockletData 失败，则使用 window.blocklet
-      const data = globalThis.blocklet || globalThis.env;
-      result = data;
+      t = globalThis.blocklet || globalThis.env;
     }
-    if (result) {
-      if (getFederatedEnabled(result)) {
-        const masterSite = getMaster(result);
-        if (masterSite) {
-          resultMaster = await getBlockletData(masterSite.appUrl);
-        }
-      }
+    if (t && w(t)) {
+      const o = b(t);
+      o && (n = await r(o.appUrl));
     }
-    setBlockletData(result);
-    setMasterBlockletData(resultMaster);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [baseUrl]);
-  return /*#__PURE__*/_jsx(Provider, {
-    value: {
-      blocklet: blockletData,
-      masterBlocklet: masterBlockletData
-    },
-    children: blockletData ? children : loading || null
-  });
+    u(t), m(n);
+  }, [e]), /* @__PURE__ */ B(g, { value: { blocklet: a, masterBlocklet: k }, children: a ? l : i || null });
 }
-function useBlockletContext() {
-  const {
-    blocklet,
-    masterBlocklet
-  } = useContext(BlockletContext);
-  return {
-    blocklet,
-    masterBlocklet
-  };
+function E() {
+  const { blocklet: l, masterBlocklet: e } = p(s);
+  return { blocklet: l, masterBlocklet: e };
 }
-export { BlockletContext, BlockletProvider, Consumer as BlockletConsumer, useBlockletContext };
+export {
+  M as BlockletConsumer,
+  s as BlockletContext,
+  j as BlockletProvider,
+  E as useBlockletContext
+};

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

@@ -0,0 +1,17 @@
+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 };