@arcblock/ux 2.13.70 → 3.0.0

package/lib/UserCard/Cards/avatar-only.js

@@ -1,37 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { InfoType } from '../types';
-import TooltipAvatar from '../Content/tooltip-avatar';
-// AvatarOnly卡片组件，处理仅头像模式的渲染
-function AvatarOnlyCard(props) {
-  const {
-    user,
-    infoType,
-    avatarSize = 48,
-    shouldShowHoverCard = false,
-    renderCardContent,
-    ...rest
-  } = props;
-
-  // 对于NameOnly类型使用普通Tooltip
-  if (infoType === InfoType.NameOnly) {
-    return /*#__PURE__*/_jsx(TooltipAvatar, {
-      user: user,
-      avatarSize: avatarSize,
-      shouldShowHoverCard: false,
-      renderCardContent: renderCardContent,
-      tooltipTitle: user.fullName || user.email || user.did,
-      ...rest
-    });
-  }
-
-  // 其他类型使用自定义Tooltip或无Tooltip
-  return /*#__PURE__*/_jsx(TooltipAvatar, {
-    user: user,
-    avatarSize: avatarSize,
-    shouldShowHoverCard: shouldShowHoverCard,
-    renderCardContent: renderCardContent,
-    ...rest
-  });
+import { jsx as a } from "react/jsx-runtime";
+import { InfoType as d } from "../types.js";
+import l from "../Content/tooltip-avatar.js";
+function u(i) {
+  const { user: r, infoType: n, avatarSize: o = 48, shouldShowHoverCard: f = !1, renderCardContent: e, ...t } = i;
+  return n === d.NameOnly ? /* @__PURE__ */ a(
+    l,
+    {
+      user: r,
+      avatarSize: o,
+      shouldShowHoverCard: !1,
+      renderCardContent: e,
+      tooltipTitle: r.fullName || r.email || r.did,
+      ...t
+    }
+  ) : /* @__PURE__ */ a(
+    l,
+    {
+      user: r,
+      avatarSize: o,
+      shouldShowHoverCard: f,
+      renderCardContent: e,
+      ...t
+    }
+  );
 }
-export default AvatarOnlyCard;
+export {
+  u as default
+};

package/lib/UserCard/Cards/basic-info.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
+import { default as React } from 'react';
 import { UserCardProps, User } from '../types';
 interface BasicCardProps extends Omit<UserCardProps, 'user'> {
     user: User;
     shouldShowHoverCard: boolean;
     renderCardContent?: () => React.ReactNode | null;
-    isFull?: boolean;
 }
 declare function BasicCard(props: BasicCardProps): import("react/jsx-runtime").JSX.Element;
 export default BasicCard;

package/lib/UserCard/Cards/basic-info.js

@@ -1,44 +1,36 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Box } from '@mui/material';
-import { InfoType } from '../types';
-import MinimalContent from '../Content/minimal';
-import BasicContent from '../Content/basic';
-// 详细卡片模式下的Basic渲染组件
-function BasicCard(props) {
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { Box as r } from "@mui/material";
+import { InfoType as t } from "../types.js";
+import f from "../Content/minimal.js";
+import c from "../Content/basic.js";
+function y(n) {
   const {
-    user,
-    avatarSize = 40,
-    renderCustomContent,
-    isFull = true,
-    infoType = InfoType.Minimal,
-    renderFields,
-    popupRenderFields,
-    ...rest
-  } = props;
-  return /*#__PURE__*/_jsxs(Box, {
-    display: "flex",
-    flexDirection: "column",
-    width: "100%",
-    flex: 1,
-    height: "100%",
-    children: [/*#__PURE__*/_jsx(MinimalContent, {
-      user: user,
-      avatarSize: avatarSize,
-      ...rest
-    }), infoType === InfoType.Basic && /*#__PURE__*/_jsx(BasicContent, {
-      user: user,
-      isFull: isFull,
-      renderFields: renderFields
-    }), /*#__PURE__*/_jsx(Box, {
-      className: "user-card__footer",
-      children: renderCustomContent && /*#__PURE__*/_jsx(Box, {
-        sx: {
-          mt: 1.5
-        },
-        children: renderCustomContent()
-      })
-    })]
-  });
+    user: i,
+    avatarSize: s = 40,
+    renderCustomContent: o,
+    infoType: m = t.Minimal,
+    renderFields: a,
+    popupRenderFields: p,
+    ...l
+  } = n;
+  return /* @__PURE__ */ d(
+    r,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        flex: 1,
+        height: "100%"
+      },
+      children: [
+        /* @__PURE__ */ e(f, { user: i, avatarSize: s, ...l }),
+        m === t.Basic && /* @__PURE__ */ e(c, { user: i, renderFields: a }),
+        /* @__PURE__ */ e(r, { className: "user-card__footer", children: o && /* @__PURE__ */ e(r, { sx: { mt: 1.5 }, children: o() }) })
+      ]
+    }
+  );
 }
