@arcblock/ux 2.7.16 → 2.7.18

package/src/Typography/index.jsx

@@ -0,0 +1,79 @@
+import PropTyps from 'prop-types';
+import { Box, Typography as MuiTypography, Skeleton } from '@mui/material';
+import { useReactive, useSize } from 'ahooks';
+import { useEffect, useRef } from 'react';
+
+export default function Typography({ minFontSize, fontSize, children, sx, ...rest }) {
+  const refMock = useRef(null);
+  const refContainer = useRef(null);
+  const state = useReactive({
+    fontSize,
+    loading: true,
+    initialSize: undefined,
+  });
+  const mockSize = useSize(refMock.current);
+  const containerSize = useSize(refContainer.current);
+  useEffect(() => {
+    if (state.loading) {
+      if (fontSize === 'auto') {
+        if (mockSize && !state.initialSize) {
+          const styleSize = getComputedStyle(refMock.current).fontSize;
+          state.initialSize = Number(styleSize.replace('px', ''));
+          state.fontSize = state.initialSize;
+        }
+        if (containerSize && mockSize) {
+          if (containerSize.width < mockSize.width && state.fontSize > minFontSize) {
+            state.fontSize--;
+          } else {
+            state.loading = false;
+          }
+        }
+      } else {
+        state.loading = false;
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [fontSize, mockSize?.width, containerSize?.width]);
+
+  return state.loading ? (
+    <Box ref={refContainer} flex={1}>
+      <MuiTypography {...rest} sx={sx} noWrap>
+        <Skeleton variant="text" sx={{ fontSize: '1rem' }} />
+      </MuiTypography>
+      <MuiTypography
+        ref={refMock}
+        {...rest}
+        sx={{
+          ...sx,
+          fontSize: `${state.fontSize}px !important`,
+          position: 'fixed',
+          top: -1000,
+          left: -1000,
+        }}
+        noWrap>
+        {children}
+      </MuiTypography>
+    </Box>
+  ) : (
+    <MuiTypography
+      {...rest}
+      sx={{
+        ...sx,
+        fontSize: `${state.fontSize}px !important`,
+      }}>
+      {children}
+    </MuiTypography>
+  );
+}
+
+Typography.propTypes = {
+  fontSize: PropTyps.oneOfType([PropTyps.string, PropTyps.number]),
+  children: PropTyps.any.isRequired,
+  minFontSize: PropTyps.number,
+  sx: PropTyps.object,
+};
+Typography.defaultProps = {
+  fontSize: undefined,
+  minFontSize: 12,
+  sx: {},
+};

package/src/Util/federated.js

@@ -0,0 +1,73 @@
+import isEmpty from 'lodash/isEmpty';
+
+export function getMaster(blocklet = window.blocklet) {
+  const federated = blocklet?.settings?.federated || {};
+  return federated.master;
+}
+
+export function getConfig(blocklet = window.blocklet) {
+  const federated = blocklet?.settings?.federated || {};
+  return federated.config;
+}
+
+export function getAutoLoginFederated(blocklet = window.blocklet) {
+  const config = getConfig(blocklet);
+  return Boolean(config?.autoLogin) && config?.status === 'approved';
+}
+
+export function getSourceAppPid(blocklet = window.blocklet) {
+  const master = getMaster(blocklet);
+  return master?.appPid;
+}
+
+export function getFederatedApp(blocklet = window.blocklet) {
+  const master = getMaster(blocklet);
+  const isFederatedMode = !isEmpty(master);
+  return isFederatedMode
+    ? {
+        appId: master.appId,
+        appName: master.appName,
+        appDescription: master.appDescription,
+        appLogo: master.appLogo,
+        appPid: master.appPid,
+        appUrl: master.appUrl,
+        version: master.version,
+        sourceAppPid: master.appPid,
+        provider: 'wallet',
+      }
+    : null;
+}
+
+export function getCurrentApp(blocklet = window.blocklet) {
+  // 适用于 blocklet 项目
+  if (blocklet) {
+    return {
+      appId: blocklet.appId,
+      appName: blocklet.appName,
+      appDescription: blocklet.appDescription,
+      appLogo: blocklet.appLogo,
+      appPid: blocklet.appPid,
+      appUrl: blocklet.appUrl,
+      version: blocklet.version,
+      // NOTICE: null 代表该值置空
+      sourceAppPid: null,
+      provider: 'wallet',
+    };
+  }
+  // HACK: 适用于 blockelt-server
+  if (window.env) {
+    // eslint-disable-next-line no-param-reassign
+    blocklet = window.env;
+    return {
+      appId: blocklet.appId,
+      appName: blocklet.appName,
+      appDescription: blocklet.appDescription,
+      appUrl: blocklet.baseUrl,
+      // NOTICE: null 代表该值置空
+      sourceAppPid: null,
+      provider: 'wallet',
+      type: 'server',
+    };
+  }
+  return null;
+}

package/es/SessionManager/use-accounts.js

@@ -1,19 +0,0 @@
-import { useLocalStorageState, useMemoizedFn } from 'ahooks';
-export default function useAccounts() {
-  const [accounts, setAccounts] = useLocalStorageState('blocklet:sessionManager:accounts', {
-    defaultValue: []
-  });
-  const connectAccount = useMemoizedFn(account => {
-    const accountIndex = accounts.findIndex(x => x.did === account.did);
-    if (accountIndex >= 0) {
-      accounts.splice(accountIndex, 1);
-    }
-    accounts.unshift(account);
-    setAccounts(accounts);
-  });
-  return {
-    accounts,
-    setAccounts,
-    connectAccount
-  };
-}

package/lib/SessionManager/use-accounts.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useAccounts;
-var _ahooks = require("ahooks");
-function useAccounts() {
-  const [accounts, setAccounts] = (0, _ahooks.useLocalStorageState)('blocklet:sessionManager:accounts', {
-    defaultValue: []
-  });
-  const connectAccount = (0, _ahooks.useMemoizedFn)(account => {
-    const accountIndex = accounts.findIndex(x => x.did === account.did);
-    if (accountIndex >= 0) {
-      accounts.splice(accountIndex, 1);
-    }
-    accounts.unshift(account);
-    setAccounts(accounts);
-  });
-  return {
-    accounts,
-    setAccounts,
-    connectAccount
-  };
-}

package/src/SessionManager/use-accounts.js

@@ -1,18 +0,0 @@
-import { useLocalStorageState, useMemoizedFn } from 'ahooks';
-
-export default function useAccounts() {
-  const [accounts, setAccounts] = useLocalStorageState('blocklet:sessionManager:accounts', {
-    defaultValue: [],
-  });
-
-  const connectAccount = useMemoizedFn((account) => {
-    const accountIndex = accounts.findIndex((x) => x.did === account.did);
-    if (accountIndex >= 0) {
-      accounts.splice(accountIndex, 1);
-    }
-    accounts.unshift(account);
-    setAccounts(accounts);
-  });
-
-  return { accounts, setAccounts, connectAccount };
-}