@arcblock/ux 2.13.69 → 3.0.0

package/lib/DIDConnect/app-info-item.js

@@ -1,84 +1,78 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, IconButton, Tooltip } from '@mui/material';
-import CheckIcon from '@iconify-icons/material-symbols/check';
-import { Icon } from '@iconify/react';
-import { useCreation, useSize } from 'ahooks';
-import { useRef } from 'react';
-import DID from '../DID';
-import { mergeSx } from '../Util/style';
-import AppIcon from './app-icon';
-import { DID_CONNECT_MEDIUM_WIDTH } from '../Util/constant';
-export default function AppInfoItem({
-  appInfo,
-  active = false,
-  appLogo = null,
-  sx
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { Box as i, Tooltip as m, IconButton as c } from "@mui/material";
+import f from "@iconify-icons/material-symbols/check";
+import { Icon as d } from "@iconify/react";
+import { useSize as h, useCreation as u } from "ahooks";
+import { useRef as x } from "react";
+import { DID as w } from "../DID/index.js";
+import { mergeSx as I } from "../Util/style.js";
+import N from "./app-icon.js";
+import { DID_CONNECT_MEDIUM_WIDTH as C } from "../Util/constant.js";
+function b({
+  appInfo: r,
+  active: l = !1,
+  appLogo: s = null,
+  sx: a
 }) {
-  const rootRef = useRef(null);
-  const size = useSize(rootRef);
-  const isTinyView = useCreation(() => {
-    if (size) {
-      return size.width < DID_CONNECT_MEDIUM_WIDTH - 50;
-    }
-    return true;
-  }, [size, size?.width]);
-  return /*#__PURE__*/_jsxs(Box, {
-    ref: rootRef,
-    sx: mergeSx({
-      display: 'flex',
-      alignItems: 'center',
-      fontWeight: 600,
-      color: 'text.primary',
-      '& .app-info-content': {
-        paddingLeft: '8px',
-        overflow: 'hidden'
-      },
-      '& .app-info-name': {
-        maxWidth: '100%',
-        lineHeight: 'normal',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        fontSize: '12px',
-        color: 'text.primary'
-      }
-    }, sx),
-    children: [appLogo || /*#__PURE__*/_jsx(Box, {
-      sx: {
-        borderRadius: 1,
-        overflow: 'hidden',
-        fontSize: 0
-      },
-      children: /*#__PURE__*/_jsx(AppIcon, {
-        appInfo: appInfo
-      })
-    }), /*#__PURE__*/_jsxs(Box, {
-      className: "app-info-content",
-      children: [/*#__PURE__*/_jsx(Tooltip, {
-        title: appInfo.appName,
-        placement: "top",
-        children: /*#__PURE__*/_jsx(Box, {
-          className: "app-info-name",
-          children: appInfo.appName
-        })
-      }), appInfo.appPid && /*#__PURE__*/_jsx(DID, {
-        className: "app-info-did",
-        did: appInfo.appPid,
-        sx: {
-          fontSize: '10px !important'
+  const t = x(null), o = h(t), n = u(() => o ? o.width < C - 50 : !0, [o, o == null ? void 0 : o.width]);
+  return /* @__PURE__ */ p(
+    i,
+    {
+      ref: t,
+      sx: I(
+        {
+          display: "flex",
+          alignItems: "center",
+          fontWeight: 600,
+          color: "text.primary",
+          "& .app-info-content": {
+            paddingLeft: "8px",
+            overflow: "hidden"
+          },
+          "& .app-info-name": {
+            maxWidth: "100%",
+            lineHeight: "normal",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            fontSize: "12px",
+            color: "text.primary"
+          }
         },
-        copyable: false,
-        startChars: isTinyView ? 6 : 8,
-        endChars: isTinyView ? 6 : 8,
-        size: 12
-      })]
-    }), active ? /*#__PURE__*/_jsx(IconButton, {
-      size: "small",
-      color: "success",
-      children: /*#__PURE__*/_jsx(Icon, {
-        icon: CheckIcon,
-        color: "success"
-      })
-    }) : null]
-  });
-}
+        a
+      ),
+      children: [
+        s || /* @__PURE__ */ e(
+          i,
+          {
+            sx: {
+              borderRadius: 1,
+              overflow: "hidden",
+              fontSize: 0
+            },
+            children: /* @__PURE__ */ e(N, { appInfo: r })
+          }
+        ),
+        /* @__PURE__ */ p(i, { className: "app-info-content", children: [
+          /* @__PURE__ */ e(m, { title: r.appName, placement: "top", children: /* @__PURE__ */ e(i, { className: "app-info-name", children: r.appName }) }),
+          r.appPid && /* @__PURE__ */ e(
+            w,
+            {
+              className: "app-info-did",
+              did: r.appPid,
+              sx: { fontSize: "10px !important" },
+              copyable: !1,
+              startChars: n ? 6 : 8,
+              endChars: n ? 6 : 8,
+              size: 12
+            }
+          )
+        ] }),
+        l ? /* @__PURE__ */ e(c, { size: "small", color: "success", children: /* @__PURE__ */ e(d, { icon: f, color: "success" }) }) : null
+      ]
+    }
+  );
+}
+export {
+  b as default
+};

package/lib/DIDConnect/auth-apps/auth-apps-info.js

@@ -1,67 +1,75 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import Img from '../../Img';
-export default function AuthAppsInfo({
-  requestAppInfo,
-  currentAppInfo
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { Box as e, Typography as l } from "@mui/material";
+import o from "../../Img/index.js";
+function c({
+  requestAppInfo: r,
+  currentAppInfo: a
 }) {
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      textAlign: 'center',
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      gap: 2
-    },
-    children: [/*#__PURE__*/_jsxs(Box, {
+  return /* @__PURE__ */ i(
+    e,
+    {
       sx: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
+        textAlign: "center",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 2
       },
-      children: [/*#__PURE__*/_jsx(Img, {
-        src: currentAppInfo.appLogo,
-        alt: "Server",
-        width: 48,
-        height: 48
-      }), /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          mx: 2,
-          display: 'flex',
-          alignItems: 'center',
-          '& .dot': {
-            width: 8,
-            height: 8,
-            borderRadius: '50%',
-            bgcolor: 'divider',
-            mx: 0.5
+      children: [
+        /* @__PURE__ */ i(
+          e,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ t(o, { src: a.appLogo, alt: "Server", width: 48, height: 48 }),
+              /* @__PURE__ */ i(
+                e,
+                {
+                  sx: {
+                    mx: 2,
+                    display: "flex",
+                    alignItems: "center",
+                    "& .dot": {
+                      width: 8,
+                      height: 8,
+                      borderRadius: "50%",
+                      bgcolor: "divider",
+                      mx: 0.5
+                    }
+                  },
+                  children: [
+                    /* @__PURE__ */ t(e, { className: "dot" }),
+                    /* @__PURE__ */ t(e, { className: "dot" }),
+                    /* @__PURE__ */ t(e, { className: "dot" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ t(o, { src: r.appLogo, alt: r.appName, width: 48, height: 48 })
+            ]
           }
-        },
-        children: [/*#__PURE__*/_jsx(Box, {
-          className: "dot"
-        }), /*#__PURE__*/_jsx(Box, {
-          className: "dot"
-        }), /*#__PURE__*/_jsx(Box, {
-          className: "dot"
-        })]
-      }), /*#__PURE__*/_jsx(Img, {
-        src: requestAppInfo.appLogo,
-        alt: requestAppInfo.appName,
-        width: 48,
-        height: 48
-      })]
-    }), /*#__PURE__*/_jsxs(Typography, {
-      sx: {
-        mb: 1,
-        fontSize: '1.2rem'
-      },
-      children: ["Authorize", ' ', /*#__PURE__*/_jsx(Box, {
-        component: "span",
-        sx: {
-          color: 'primary.main'
-        },
-        children: requestAppInfo.appName
-      })]
-    })]
-  });
-}
+        ),
+        /* @__PURE__ */ i(
+          l,
+          {
+            sx: {
+              mb: 1,
+              fontSize: "1.2rem"
+            },
+            children: [
+              "Authorize",
+              " ",
+              /* @__PURE__ */ t(e, { component: "span", sx: { color: "primary.main" }, children: r.appName })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  c as default
+};

package/lib/DIDConnect/auth-apps/index.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material';
-import type { UserPublicInfo } from '@blocklet/js-sdk';
-import { type RequestAppInfo, type CurrentAppInfo } from './auth-apps-info';
+import { UserPublicInfo } from '@blocklet/js-sdk';
+import { RequestAppInfo, CurrentAppInfo } from './auth-apps-info';
 /**
  * @example app/connect-to-did-space?appPid=zNKp8tdZUanWKnvhwZWvF2hKRutwM9ykLaY8&appDid=zNKp8tdZUanWKnvhwZWvF2hKRutwM9ykLaY8&appName=233&appDescription=456&appUrl=https://bbqaw5mgxc6fnihrwqcejcxvukkdgkk4anwxwk5msvm.did.abtnet.io/zh
  */