-export default BasicCard;
+export {
+  y as default
+};

package/lib/UserCard/Cards/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { UserCardProps, User } from '../types';
 interface DetailedCardProps extends Omit<UserCardProps, 'user'> {
     user: User;

package/lib/UserCard/Cards/index.js

@@ -1,24 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { InfoType } from '../types';
-import NameOnlyCard from './name-only';
-import BasicCard from './basic-info';
-// DetailedCard组件，根据infoType选择不同的卡片组件进行渲染
-function DetailedCard(props) {
-  const {
-    infoType = InfoType.Minimal
-  } = props;
-
-  // 根据信息类型选择合适的卡片组件
-  switch (infoType) {
-    case InfoType.NameOnly:
-      return /*#__PURE__*/_jsx(NameOnlyCard, {
-        ...props
-      });
+import { jsx as t } from "react/jsx-runtime";
+import { InfoType as a } from "../types.js";
+import i from "./name-only.js";
+import m from "./basic-info.js";
+function l(r) {
+  const { infoType: e = a.Minimal } = r;
+  switch (e) {
+    case a.NameOnly:
+      return /* @__PURE__ */ t(i, { ...r });
     default:
-      return /*#__PURE__*/_jsx(BasicCard, {
-        ...props
-      });
+      return /* @__PURE__ */ t(m, { ...r });
   }
 }
-export default DetailedCard;
+export {
+  l as default
+};

package/lib/UserCard/Cards/name-only.js

@@ -1,19 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import { renderAvatar } from '../components';
-
-// 详细卡片模式下的NameOnly渲染组件
-function NameOnlyCard(props) {
-  const {
-    user,
-    avatarSize = 48,
-    onAvatarClick
-  } = props;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [renderAvatar(user, avatarSize, props.avatarProps, onAvatarClick), /*#__PURE__*/_jsx(Typography, {
-      variant: "body1",
-      children: user.fullName || user.email || user.did
-    })]
-  });
+import { jsxs as o, Fragment as i, jsx as n } from "react/jsx-runtime";
+import { Typography as m } from "@mui/material";
+import { renderAvatar as d } from "../components.js";
+function c(a) {
+  const { user: r, avatarSize: t = 48, onAvatarClick: e } = a;
+  return /* @__PURE__ */ o(i, { children: [
+    d(r, t, a.avatarProps, e),
+    /* @__PURE__ */ n(m, { variant: "body1", children: r.fullName || r.email || r.did })
+  ] });
 }
-export default NameOnlyCard;
+export {
+  c as default
+};

package/lib/UserCard/Container/card.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import { default as React } from 'react';
 import { UserCardProps } from '../types';
 interface CardContainerProps {
     children: React.ReactNode;
     cardType?: UserCardProps['cardType'];
     variant?: 'paper' | 'box';
-    containerRef?: React.RefObject<HTMLDivElement>;
+    containerRef?: React.Ref<unknown>;
     sx?: UserCardProps['sx'];
 }
 /**

package/lib/UserCard/Container/card.js

@@ -1,47 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Box, Paper } from '@mui/material';
-import { CardType } from '../types';
-import { mergeSx } from '../../Util/style';
-/**
- * 统一的卡片容器组件，处理常见的布局容器样式
- */
-function CardContainer({
-  children,
-  cardType = CardType.Detailed,
-  variant = 'box',
-  containerRef,
-  sx
+import { jsx as l } from "react/jsx-runtime";
+import { Paper as d, Box as p } from "@mui/material";
+import { CardType as r } from "../types.js";
+import { mergeSx as n } from "../../Util/style.js";
+function b({
+  children: e,
+  cardType: o = r.Detailed,
+  variant: m = "box",
+  containerRef: t,
+  sx: i
 }) {
-  const commonStyles = {
+  const a = {
     minWidth: 320,
     p: 2,
     borderRadius: 1,
-    ...(cardType === CardType.Detailed ? {
-      border: '1px solid',
-      borderColor: 'divider'
-    } : {})
+    ...o === r.Detailed ? {
+      border: "1px solid",
+      borderColor: "divider"
+    } : {}
   };
-
-  // Paper变体，用于Basic和Full类型卡片
-  if (variant === 'paper') {
-    return /*#__PURE__*/_jsx(Paper, {
-      ref: containerRef,
-      elevation: 0,
-      sx: commonStyles,
-      children: children
-    });
-  }
-
-  // Box变体，用于Minimal和NameOnly类型卡片
-  return /*#__PURE__*/_jsx(Box, {
-    ref: containerRef,
-    sx: mergeSx(commonStyles, {
-      display: 'flex',
-      alignItems: cardType === CardType.AvatarOnly ? 'center' : 'flex-start',
-      gap: 2
-    }, sx ? sx : null),
-    children: children
-  });
+  return m === "paper" ? /* @__PURE__ */ l(d, { ref: t, elevation: 0, sx: a, children: e }) : /* @__PURE__ */ l(
+    p,
+    {
+      ref: t,
+      sx: n(
+        a,
+        {
+          display: "flex",
+          alignItems: o === r.AvatarOnly ? "center" : "flex-start",
+          gap: 2
+        },
+        i || null
+      ),
+      children: e
+    }
+  );
 }
-export default CardContainer;
+export {
+  b as default
+};

package/lib/UserCard/Container/dialog.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { UserCardProps } from '../types';
 interface DialogContainerProps {
     children: React.ReactNode;

package/lib/UserCard/Container/dialog.js

@@ -1,28 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Box, useTheme } from '@mui/material';
-import { mergeSx } from '../../Util/style';
-/**
- * 统一的卡片容器组件，处理常见的布局容器样式
- */
-function DialogContainer({
-  children,
-  sx
-}) {
-  // Box变体，用于Minimal和NameOnly类型卡片
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(Box, {
-    sx: mergeSx({
-      p: 2,
-      backgroundColor: theme.palette.background.paper,
-      border: '1px solid',
-      borderColor: 'divider',
-      borderRadius: 1,
-      maxWidth: 500,
-      minWidth: 320,
-      display: 'flex'
-    }, sx ? sx : null),
-    children: children
-  });
+import { jsx as i } from "react/jsx-runtime";
+import { useTheme as t, Box as d } from "@mui/material";
+import { mergeSx as a } from "../../Util/style.js";
+function p({ children: o, sx: r }) {
+  const e = t();
+  return /* @__PURE__ */ i(
+    d,
+    {
+      sx: a(
+        {
+          p: 2,
+          backgroundColor: e.palette.background.paper,
+          border: "1px solid",
+          borderColor: "divider",
+          borderRadius: 1,
+          maxWidth: 500,
+          minWidth: 320,
+          display: "flex"
+        },
+        r || null
+      ),
+      children: o
+    }
+  );
 }
-export default DialogContainer;
+export {
+  p as default
+};

package/lib/UserCard/Content/basic.d.ts

@@ -1,8 +1,7 @@
 import { User } from '../types';
 interface BasicContentProps {
     user: User;
-    isFull?: boolean;
     renderFields?: string[];
 }
-declare function BasicContent({ user, isFull, renderFields }: BasicContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function BasicContent({ user, renderFields }: BasicContentProps): import("react/jsx-runtime").JSX.Element | null;
 export default BasicContent;