@arcblock/ux 3.1.46 → 3.1.48

package/lib/Dialog/dialog.d.ts

@@ -6,34 +6,58 @@ export type PaperStyle = import('@mui/material').PaperProps & {
     minHeight?: number | string;
 };
 export type UxDialogProps = {
+    /**
+     * - The content of the dialog.
+     */
     /**
      * - The content of the dialog.
      */
     children: React.ReactNode;
+    /**
+     * - The title of the dialog.
+     */
     /**
      * - The title of the dialog.
      */
     title?: React.ReactNode;
+    /**
+     * - Content to be displayed before the dialog title.
+     */
     /**
      * - Content to be displayed before the dialog title.
      */
     prepend?: React.ReactNode;
+    /**
+     * - Content to be displayed in the top toolbar of the dialog.
+     */
     /**
      * - Content to be displayed in the top toolbar of the dialog.
      */
     toolbar?: React.ReactNode;
+    /**
+     * - Content to be displayed in the bottom actions toolbar of the dialog.
+     */
     /**
      * - Content to be displayed in the bottom actions toolbar of the dialog.
      */
     actions?: React.ReactNode;
+    /**
+     * - Whether or not to show the close button.
+     */
     /**
      * - Whether or not to show the close button.
      */
     showCloseButton?: boolean | undefined;
+    /**
+     * - The position of the actions toolbar.
+     */
     /**
      * - The position of the actions toolbar.
      */
     actionsPosition?: "left" | "right" | "center" | undefined;
+    /**
+     * - Props to be passed down to the dialog paper.
+     */
     /**
      * - Props to be passed down to the dialog paper.
      */
@@ -41,6 +65,9 @@ export type UxDialogProps = {
     slotProps?: {
         content: object;
     } | undefined;
+    /**
+     * - Callback function fired when the dialog is closed.
+     */
     /**
      * - Callback function fired when the dialog is closed.
      */

package/lib/Img/index.d.ts

@@ -1,6 +1,9 @@
 import { default as PropTypes } from 'prop-types';
 export default Img;
 export type ImgExProps = {
+    /**
+     * - required
+     */
     /**
      * - required
      */
@@ -16,6 +19,9 @@ export type ImgExProps = {
     lazy?: boolean | undefined;
     placeholder?: string | undefined;
     fallback?: string | undefined;
+    /**
+     * - 是否使用代理 fallback, 用于解决 CSP 的问题
+     */
     /**
      * - 是否使用代理 fallback, 用于解决 CSP 的问题
      */

package/lib/OrgTransfer/index.d.ts

@@ -0,0 +1,5 @@
+import { OrgTransferProps } from './type';
+/**
+ * org transfer 弹框
+ */
+export default function Index({ org, onSuccess, resourceId, buttonProps, buttonText, locale, dialogProps, children, }: OrgTransferProps): import("react/jsx-runtime").JSX.Element;

package/lib/OrgTransfer/index.js

@@ -0,0 +1,38 @@
+import { jsxs as d, Fragment as g, jsx as i } from "react/jsx-runtime";
+import { useRef as x, cloneElement as k } from "react";
+import { Button as C } from "@mui/material";
+import { useMemoizedFn as O } from "ahooks";
+import h from "./selector.js";
+import j from "./locales.js";
+import { translate as F } from "../Locale/util.js";
+function T({
+  org: e,
+  onSuccess: f,
+  resourceId: s,
+  buttonProps: n,
+  buttonText: l,
+  locale: t = "en",
+  dialogProps: c,
+  children: o
+}) {
+  const a = O((u, p = {}) => F(j, u, t, "en", p)), r = x(null), m = () => {
+    r.current && r.current.open({ selectedOrg: e });
+  };
+  return /* @__PURE__ */ d(g, { children: [
+    o ? k(o, { ...n, onClick: m }) : /* @__PURE__ */ i(C, { ...n, onClick: m, children: l || a("transferOrg") }),
+    /* @__PURE__ */ i(
+      h,
+      {
+        locale: t,
+        org: e,
+        ref: r,
+        resourceId: s,
+        onSuccess: f,
+        dialogProps: c
+      }
+    )
+  ] });
+}
+export {
+  T as default
+};

package/lib/OrgTransfer/locales.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    en: {
+        transferOrg: string;
+        cancel: string;
+        confirm: string;
+        tranferSuccess: string;
+        placeholder: string;
+        loading: string;
+        noResults: string;
+        resourceIdRequired: string;
+        organizationSameAsCurrent: string;
+    };
+    zh: {
+        transferOrg: string;
+        cancel: string;
+        confirm: string;
+        tranferSuccess: string;
+        placeholder: string;
+        loading: string;
+        noResults: string;
+        resourceIdRequired: string;
+        organizationSameAsCurrent: string;
+    };
+};
+export default _default;

package/lib/OrgTransfer/locales.js

@@ -0,0 +1,27 @@
+const e = {
+  en: {
+    transferOrg: "Transfer to Other Organization",
+    cancel: "Cancel",
+    confirm: "Confirm",
+    tranferSuccess: "Transfer success",
+    placeholder: "Select an organization to transfer",
+    loading: "Loading...",
+    noResults: "No More",
+    resourceIdRequired: "Please select the resource to transfer",
+    organizationSameAsCurrent: "The selected organization is the same as the current organization, please select other organizations"
+  },
+  zh: {
+    transferOrg: "转移至其他组织",
+    cancel: "取消",
+    confirm: "确认",
+    tranferSuccess: "转移成功",
+    placeholder: "请选择要转移的组织",
+    loading: "加载中...",
+    noResults: "没有更多了",
+    resourceIdRequired: "请选择要转移的资源",
+    organizationSameAsCurrent: "选择的组织与当前组织相同，请选择其他组织"
+  }
+};
+export {
+  e as default
+};

package/lib/OrgTransfer/selector.d.ts

@@ -0,0 +1,2 @@
+import { OrgTransferSelectorProps } from './type';
+export default function OrgTransferSelector({ ref, org, onSuccess, resourceId, locale, dialogProps, }: OrgTransferSelectorProps): import("react/jsx-runtime").JSX.Element;

package/lib/OrgTransfer/selector.js

@@ -0,0 +1,174 @@
+import { jsx as n, jsxs as i, Fragment as O } from "react/jsx-runtime";
+import { useState as F, useImperativeHandle as _, createElement as y } from "react";
+import { useMemoizedFn as p, useReactive as q, useDebounce as G, useInfiniteScroll as H } from "ahooks";
+import { Box as l, Typography as a, Autocomplete as N, CircularProgress as b, TextField as Q, Button as v } from "@mui/material";
+import w from "../Toast/index.js";
+import Z from "../Dialog/dialog.js";
+import "../Dialog/confirm.js";
+import "lodash/noop";
+import { OrgQueryType as J, client as T } from "../Util/client.js";
+import { formatAxiosError as K } from "../Util/index.js";
+import { translate as U } from "../Locale/util.js";
+import X from "./locales.js";
+const I = 20;
+function ce({
+  ref: C,
+  org: g,
+  onSuccess: S,
+  resourceId: f,
+  locale: E = "en",
+  dialogProps: k
+}) {
+  const o = p((e, r = {}) => U(X, e, E, "en", r)), [h, c] = F(""), t = q({
+    open: !1,
+    selectedOrg: null
+  }), x = G(h, { wait: 500 }), { data: A, loadMore: W, loadingMore: d, loading: u, reload: z } = H(
+    async (e) => {
+      if (!t.open) return { list: [], total: 0 };
+      const m = { page: e ? Math.ceil(e.list.length / I) + 1 : 1, pageSize: I, search: x, type: J.OWNED }, R = await T.user.getOrgs(m), { orgs: j = [], paging: B } = R || {};
+      return { list: j, total: B?.total || 0 };
+    },
+    {
+      reloadDeps: [x],
+      isNoMore: (e) => e?.list.length ? e.list.length >= e?.total : !0,
+      onError: (e) => {
+        console.error("Get orgs failed", e);
+      },
+      manual: !0
+      // 手动触发，在对话框打开时再加载
+    }
+  ), s = p(() => {
+    t.open = !1, t.selectedOrg = null, c("");
+  }), M = p(async () => {
+    try {
+      if (!f)
+        throw new Error(o("resourceIdRequired"));
+      if (!t.selectedOrg)
+        throw new Error(o("placeholder"));
+      if (t.selectedOrg.id === g.id)
+        throw new Error(o("organizationSameAsCurrent"));
+      await T.user.migrateResourceToOrg({ form: g.id, to: t.selectedOrg.id, resourceId: f }), s(), S?.(t.selectedOrg), w.success(o("tranferSuccess"));
+    } catch (e) {
+      console.error("Resource transfer failed", e), w.error(K(e));
+    }
+  });
+  _(C, () => ({
+    open: (e = {}) => {
+      Object.assign(t, { open: !0, selectedOrg: null }, e), setTimeout(() => {
+        t.open && z();
+      }, 0);
+    },
+    close: s
+  }));
+  const D = A?.list || [], { placeholder: L = "", ...P } = k || {};
+  return /* @__PURE__ */ n(
+    Z,
+    {
+      title: o("transferOrg"),
+      fullWidth: !0,
+      maxWidth: "sm",
+      open: t.open,
+      onClose: s,
+      actions: /* @__PURE__ */ i(O, { children: [
+        /* @__PURE__ */ n(v, { onClick: s, color: "secondary", variant: "outlined", children: o("cancel") }),
+        /* @__PURE__ */ n(v, { onClick: M, color: "primary", variant: "contained", disabled: !t.selectedOrg, children: o("confirm") })
+      ] }),
+      ...P || {},
+      children: /* @__PURE__ */ i(l, { children: [
+        /* @__PURE__ */ n(a, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: L || o("placeholder") }),
+        /* @__PURE__ */ n(
+          N,
+          {
+            options: D,
+            getOptionLabel: (e) => e?.name || "",
+            isOptionEqualToValue: (e, r) => e?.id === r?.id,
+            value: t.selectedOrg,
+            onChange: (e, r) => {
+              if (r?.isLoadingItem && !d) {
+                W();
+                return;
+              }
+              r?.isLoadingItem || (t.selectedOrg = r, r && c(""));
+            },
+            inputValue: t.selectedOrg ? t.selectedOrg.name : h,
+            onInputChange: (e, r, m) => {
+              m === "input" && (t.selectedOrg && (t.selectedOrg = null), c(r));
+            },
+            loading: u,
+            loadingText: o("loading"),
+            noOptionsText: o(u ? "loading" : "noResults"),
+            renderInput: (e) => /* @__PURE__ */ n(
+              Q,
+              {
+                ...e,
+                variant: "outlined",
+                fullWidth: !0,
+                InputProps: {
+                  ...e.InputProps,
+                  endAdornment: /* @__PURE__ */ i(O, { children: [
+                    u && /* @__PURE__ */ n(b, { color: "inherit", size: 20 }),
+                    e.InputProps.endAdornment
+                  ] })
+                }
+              }
+            ),
+            renderOption: (e, r) => r.isLoadingItem ? /* @__PURE__ */ y(l, { component: "li", ...e, key: r.id }, /* @__PURE__ */ i(
+              l,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  flex: 1,
+                  py: 1,
+                  color: "primary.main",
+                  cursor: "pointer"
+                },
+                children: [
+                  d && /* @__PURE__ */ n(b, { size: 16, sx: { mr: 1 } }),
+                  /* @__PURE__ */ n(a, { variant: "body2", sx: { fontStyle: d ? "italic" : "normal" }, children: r.name })
+                ]
+              }
+            )) : /* @__PURE__ */ y(l, { component: "li", ...e, key: r.id }, /* @__PURE__ */ i(l, { sx: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ n(
+                a,
+                {
+                  variant: "body1",
+                  sx: {
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: r.name
+                }
+              ),
+              r.description && /* @__PURE__ */ n(
+                a,
+                {
+                  variant: "body2",
+                  color: "text.secondary",
+                  sx: {
+                    display: "-webkit-box",
+                    WebkitLineClamp: 3,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  children: r.description
+                }
+              )
+            ] })),
+            sx: {
+              "& .MuiAutocomplete-listbox": {
+                maxHeight: 200
+              }
+            }
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  ce as default
+};

package/lib/OrgTransfer/type.d.ts

@@ -0,0 +1,28 @@
+import { ComponentProps } from 'react';
+import { ButtonProps } from '@mui/material';
+import { default as Dialog } from '../Dialog';
+export type Org = {
+    id: string;
+    name: string;
+    description?: string;
+    ownerDid: string;
+    metadata?: Record<string, any>;
+};
+type DialogProps = ComponentProps<typeof Dialog> & {
+    placeholder?: string;
+};
+export type OrgTransferSelectorProps = Omit<OrgTransferProps, 'children' | 'buttonProps' | 'buttonText'> & {
+    ref: React.RefObject<unknown | null>;
+};
+export interface OrgTransferProps {
+    resourceId: string;
+    onSuccess?: (org: Org) => void;
+    org?: Org;
+    children?: React.ReactNode;
+    buttonProps?: ButtonProps;
+    buttonText?: string;
+    dialogProps?: DialogProps;
+    locale?: string;
+    [key: string]: any;
+}
+export {};

package/lib/OrgTransfer/type.js

@@ -0,0 +1 @@
+

package/lib/UserCard/use-follow.d.ts

@@ -1,6 +1,4 @@
-import { AxiosError } from 'axios';
 import { User } from './types';
-export declare const formatAxiosError: (err: AxiosError) => string;
 /**
  * 登录用户与当前用户（userDid）的关注关系
  */

package/lib/UserCard/use-follow.js

@@ -1,67 +1,63 @@
-import { useState as y, useMemo as f, useEffect as d } from "react";
-import { useMemoizedFn as w } from "ahooks";
+import { useState as y, useMemo as u, useEffect as F } from "react";
+import { useMemoizedFn as f } from "ahooks";
 import U from "lodash/isNil";
-import { BlockletSDK as x } from "@blocklet/js-sdk";
-import u from "../Toast/index.js";
-const F = (r) => {
-  const { response: t } = r;
-  return t ? `Request failed: ${t.status} ${t.statusText}: ${JSON.stringify(t.data)}` : r.message;
-};
-function z({
-  user: r,
-  t,
-  isMySelf: n,
+import { BlockletSDK as D } from "@blocklet/js-sdk";
+import a from "../Toast/index.js";
+import { formatAxiosError as d } from "../Util/index.js";
+function K({
+  user: e,
+  t: w,
+  isMySelf: l,
   visible: m
 }) {
-  const [p, c] = y(!1), s = f(() => r?.did, [r]), i = f(() => Object.prototype.hasOwnProperty.call(r, "isFollowing") && !U(r.isFollowing), [r]), e = f(() => {
+  const [p, c] = y(!1), t = u(() => e?.did, [e]), n = u(() => Object.prototype.hasOwnProperty.call(e, "isFollowing") && !U(e.isFollowing), [e]), r = u(() => {
     let o = null;
     try {
-      o = new x();
-    } catch (l) {
-      console.error("Failed to initialize BlockletSDK:", l), o = null;
+      o = new D();
+    } catch (s) {
+      console.error("Failed to initialize BlockletSDK:", s), o = null;
     }
     return o;
-  }, []), a = w(async () => {
-    if (!e) {
+  }, []), i = f(async () => {
+    if (!r) {
       c(!1);
       return;
     }
     try {
-      if (n) {
+      if (l) {
         c(!0);
         return;
       }
-      const o = await e.user.isFollowingUser({ userDid: s });
+      const o = await r.user.isFollowingUser({ userDid: t });
       c(o);
     } catch (o) {
       console.error(o);
     }
-  }), g = w(async (o = s) => {
-    if (!(!e || n && o === s))
+  }), h = f(async (o = t) => {
+    if (!(!r || l && o === t))
       try {
-        await e.user.followUser({ userDid: o }), u.success(t("follow_success")), a();
-      } catch (l) {
-        console.error(l), u.error(F(l));
+        await r.user.followUser({ userDid: o }), a.success(w("follow_success")), i();
+      } catch (s) {
+        console.error(s), a.error(d(s));
       }
-  }), h = w(async (o = s) => {
-    if (!(!e || n && o === s))
+  }), g = f(async (o = t) => {
+    if (!(!r || l && o === t))
       try {
-        await e.user.unfollowUser({ userDid: o }), u.success(t("unfollow_success")), a();
-      } catch (l) {
-        console.error(l), u.error(F(l));
+        await r.user.unfollowUser({ userDid: o }), a.success(w("unfollow_success")), i();
+      } catch (s) {
+        console.error(s), a.error(d(s));
       }
   });
-  return d(() => {
-    m && s && !n && e && !i && a();
-  }, [a, s, n, e, i, m]), d(() => {
-    i && c(r?.isFollowing || !1);
-  }, [i, r]), {
+  return F(() => {
+    m && t && !l && r && !n && i();
+  }, [i, t, l, r, n, m]), F(() => {
+    n && c(e?.isFollowing || !1);
+  }, [n, e]), {
     followed: p,
-    followUser: g,
-    unfollowUser: h
+    followUser: h,
+    unfollowUser: g
   };
 }
 export {
-  z as default,
-  F as formatAxiosError
+  K as default
 };

package/lib/Util/client.d.ts

@@ -0,0 +1,6 @@
+import { BlockletSDK } from '@blocklet/js-sdk';
+export declare enum OrgQueryType {
+    OWNED = "owned",
+    JOINED = "joined"
+}
+export declare const client: BlockletSDK;

package/lib/Util/client.js

@@ -0,0 +1,7 @@
+import { BlockletSDK as n } from "@blocklet/js-sdk";
+var t = /* @__PURE__ */ ((o) => (o.OWNED = "owned", o.JOINED = "joined", o))(t || {});
+const r = new n();
+export {
+  t as OrgQueryType,
+  r as client
+};

package/lib/Util/constant.d.ts

@@ -26,15 +26,7 @@ export declare const LOGIN_PROVIDER: {
     TWITTER: string;
 };
 export declare const LOGIN_PROVIDER_NAME: {
-    [LOGIN_PROVIDER.EMAIL]: string;
-    [LOGIN_PROVIDER.AUTH0]: string;
-    [LOGIN_PROVIDER.APPLE]: string;
-    [LOGIN_PROVIDER.GITHUB]: string;
-    [LOGIN_PROVIDER.GOOGLE]: string;
-    [LOGIN_PROVIDER.WALLET]: string;
-    [LOGIN_PROVIDER.NFT]: string;
-    [LOGIN_PROVIDER.PASSKEY]: string;
-    [LOGIN_PROVIDER.TWITTER]: string;
+    [x: string]: string;
 };
 export declare const OAUTH_PROVIDER: {
     email: string;

package/lib/Util/index.d.ts

@@ -1,5 +1,6 @@
 import { mergeAllThemeOptions } from '@blocklet/theme';
 import { default as Cookies } from 'js-cookie';
+import { AxiosError } from 'axios';
 import { $TSFixMe, Locale } from '../type';
 declare let dateTool: $TSFixMe | null;
 /** @deprecated for compatibility, please use `import { mergeAllThemeOptions } from '@blocklet/theme'` instead */
@@ -121,3 +122,4 @@ export declare const compareVersions: (version1: string, version2: string) => bo
  * 通过 server 的版本和 ux 的版本共同决定
  */
 export declare const isSupportFollow: () => boolean;
+export declare const formatAxiosError: (err: AxiosError) => string;

package/lib/Util/index.js

@@ -1,6 +1,6 @@
-import { lazy as j } from "react";
+import { lazy as T } from "react";
 import l from "lodash/padStart";
-import { colors as w, getDIDMotifInfo as x } from "@arcblock/did-motif";
+import { colors as w, getDIDMotifInfo as j } from "@arcblock/did-motif";
 import { mergeAllThemeOptions as Ke } from "@blocklet/theme";
 import I from "lodash/isNil";
 import E from "lodash/omitBy";
@@ -10,23 +10,23 @@ import O from "color-convert";
 import a from "dayjs";
 import "dayjs/locale/zh-cn";
 import U from "dayjs/plugin/utc";
-import F from "dayjs/plugin/timezone";
-import A from "dayjs/plugin/relativeTime";
-import P from "dayjs/plugin/updateLocale";
-import R from "dayjs/plugin/localizedFormat";
+import A from "dayjs/plugin/timezone";
+import F from "dayjs/plugin/relativeTime";
+import R from "dayjs/plugin/updateLocale";
+import P from "dayjs/plugin/localizedFormat";
 import W from "semver";
 import { DID_PREFIX as L, BLOCKLET_SERVICE_PATH_PREFIX as C } from "./constant.js";
 import b from "../package.json.js";
 import { getFederatedEnabled as M } from "./federated.js";
 let u = null;
-const _ = /^(\d{1,3}\.){3}\d{1,3}(:\d+)?$/, z = /* @__PURE__ */ new Set(["co", "com", "net", "org", "gov", "edu", "ac"]), N = /* @__PURE__ */ new Set(["uk", "au", "cn", "nz", "za", "in", "br", "mx", "fr", "it", "ca"]);
+const _ = /^(\d{1,3}\.){3}\d{1,3}(:\d+)?$/, N = /* @__PURE__ */ new Set(["co", "com", "net", "org", "gov", "edu", "ac"]), z = /* @__PURE__ */ new Set(["uk", "au", "cn", "nz", "za", "in", "br", "mx", "fr", "it", "ca"]);
 function B(e) {
   if (!e)
     return !1;
   const t = e.split(".");
   if (t.length < 2) return !1;
   const o = t[t.length - 2], r = t[t.length - 1];
-  return z.has(o) && N.has(r);
+  return N.has(o) && z.has(r);
 }
 function ye() {
   const { host: e } = window.location;
@@ -51,7 +51,7 @@ function Ie(e) {
 function be(e = {}) {
   return new URLSearchParams(e).toString();
 }
-function De(e = 1) {
+function Se(e = 1) {
   let t = e;
   typeof t == "number" && (t = { expireInDays: t }), t.path === void 0 && (t.path = "/"), t.expireInDays || (t.expireInDays = 1);
   const o = {
@@ -64,7 +64,7 @@ function De(e = 1) {
   };
   return (typeof window > "u" || t.domain || t.returnDomain === !1) && t.returnDomain === !1 && delete o.domain, o;
 }
-const Se = (e) => e.color ? e.color : e.dark ? e.theme.palette.common.white : e.theme.palette.text.primary, Ve = (e) => e.background ? e.background : e.dark ? e.theme.palette.common.black : e.theme.palette.common.white;
+const De = (e) => e.color ? e.color : e.dark ? e.theme.palette.common.white : e.theme.palette.text.primary, $e = (e) => e.background ? e.background : e.dark ? e.theme.palette.common.black : e.theme.palette.common.white;
 function ke(e, t, o = []) {
   const r = Object.assign({}, e), i = t.defaultProps || {};
   return Object.keys(i).forEach((n) => {
@@ -79,11 +79,11 @@ function ke(e, t, o = []) {
     typeof r[n] == "string" && r[n].indexOf("::prop::") === 0 && (r[n] = "");
   }), r;
 }
-function $e(e = 2017) {
+function Ve(e = 2017) {
   const t = (/* @__PURE__ */ new Date()).getFullYear();
   return `${t}` == `${e}` ? `© ArcBlock ${t}` : `© ArcBlock ${e} - ${t}`;
 }
-const Te = () => typeof Intl == "object" && typeof Intl.DateTimeFormat == "function" && typeof Intl.DateTimeFormat().resolvedOptions == "function" ? Intl.DateTimeFormat().resolvedOptions().timeZone : "", je = (e) => {
+const xe = () => typeof Intl == "object" && typeof Intl.DateTimeFormat == "function" && typeof Intl.DateTimeFormat().resolvedOptions == "function" ? Intl.DateTimeFormat().resolvedOptions().timeZone : "", Te = (e) => {
   let t = 0;
   for (let r = 0; r < e.length; r++)
     t = e.charCodeAt(r) + ((t << 5) - t);
@@ -93,7 +93,7 @@ const Te = () => typeof Intl == "object" && typeof Intl.DateTimeFormat == "funct
     o += `00${i.toString(16)}`.substr(-2);
   }
   return o;
-}, xe = (e) => {
+}, je = (e) => {
   const t = Math.round(e / 1e3), o = Math.floor(t / 3600), r = Math.floor((t - o * 3600) / 60), i = t % 60;
   return `${l(o, 2, "0")}:${l(r, 2, "0")}:${l(i, 2, "0")}`;
 };
@@ -103,8 +103,8 @@ function X(e) {
 function Ee() {
   return u;
 }
-const D = (e) => (t, { locale: o, tz: r, isUtc: i } = {}) => {
-  if (u === null && (a.extend(R), a.extend(U), a.extend(F), a.extend(P), a.extend(A), a.updateLocale("zh-cn", {
+const S = (e) => (t, { locale: o, tz: r, isUtc: i } = {}) => {
+  if (u === null && (a.extend(P), a.extend(U), a.extend(A), a.extend(R), a.extend(F), a.updateLocale("zh-cn", {
     // copy with https://github.com/iamkun/dayjs/blob/dev/src/locale/zh-cn.js
     relativeTime: {
       future: "%s后",
@@ -127,7 +127,7 @@ const D = (e) => (t, { locale: o, tz: r, isUtc: i } = {}) => {
   return r && (n = n.tz(r)), i && (n = n.utc()), typeof o < "u" && (n = n.locale(o)), n.format(e);
 };
 function ve(e, { locale: t = "en", tz: o } = {}) {
-  return D("ll")(e, { locale: t, tz: o });
+  return S("ll")(e, { locale: t, tz: o });
 }
 function Oe(e, {
   locale: t = "en",
@@ -135,9 +135,9 @@ function Oe(e, {
   isUtc: r = !1,
   format: i = "lll"
 } = {}) {
-  return D(i)(e, { locale: t, tz: o, isUtc: r });
+  return S(i)(e, { locale: t, tz: o, isUtc: r });
 }
-function K() {
+function J() {
   const e = window?.ABT_DEV || window.ABT;
   return e && typeof e.open == "function" ? e : null;
 }
@@ -150,7 +150,7 @@ function Ue({
   appInfo: n,
   memberAppInfo: f
 }) {
-  const h = K();
+  const h = J();
   if (h)
     return h.open({
       action: t,
@@ -163,7 +163,7 @@ function Ue({
         ...f
       }
     }), { type: "extension" };
-  const S = {
+  const D = {
     toolbar: "no",
     location: "no",
     status: "no",
@@ -173,19 +173,19 @@ function Ue({
     // iphone 8plus size
     width: 414,
     height: 736
-  }, V = `${e}?action=${t}&locale=${o}&url=${encodeURIComponent(r)}`, c = Object.assign({}, S, i), k = (s) => s.innerWidth || s.document.documentElement.clientWidth || s.document.body.clientWidth;
+  }, $ = `${e}?action=${t}&locale=${o}&url=${encodeURIComponent(r)}`, c = Object.assign({}, D, i), k = (s) => s.innerWidth || s.document.documentElement.clientWidth || s.document.body.clientWidth;
   if (!("left" in c)) {
-    const s = k(window.top || window), T = window.screenLeft || window.screenX;
-    c.left = s + T - c.width;
+    const s = k(window.top || window), x = window.screenLeft || window.screenX;
+    c.left = s + x - c.width;
   }
   if (!("top" in c)) {
     const s = window.screenTop || window.screenY;
     c.top = s;
   }
-  const $ = Object.keys(c).map((s) => `${s}=${c[s]}`).join(",");
-  return window.open(V, "targetWindow", $), { type: "web" };
+  const V = Object.keys(c).map((s) => `${s}=${c[s]}`).join(",");
+  return window.open($, "targetWindow", V), { type: "web" };
 }
-const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) => {
+const Ae = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", K = (e) => {
   const t = e.replace(L, "");
   return !!/^(0x)?[0-9a-f]{40}$/i.test(t);
 }, Q = (e, t) => {
@@ -199,15 +199,15 @@ const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) =
   } catch {
     return e;
   }
-}, Ae = (e, t = 48) => e && (e.indexOf(C) >= 0 ? Q(e, {
+}, Fe = (e, t = 48) => e && (e.indexOf(C) >= 0 ? Q(e, {
   imageFilter: "resize",
   w: t,
   h: t
-}) : e), Pe = (e = 0) => new Promise((t) => {
+}) : e), Re = (e = 0) => new Promise((t) => {
   setTimeout(() => {
     t();
   }, e);
-}), Re = (e) => /^https?:\/\//.test(e), p = "vid", g = "__visitor_id", Y = () => m.get(p) || localStorage.getItem(g), y = (e) => {
+}), Pe = (e) => /^https?:\/\//.test(e), p = "vid", g = "__visitor_id", Y = () => m.get(p) || localStorage.getItem(g), y = (e) => {
   e === null ? m.remove(p, {
     sameSite: "None",
     secure: !0
@@ -245,14 +245,14 @@ const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) =
     e && y(e);
   }
 }, Le = (e) => {
-  if (J(e)) {
+  if (K(e)) {
     const t = Uint8Array.from(
       e.slice(2).match(/.{1,2}/g).map((o) => parseInt(o, 16))
     ).slice(0, 8).reduce((o, r) => o + r, 0) % w.length;
     return w[t];
   }
   try {
-    return x(e)?.color;
+    return j(e)?.color;
   } catch {
     return null;
   }
@@ -262,7 +262,7 @@ const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) =
     return e;
   let n;
   return t && (n = e[t]), (!n || typeof n != "string") && (n = e[r]), (!n || typeof n != "string") && (n = i), n;
-}, Me = (e) => j(
+}, Me = (e) => T(
   () => v(
     async () => {
       try {
@@ -275,11 +275,11 @@ const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) =
     { retries: 2 }
   )
 ), _e = (e) => E(e, I);
-function ze(e, t = 1) {
+function Ne(e, t = 1) {
   const [o, r, i] = O.hex.rgb(e);
   return `rgba(${o}, ${r}, ${i}, ${t})`;
 }
-const G = () => window.blocklet?.serverVersion || window.env?.serverVersion || "", H = () => b.version, Z = () => (b.dependencies?.["@blocklet/js-sdk"]).replace(/^[\^~>=<]+/, ""), d = (e, t) => {
+const q = () => window.blocklet?.serverVersion || window.env?.serverVersion || "", G = () => b.version, H = () => (b.dependencies?.["@blocklet/js-sdk"]).replace(/^[\^~>=<]+/, ""), d = (e, t) => {
   const o = (n) => {
     const f = n.match(/^(\d+\.\d+\.\d+(?:-[^-]+?-\d{8}))/);
     return f ? f[1] : n;
@@ -294,44 +294,48 @@ const G = () => window.blocklet?.serverVersion || window.env?.serverVersion || "
   } catch {
     return !1;
   }
-}, Ne = () => {
+}, ze = () => {
   if (process.env.NODE_ENV === "development")
     return !0;
-  const e = G(), t = H(), o = Z();
+  const e = q(), t = G(), o = H();
   if (!e || !t || !o)
     return !1;
   const r = d(t, "3.1.29"), i = d(e, "1.16.49-beta-20250822-070545-6d3344cc"), n = d(o, "1.16.49-beta-20250822-070545-6d3344cc");
   return r && i && n;
+}, Be = (e) => {
+  const { response: t } = e;
+  return t ? `Request failed: ${t.status} ${t.statusText}: ${JSON.stringify(t.data)}` : e.message || "Unknown error occurred";
 };
 export {
   Q as appendParams,
   _e as cleanedObj,
   d as compareVersions,
   Ke as deepmergeAll,
-  K as detectWalletExtension,
+  J as detectWalletExtension,
   We as ensureVisitorId,
+  Be as formatAxiosError,
   ve as formatToDate,
   Oe as formatToDatetime,
-  xe as formatUptime,
-  Ve as getBackground,
-  Se as getColor,
-  De as getCookieOptions,
-  $e as getCopyright,
+  je as formatUptime,
+  $e as getBackground,
+  De as getColor,
+  Se as getCookieOptions,
+  Ve as getCopyright,
   Le as getDIDColor,
   Ee as getDateTool,
-  Fe as getFontSize,
-  Z as getJsSdkVersion,
-  G as getServerVersion,
-  Te as getTimezone,
+  Ae as getFontSize,
+  H as getJsSdkVersion,
+  q as getServerVersion,
+  xe as getTimezone,
   Ce as getTranslation,
-  Ae as getUserAvatar,
-  H as getUxPackageVersion,
+  Fe as getUserAvatar,
+  G as getUxPackageVersion,
   Y as getVisitorId,
-  ze as hexToRgba,
-  J as isEthereumDid,
-  Ne as isSupportFollow,
+  Ne as hexToRgba,
+  K as isEthereumDid,
+  ze as isSupportFollow,
   B as isTwoSegmentTLD,
-  Re as isUrl,
+  Pe as isUrl,
   Me as lazyRetry,
   ke as mergeProps,
   Ue as openWebWallet,
@@ -339,7 +343,7 @@ export {
   ye as resolveRootDomain,
   X as setDateTool,
   y as setVisitorId,
-  Pe as sleep,
-  je as str2color,
+  Re as sleep,
+  Te as str2color,
   be as stringifyQuery
 };

package/lib/package.json.js

@@ -1,9 +1,9 @@
-const e = "3.1.46", s = { "@blocklet/js-sdk": "1.16.52-beta-20251005-235515-42ad5caf" }, t = {
+const e = "3.1.48", s = { "@blocklet/js-sdk": "1.16.52" }, n = {
   version: e,
   dependencies: s
 };
 export {
-  t as default,
+  n as default,
   s as dependencies,
   e as version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.1.46",
+  "version": "3.1.48",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -68,16 +68,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "2ced986bdd3c032e7b804790d3b9eced2eda7802",
+  "gitHead": "49a6dabae8a06667e517c6811f5f7939ff907ce1",
   "dependencies": {
-    "@arcblock/bridge": "3.1.46",
+    "@arcblock/bridge": "3.1.48",
     "@arcblock/did": "^1.25.6",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.1.46",
-    "@arcblock/nft-display": "3.1.46",
-    "@arcblock/react-hooks": "3.1.46",
-    "@blocklet/js-sdk": "1.16.52-beta-20251005-235515-42ad5caf",
-    "@blocklet/theme": "3.1.46",
+    "@arcblock/icons": "3.1.48",
+    "@arcblock/nft-display": "3.1.48",
+    "@arcblock/react-hooks": "3.1.48",
+    "@blocklet/js-sdk": "1.16.52",
+    "@blocklet/theme": "3.1.48",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/OrgTransfer/index.tsx

@@ -0,0 +1,53 @@
+import { useRef, cloneElement } from 'react';
+import { Button } from '@mui/material';
+import { useMemoizedFn } from 'ahooks';
+import OrgTransferSelector from './selector';
+import { OrgTransferProps } from './type';
+import translations from './locales';
+import { translate } from '../Locale/util';
+
+/**
+ * org transfer 弹框
+ */
+export default function Index({
+  org,
+  onSuccess,
+  resourceId,
+  buttonProps,
+  buttonText,
+  locale = 'en',
+  dialogProps,
+  children,
+}: OrgTransferProps) {
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, 'en', data);
+  });
+  const dialogRef = useRef(null);
+
+  const handleClick = () => {
+    if (dialogRef.current) {
+      (dialogRef.current as any).open({ selectedOrg: org });
+    }
+  };
+
+  return (
+    <>
+      {children ? (
+        cloneElement(children as React.ReactElement, { ...buttonProps, onClick: handleClick } as any)
+      ) : (
+        <Button {...buttonProps} onClick={handleClick}>
+          {buttonText || t('transferOrg')}
+        </Button>
+      )}
+
+      <OrgTransferSelector
+        locale={locale}
+        org={org}
+        ref={dialogRef}
+        resourceId={resourceId}
+        onSuccess={onSuccess}
+        dialogProps={dialogProps}
+      />
+    </>
+  );
+}

package/src/OrgTransfer/locales.ts

@@ -0,0 +1,25 @@
+export default {
+  en: {
+    transferOrg: 'Transfer to Other Organization',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+    tranferSuccess: 'Transfer success',
+    placeholder: 'Select an organization to transfer',
+    loading: 'Loading...',
+    noResults: 'No More',
+    resourceIdRequired: 'Please select the resource to transfer',
+    organizationSameAsCurrent:
+      'The selected organization is the same as the current organization, please select other organizations',
+  },
+  zh: {
+    transferOrg: '转移至其他组织',
+    cancel: '取消',
+    confirm: '确认',
+    tranferSuccess: '转移成功',
+    placeholder: '请选择要转移的组织',
+    loading: '加载中...',
+    noResults: '没有更多了',
+    resourceIdRequired: '请选择要转移的资源',
+    organizationSameAsCurrent: '选择的组织与当前组织相同，请选择其他组织',
+  },
+};

package/src/OrgTransfer/selector.tsx

@@ -0,0 +1,249 @@
+/**
+ * Org transfer selector
+ */
+import { useImperativeHandle, useState } from 'react';
+import { useReactive, useDebounce, useInfiniteScroll, useMemoizedFn } from 'ahooks';
+import { Button, Typography, Box, Autocomplete, TextField, CircularProgress } from '@mui/material';
+import { AxiosError } from 'axios';
+import Toast from '../Toast';
+import Dialog from '../Dialog';
+import { Org, OrgTransferSelectorProps } from './type';
+import { client, OrgQueryType } from '../Util/client';
+import { formatAxiosError } from '../Util';
+import { translate } from '../Locale/util';
+import translations from './locales';
+
+const PAGE_SIZE = 20;
+
+export default function OrgTransferSelector({
+  ref,
+  org,
+  onSuccess,
+  resourceId,
+  locale = 'en',
+  dialogProps,
+}: OrgTransferSelectorProps) {
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, 'en', data);
+  });
+  const [searchText, setSearchText] = useState('');
+
+  const state = useReactive<{
+    open: boolean;
+    selectedOrg: Org | null;
+  }>({
+    open: false,
+    selectedOrg: null,
+  });
+
+  const debouncedSearchText = useDebounce(searchText, { wait: 500 });
+
+  const { data, loadMore, loadingMore, loading, reload } = useInfiniteScroll(
+    async (d) => {
+      // 只有对话框打开时才发起请求
+      if (!state.open) return { list: [], total: 0 };
+
+      const page = d ? Math.ceil(d.list.length / PAGE_SIZE) + 1 : 1;
+      const params = { page, pageSize: PAGE_SIZE, search: debouncedSearchText, type: OrgQueryType.OWNED };
+      const response = await client.user.getOrgs(params);
+
+      const { orgs: resultOrgs = [], paging } = response || {};
+      return { list: resultOrgs, total: paging?.total || 0 };
+    },
+    {
+      reloadDeps: [debouncedSearchText],
+      isNoMore: (d) => {
+        if (!d?.list.length) return true;
+        return d.list.length >= d?.total;
+      },
+      onError: (error) => {
+        // eslint-disable-next-line no-console
+        console.error('Get orgs failed', error);
+      },
+      manual: true, // 手动触发，在对话框打开时再加载
+    }
+  );
+
+  const handleClose = useMemoizedFn(() => {
+    state.open = false;
+    state.selectedOrg = null;
+    setSearchText(''); // 关闭时重置搜索
+  });
+
+  const handleConfirm = useMemoizedFn(async () => {
+    try {
+      if (!resourceId) {
+        throw new Error(t('resourceIdRequired'));
+      }
+      if (!state.selectedOrg) {
+        throw new Error(t('placeholder'));
+      }
+      if (state.selectedOrg.id === org.id) {
+        throw new Error(t('organizationSameAsCurrent'));
+      }
+      await client.user.migrateResourceToOrg({ form: org.id, to: state.selectedOrg.id, resourceId });
+      handleClose();
+      onSuccess?.(state.selectedOrg);
+      Toast.success(t('tranferSuccess'));
+    } catch (error) {
+      console.error('Resource transfer failed', error);
+      Toast.error(formatAxiosError(error as AxiosError));
+    }
+  });
+
+  useImperativeHandle(ref, () => ({
+    open: (options = {}) => {
+      Object.assign(state, { open: true, selectedOrg: null }, options);
+      // 对话框打开时重新加载数据
+      setTimeout(() => {
+        if (state.open) {
+          reload();
+        }
+      }, 0);
+    },
+    close: handleClose,
+  }));
+
+  const organizations = data?.list || [];
+  // const hasMore = data ? data.list.length < data.total : false;
+
+  const { placeholder = '', ...rest } = dialogProps || {};
+  return (
+    <Dialog
+      title={t('transferOrg')}
+      fullWidth
+      maxWidth="sm"
+      open={state.open}
+      onClose={handleClose}
+      actions={
+        <>
+          <Button onClick={handleClose} color="secondary" variant="outlined">
+            {t('cancel')}
+          </Button>
+          <Button onClick={handleConfirm} color="primary" variant="contained" disabled={!state.selectedOrg}>
+            {t('confirm')}
+          </Button>
+        </>
+      }
+      {...(rest || {})}>
+      <Box>
+        <Typography variant="body2" color="text.secondary" sx={{ mb: 2 }}>
+          {placeholder || t('placeholder')}
+        </Typography>
+
+        <Autocomplete
+          options={organizations}
+          getOptionLabel={(option) => option?.name || ''}
+          isOptionEqualToValue={(option, value) => option?.id === value?.id}
+          value={state.selectedOrg}
+          onChange={(_, newValue) => {
+            // 如果点击的是加载项，触发加载更多
+            if (newValue?.isLoadingItem && !loadingMore) {
+              loadMore();
+              return;
+            }
+            // 忽略加载项的选择
+            if (newValue?.isLoadingItem) {
+              return;
+            }
+            state.selectedOrg = newValue;
+            // 选择选项后清空搜索文本
+            if (newValue) {
+              setSearchText('');
+            }
+          }}
+          inputValue={state.selectedOrg ? state.selectedOrg.name : searchText}
+          onInputChange={(_, newInputValue, reason) => {
+            // 只有用户键盘输入时才更新搜索文本
+            if (reason === 'input') {
+              // 用户开始输入时，清除当前选中的组织，进入搜索模式
+              if (state.selectedOrg) {
+                state.selectedOrg = null;
+              }
+              setSearchText(newInputValue);
+            }
+          }}
+          loading={loading}
+          loadingText={t('loading')}
+          noOptionsText={loading ? t('loading') : t('noResults')}
+          renderInput={(params) => (
+            <TextField
+              {...params}
+              variant="outlined"
+              fullWidth
+              InputProps={{
+                ...params.InputProps,
+                endAdornment: (
+                  <>
+                    {loading && <CircularProgress color="inherit" size={20} />}
+                    {params.InputProps.endAdornment}
+                  </>
+                ),
+              }}
+            />
+          )}
+          renderOption={(props, option) => {
+            // 特殊处理加载项
+            if (option.isLoadingItem) {
+              return (
+                <Box component="li" {...props} key={option.id}>
+                  <Box
+                    sx={{
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'center',
+                      flex: 1,
+                      py: 1,
+                      color: 'primary.main',
+                      cursor: 'pointer',
+                    }}>
+                    {loadingMore && <CircularProgress size={16} sx={{ mr: 1 }} />}
+                    <Typography variant="body2" sx={{ fontStyle: loadingMore ? 'italic' : 'normal' }}>
+                      {option.name}
+                    </Typography>
+                  </Box>
+                </Box>
+              );
+            }
+
+            // 正常组织项的渲染
+            return (
+              <Box component="li" {...props} key={option.id}>
+                <Box sx={{ display: 'flex', flexDirection: 'column', flex: 1, minWidth: 0 }}>
+                  <Typography
+                    variant="body1"
+                    sx={{
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                      whiteSpace: 'nowrap',
+                    }}>
+                    {option.name}
+                  </Typography>
+                  {option.description && (
+                    <Typography
+                      variant="body2"
+                      color="text.secondary"
+                      sx={{
+                        display: '-webkit-box',
+                        WebkitLineClamp: 3,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                      }}>
+                      {option.description}
+                    </Typography>
+                  )}
+                </Box>
+              </Box>
+            );
+          }}
+          sx={{
+            '& .MuiAutocomplete-listbox': {
+              maxHeight: 200,
+            },
+          }}
+        />
+      </Box>
+    </Dialog>
+  );
+}

package/src/OrgTransfer/type.ts

@@ -0,0 +1,31 @@
+import type { ComponentProps } from 'react';
+import { ButtonProps } from '@mui/material';
+import Dialog from '../Dialog';
+
+export type Org = {
+  id: string;
+  name: string;
+  description?: string;
+  ownerDid: string;
+  metadata?: Record<string, any>;
+};
+
+type DialogProps = ComponentProps<typeof Dialog> & {
+  placeholder?: string; // 搜索框的 placeholder
+};
+
+export type OrgTransferSelectorProps = Omit<OrgTransferProps, 'children' | 'buttonProps' | 'buttonText'> & {
+  ref: React.RefObject<unknown | null>;
+};
+
+export interface OrgTransferProps {
+  resourceId: string;
+  onSuccess?: (org: Org) => void;
+  org?: Org; // 当前所在的 Org
+  children?: React.ReactNode;
+  buttonProps?: ButtonProps;
+  buttonText?: string;
+  dialogProps?: DialogProps;
+  locale?: string;
+  [key: string]: any;
+}

package/src/UserCard/use-follow.tsx

@@ -5,18 +5,9 @@ import isNil from 'lodash/isNil';
 import type { AxiosError } from 'axios';
 import { BlockletSDK } from '@blocklet/js-sdk';
 import Toast from '../Toast';
+import { formatAxiosError } from '../Util';
 import type { User } from './types';
 
-export const formatAxiosError = (err: AxiosError) => {
-  const { response } = err;
-
-  if (response) {
-    return `Request failed: ${response.status} ${response.statusText}: ${JSON.stringify(response.data)}`;
-  }
-
-  return err.message;
-};
-
 /**
  * 登录用户与当前用户（userDid）的关注关系
  */

package/src/Util/client.ts

@@ -0,0 +1,9 @@
+import { BlockletSDK } from '@blocklet/js-sdk';
+
+export enum OrgQueryType {
+  OWNED = 'owned',
+  JOINED = 'joined',
+}
+
+// eslint-disable-next-line import/prefer-default-export
+export const client = new BlockletSDK();

package/src/Util/index.ts

@@ -15,6 +15,7 @@ import timezone from 'dayjs/plugin/timezone';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import updateLocale from 'dayjs/plugin/updateLocale';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
+import type { AxiosError } from 'axios';
 import semver from 'semver';
 
 import { DID_PREFIX, BLOCKLET_SERVICE_PATH_PREFIX } from './constant';
@@ -737,3 +738,13 @@ export const isSupportFollow = () => {
   const jsSdkVersionSupport = compareVersions(jsSdkVersion, '1.16.49-beta-20250822-070545-6d3344cc');
   return uxVersionSupport && serverVersionSupport && jsSdkVersionSupport;
 };
+
+export const formatAxiosError = (err: AxiosError) => {
+  const { response } = err;
+
+  if (response) {
+    return `Request failed: ${response.status} ${response.statusText}: ${JSON.stringify(response.data)}`;
+  }
+
+  return err.message || 'Unknown error occurred';
+};