@arcblock/ux 3.1.47 → 3.1.49

package/lib/Config/config-provider.d.ts

@@ -15,6 +15,7 @@ export declare function useConfig(): {
     changeMode: (mode: import('@mui/material').PaletteMode) => void;
     prefer?: import('../Theme').Prefer;
     locale: import('../type').Locale;
+    defaultLocale: import('../type').Locale;
     changeLocale: (locale: import('../type').Locale) => void;
     t: (key: string, data?: Record<string, any>) => string;
     languages: {

package/lib/DIDConnect/auth-apps/switch-role.d.ts

@@ -1,6 +1,7 @@
 import { UserPublicInfo } from '@blocklet/js-sdk';
 declare function SwitchRole({ user, switchPassport, }: {
     user: UserPublicInfo & {
+        role: string;
         passports: {
             name: string;
             title: string;

package/lib/Locale/context.d.ts

@@ -19,6 +19,7 @@ export interface LocaleProviderProps {
 }
 export interface LocaleContextType {
     locale: Locale;
+    defaultLocale: Locale;
     changeLocale: (locale: Locale) => void;
     t: (key: string, data?: Record<string, any>) => string;
     languages: {

package/lib/Locale/context.js

@@ -1,80 +1,80 @@
-import { jsx as y } from "react/jsx-runtime";
-import { createContext as x, use as k, useState as h, useRef as A, useEffect as R, useCallback as b } from "react";
-import j from "lodash/get";
-import i from "js-cookie";
-import S from "./browser-lang.js";
-import { translate as U } from "./util.js";
-import { getCookieOptions as D, resolveRootDomain as E } from "../Util/index.js";
-const l = "nf_lang", F = (e, o = window.location.href) => {
+import { jsx as x } from "react/jsx-runtime";
+import { createContext as k, use as A, useState as h, useRef as R, useEffect as b, useCallback as j } from "react";
+import S from "lodash/get";
+import l from "js-cookie";
+import U from "./browser-lang.js";
+import { translate as D } from "./util.js";
+import { getCookieOptions as E, resolveRootDomain as F } from "../Util/index.js";
+const i = "nf_lang", O = (e, o = window.location.href) => {
   const t = new URL(o).searchParams.get("locale");
   return e.find((c) => c.code === t) ? t : null;
-}, O = (e, o = window.location.href) => {
+}, z = (e, o = window.location.href) => {
   const t = new URL(o);
   t.searchParams.has("locale") && (t.searchParams.set("locale", e), window.history.replaceState({}, "", t.href));
-}, d = (e = []) => {
+}, g = (e = []) => {
   const o = {
     languages: e.map((t) => t.code),
     // 取 languages 首个元素的 code 值, 如果不存在则取 'en'
     fallback: e?.[0]?.code || "en"
   };
-  return F(e) || i.get(l) || S(o);
-}, z = (e) => {
-  const o = D();
+  return O(e) || l.get(i) || U(o);
+}, N = (e) => {
+  const o = E();
   if (!o.domain) {
-    const t = E();
-    t && i.remove(l, { path: o.path || "/", domain: t });
+    const t = F();
+    t && l.remove(i, { path: o.path || "/", domain: t });
   }
-  i.set(l, e, o), O(e);
-}, N = (e) => {
-  const o = j(window, "blocklet.languages");
+  l.set(i, e, o), z(e);
+}, _ = (e) => {
+  const o = S(window, "blocklet.languages");
   return Array.isArray(o) && o.length ? o : Array.isArray(e) && e.length ? e : [
     { code: "en", name: "English" },
     { code: "zh", name: "简体中文" }
   ];
-}, g = x(null), { Provider: _, Consumer: M } = g;
-function Q({
+}, p = k(null), { Provider: q, Consumer: Q } = p;
+function T({
   children: e,
   locale: o = void 0,
-  fallbackLocale: t = void 0,
+  fallbackLocale: t = "en",
   translations: c,
-  onLoadingTranslation: p = void 0,
-  languages: L = [],
-  ...P
+  onLoadingTranslation: L = void 0,
+  languages: P = [],
+  ...C
 }) {
-  const s = N(L);
-  let [n, v] = h(o || d(s));
-  const m = A(t || ""), [, C] = h(0), u = (r) => {
-    v(r), z(r);
+  const s = _(P);
+  let [n, v] = h(o || g(s));
+  const m = s?.[0]?.code ?? t, u = R(m), [, w] = h(0), f = (r) => {
+    v(r), N(r);
   };
-  if (R(() => {
-    const r = o || d(s);
-    r !== n && u(r);
+  if (b(() => {
+    const r = o || g(s);
+    r !== n && f(r);
   }, [o]), n && c[n] && typeof c[n] == "function") {
     const r = n;
     try {
       Promise.resolve(c[r]()).then((a) => {
-        a && typeof a == "object" && (c[r] = a, C((f) => f > 999 ? 0 : f + 1));
+        a && typeof a == "object" && (c[r] = a, w((d) => d > 999 ? 0 : d + 1));
       });
     } catch (a) {
       console.error(a);
     }
-    p?.(r, s), n = m.current;
+    L?.(r, s), n = u.current;
   } else
-    m.current = n;
-  const w = b(
-    (r, a) => U(c, r, n, t, a),
+    u.current = n;
+  const y = j(
+    (r, a) => D(c, r, n, t, a),
     [c, n, t]
   );
-  return /* @__PURE__ */ y(_, { value: { locale: n, changeLocale: u, t: w, languages: s, ...P }, children: e });
+  return /* @__PURE__ */ x(q, { value: { locale: n, changeLocale: f, t: y, languages: s, defaultLocale: m, ...C }, children: e });
 }
-function T() {
-  return k(g);
+function V() {
+  return A(p);
 }
 export {
-  M as LocaleConsumer,
-  g as LocaleContext,
-  Q as LocaleProvider,
-  d as getLocale,
-  z as setLocale,
-  T as useLocaleContext
+  Q as LocaleConsumer,
+  p as LocaleContext,
+  T as LocaleProvider,
+  g as getLocale,
+  N as setLocale,
+  V as useLocaleContext
 };

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/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;