@arcblock/ux 2.13.70 → 3.0.0

package/lib/NFTDisplay/broken.js

@@ -1,289 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import Box from '@mui/material/Box';
-import { styled } from '../Theme';
-var NFTBroken = function NFTBroken(props) {
-  return /*#__PURE__*/_jsxs("svg", {
-    ...props,
-    children: [/*#__PURE__*/_jsxs("g", {
-      clipPath: "url(#clip0_317_299)",
-      children: [/*#__PURE__*/_jsx("rect", {
-        x: "60",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        width: "60",
-        height: "60",
-        fill: "#F9FAFB",
-        style: {
-          fill: "color(display-p3 0.9765 0.9804 0.9843)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "180",
-        width: "60",
-        height: "60",
-        fill: "#F9FAFB",
-        style: {
-          fill: "color(display-p3 0.9765 0.9804 0.9843)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "120",
-        width: "60",
-        height: "60",
-        fill: "#E5E7EB",
-        style: {
-          fill: "color(display-p3 0.8980 0.9059 0.9216)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "240",
-        width: "60",
-        height: "60",
-        fill: "#E5E7EB",
-        style: {
-          fill: "color(display-p3 0.8980 0.9059 0.9216)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        y: "60",
-        width: "60",
-        height: "60",
-        fill: "#E5E7EB",
-        style: {
-          fill: "color(display-p3 0.8980 0.9059 0.9216)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "60",
-        y: "60",
-        width: "60",
-        height: "60",
-        fill: "#F9FAFB",
-        style: {
-          fill: "color(display-p3 0.9765 0.9804 0.9843)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "120",
-        y: "60",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "240",
-        y: "59.9999",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "180",
-        y: "59.9999",
-        width: "60",
-        height: "60",
-        fill: "#E5E7EB",
-        style: {
-          fill: "color(display-p3 0.8980 0.9059 0.9216)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        y: "120",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        y: "180",
-        width: "60",
-        height: "60",
-        fill: "#F9FAFB",
-        style: {
-          fill: "color(display-p3 0.9765 0.9804 0.9843)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        y: "240",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "60",
-        y: "120",
-        width: "60",
-        height: "60",
-        fill: "#E5E7EB",
-        style: {
-          fill: "color(display-p3 0.8980 0.9059 0.9216)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "60",
-        y: "180",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "60",
-        y: "240",
-        width: "60",
-        height: "60",
-        fill: "#E5E7EB",
-        style: {
-          fill: "color(display-p3 0.8980 0.9059 0.9216)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "120",
-        y: "120",
-        width: "60",
-        height: "60",
-        fill: "#F9FAFB",
-        style: {
-          fill: "color(display-p3 0.9765 0.9804 0.9843)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "180",
-        y: "180",
-        width: "60",
-        height: "60",
-        fill: "#F9FAFB",
-        style: {
-          fill: "color(display-p3 0.9765 0.9804 0.9843)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "120",
-        y: "240",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "240",
-        y: "120",
-        width: "60",
-        height: "60",
-        fill: "#F9FAFB",
-        style: {
-          fill: "color(display-p3 0.9765 0.9804 0.9843)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "120",
-        y: "180",
-        width: "60",
-        height: "60",
-        fill: "#E5E7EB",
-        style: {
-          fill: "color(display-p3 0.8980 0.9059 0.9216)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "180",
-        y: "240",
-        width: "60",
-        height: "60",
-        fill: "#E5E7EB",
-        style: {
-          fill: "color(display-p3 0.8980 0.9059 0.9216)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "180",
-        y: "120",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "240",
-        y: "180",
-        width: "60",
-        height: "60",
-        fill: "#F3F4F6",
-        style: {
-          fill: "color(display-p3 0.9529 0.9569 0.9647)",
-          fillOpacity: "1"
-        }
-      }), /*#__PURE__*/_jsx("rect", {
-        x: "240",
-        y: "240",
-        width: "60",
-        height: "60",
-        fill: "#F9FAFB",
-        style: {
-          fill: "color(display-p3 0.9765 0.9804 0.9843)",
-          fillOpacity: "1"
-        }
-      })]
-    }), /*#__PURE__*/_jsx("defs", {
-      children: /*#__PURE__*/_jsx("clipPath", {
-        id: "clip0_317_299",
-        children: /*#__PURE__*/_jsx("rect", {
-          width: "300",
-          height: "300",
-          fill: "white",
-          style: {
-            fill: "white",
-            fillOpacity: "1"
-          }
-        })
-      })
-    })]
-  });
-};
-NFTBroken.defaultProps = {
-  width: "300",
-  height: "300",
-  viewBox: "0 0 300 300",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-export default function Broken({
-  children = 'Non-publicly accessible NFT'
-} = {}) {
-  return /*#__PURE__*/_jsxs(Root, {
-    children: [/*#__PURE__*/_jsx(NFTBroken, {
-      className: "nft-display-broken-background"
-    }), children && /*#__PURE__*/_jsx(Box, {
-      className: "nft-display-broken-content",
-      children: children
-    })]
-  });
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Box as o } from "@mui/material";
+import { styled as i } from "../Theme/index.js";
+import r from "./NFTBroken.svg.js";
+function c({ children: t = "Non-publicly accessible NFT" } = {}) {
+  return /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ e(r, { className: "nft-display-broken-background" }),
+    t && /* @__PURE__ */ e(o, { className: "nft-display-broken-content", children: t })
+  ] });
 }
-const Root = styled(Box)`
+const s = i(o)`
   width: 100%;
   height: 100%;
   position: relative;
@@ -315,4 +40,7 @@ const Root = styled(Box)`
       0 0 2px #fff;
     user-select: none;
   }
-`;
+`;
+export {
+  c as default
+};

package/lib/NFTDisplay/displayApi.d.ts

@@ -1,2 +1,2 @@
-declare const instance: import("axios").AxiosInstance;
+declare const instance: import('axios').AxiosInstance;
 export default instance;

package/lib/NFTDisplay/displayApi.js

@@ -1,47 +1,20 @@
-import axios from 'axios';
-import adapter from 'axios/lib/adapters/xhr.js';
-const cache = new Map();
-const EXPIRATION_TIME_MS = 10 * 60 * 1000; // 10 minutes
-
-const cacheAdapterEnhancer = config => {
-  const {
-    url,
-    method
-  } = config;
-  const cacheKey = JSON.stringify({
-    url,
-    method
-  });
-  if (cache.has(cacheKey)) {
-    const cachedResult = cache.get(cacheKey);
-    if (Date.now() - cachedResult.timestamp < EXPIRATION_TIME_MS) {
-      if (cachedResult.error) {
-        return Promise.reject(cachedResult.error);
-      }
-      return Promise.resolve({
-        headers: cachedResult.headers
-      });
-    }
-    cache.delete(cacheKey);
+import c from "axios";
+import n from "axios/lib/adapters/xhr.js";
+const r = /* @__PURE__ */ new Map(), h = 10 * 60 * 1e3, i = (a) => {
+  const { url: s, method: o } = a, t = JSON.stringify({ url: s, method: o });
+  if (r.has(t)) {
+    const e = r.get(t);
+    if (Date.now() - e.timestamp < h)
+      return e.error ? Promise.reject(e.error) : Promise.resolve({ headers: e.headers });
+    r.delete(t);
   }
-  return adapter(config).then(response => {
-    // cache headers
-    cache.set(cacheKey, {
-      headers: response.headers,
-      timestamp: Date.now()
-    });
-    return response;
-  }).catch(error => {
-    // cache error
-    cache.set(cacheKey, {
-      error,
-      timestamp: Date.now()
-    });
-    throw error;
+  return n(a).then((e) => (r.set(t, { headers: e.headers, timestamp: Date.now() }), e)).catch((e) => {
+    throw r.set(t, { error: e, timestamp: Date.now() }), e;
   });
-};
-const instance = axios.create({
-  adapter: cacheAdapterEnhancer,
-  timeout: 5000
+}, p = c.create({
+  adapter: i,
+  timeout: 5e3
 });
-export default instance;
+export {
+  p as default
+};

package/lib/NFTDisplay/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type BoxProps } from '@mui/material';
+import { default as React } from 'react';
+import { BoxProps } from '@mui/material';
 /**
  * 从 assetState 中获取 nft data, 兼容新旧两种类型的数据结构, 建议将该方法的返回值传入 NFTDisplay 组件的 data prop
  * - 旧: assetState.data.value (.credentialSubject.display)