@blocklet/ui-react 2.13.70 → 3.0.0

package/lib/UserCenter/components/privacy.js

@@ -1,44 +1,35 @@
-import { jsx } from "react/jsx-runtime";
-import { Box, Typography } from "@mui/material";
-import Switch from "@arcblock/ux/lib/Switch";
-import { useState } from "react";
-import { useMemoizedFn } from "ahooks";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import Toast from "@arcblock/ux/lib/Toast";
-import { translations } from "../libs/locales.js";
-import { client } from "../../libs/client.js";
-import { formatAxiosError } from "../libs/utils.js";
-export default function Privacy({
-  configList,
-  onSave
+import { jsx as a } from "react/jsx-runtime";
+import { Box as f, Typography as x } from "@mui/material";
+import d from "@arcblock/ux/lib/Switch";
+import { useState as w } from "react";
+import { useMemoizedFn as c } from "ahooks";
+import { translate as y } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as v } from "@arcblock/ux/lib/Locale/context";
+import l from "@arcblock/ux/lib/Toast";
+import { translations as S } from "../libs/locales.js";
+import { client as g } from "../../libs/client.js";
+import { formatAxiosError as b } from "../libs/utils.js";
+function A({
+  configList: n,
+  onSave: m
 }) {
-  const [dataList, setDataList] = useState(configList);
-  const { locale } = useLocaleContext();
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const handleChangeSwitch = useMemoizedFn(async (type, value) => {
+  const [i, u] = w(n), { locale: p } = v(), s = c((r, t = {}) => y(S, r, p, "en", t)), h = c(async (r, t) => {
     try {
-      const result = await client.user.saveUserPrivacyConfig({
-        [type]: !value
+      const e = await g.user.saveUserPrivacyConfig({
+        [r]: !t
       });
-      setDataList(
-        dataList.map((item) => {
-          return {
-            ...item,
-            value: result?.[item.key] ?? item.value
-          };
-        })
-      );
-      Toast.success(t("saveSuccess"));
-      onSave("privacy");
-    } catch (err) {
-      Toast.error(formatAxiosError(err));
+      u(
+        i.map((o) => ({
+          ...o,
+          value: (e == null ? void 0 : e[o.key]) ?? o.value
+        }))
+      ), l.success(s("saveSuccess")), m("privacy");
+    } catch (e) {
+      l.error(b(e));
     }
   });
-  return /* @__PURE__ */ jsx(
-    Box,
+  return /* @__PURE__ */ a(
+    f,
     {
       sx: {
         display: "flex",
@@ -72,36 +63,34 @@ export default function Privacy({
           }
         }
       },
-      children: dataList.map((item) => {
-        if (item.isPrivate) {
-          return null;
-        }
-        return /* @__PURE__ */ jsx(
-          Switch,
-          {
-            checked: !item.value,
-            labelProps: {
-              label: /* @__PURE__ */ jsx(
-                Typography,
-                {
+      children: i.map((r) => r.isPrivate ? null : /* @__PURE__ */ a(
+        d,
+        {
+          checked: !r.value,
+          labelProps: {
+            label: /* @__PURE__ */ a(
+              x,
+              {
+                sx: {
                   color: "text.primary",
-                  sx: {
-                    fontSize: 14,
-                    display: "flex",
-                    flexFlow: "wrap",
-                    columnGap: 1,
-                    flex: 1
-                  },
-                  children: t("toPublic", { name: item.name })
-                }
-              )
-            },
-            size: "small",
-            onChange: (event) => handleChangeSwitch(item.key, event.target.checked)
+                  fontSize: 14,
+                  display: "flex",
+                  flexFlow: "wrap",
+                  columnGap: 1,
+                  flex: 1
+                },
+                children: s("toPublic", { name: r.name })
+              }
+            )
           },
-          item.key
-        );
-      })
+          size: "small",
+          onChange: (t) => h(r.key, t.target.checked)
+        },
+        r.key
+      ))
     }
   );
 }
+export {
+  A as default
+};

package/lib/UserCenter/components/settings.js

@@ -1,102 +1,85 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { Box, Typography } from "@mui/material";
-import { useCreation, useMemoizedFn } from "ahooks";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import { mergeSx } from "@arcblock/ux/lib/Util/style";
-import useBrowser from "@arcblock/react-hooks/lib/useBrowser";
-import { translations } from "../libs/locales.js";
-import Notification from "./notification.js";
-import Privacy from "./privacy.js";
-import { UserSessions } from "../../UserSessions/index.js";
-import ThirdPartyLogin from "./third-party-login/index.js";
-import ConfigProfile from "./config-profile.js";
-import DangerZone from "./danger-zone.js";
-import { client } from "../../libs/client.js";
-export default function Settings({
-  user,
-  settings,
-  onSave,
-  isMobile,
-  ...rest
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useEffect as v } from "react";
+import { Box as l, Typography as x } from "@mui/material";
+import { useMemoizedFn as b, useCreation as f } from "ahooks";
+import { translate as y } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as g } from "@arcblock/ux/lib/Locale/context";
+import { mergeSx as C } from "@arcblock/ux/lib/Util/style";
+import S from "@arcblock/react-hooks/lib/useBrowser";
+import { translations as w } from "../libs/locales.js";
+import L from "./notification.js";
+import P from "./privacy.js";
+import T from "../../UserSessions/components/user-sessions.js";
+import B from "./third-party-login/index.js";
+import M from "./config-profile.js";
+import U from "./danger-zone.js";
+import { client as W } from "../../libs/client.js";
+function O({
+  user: i,
+  settings: n,
+  onSave: m,
+  isMobile: s,
+  ...a
 }) {
-  const { locale } = useLocaleContext();
-  const browser = useBrowser();
-  const isArcSphere = browser.arcSphere;
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const privacyConfigList = useCreation(() => {
-    const userCenterTabs = settings?.userCenterTabs || [];
-    return userCenterTabs.map((item) => {
-      return {
-        key: item.value,
-        name: item.label,
-        value: item.protected,
-        isPrivate: item.isPrivate
-      };
-    });
-  }, [settings?.userCenterTabs]);
-  const tabs = useCreation(() => {
-    return [
-      !isArcSphere ? {
-        label: t("commonSetting.title"),
-        value: "common",
-        content: /* @__PURE__ */ jsx(ConfigProfile, { user, onSave })
-      } : void 0,
-      {
-        label: t("notificationManagement"),
-        value: "notification",
-        content: /* @__PURE__ */ jsx(Notification, { user, isMobile })
-      },
-      {
-        label: t("thirdPartyLogin.title"),
-        value: "thirdPartyLogin",
-        content: /* @__PURE__ */ jsx(ThirdPartyLogin, { user })
-      },
-      {
-        label: t("privacyManagement"),
-        value: "privacy",
-        content: /* @__PURE__ */ jsx(Privacy, { configList: privacyConfigList, onSave })
-      },
-      {
-        label: t("sessionManagement"),
-        value: "session",
-        content: /* @__PURE__ */ jsx(
-          UserSessions,
-          {
-            user,
-            showUser: false,
-            getUserSessions: (params) => {
-              return client.userSession.getMyLoginSessions({}, params);
-            }
-          }
-        )
-      },
-      {
-        label: t("dangerZone.title"),
-        value: "dangerZone",
-        content: /* @__PURE__ */ jsx(DangerZone, {}),
-        sx: {
-          borderColor: "error.main"
+  const { locale: p } = g(), d = S().arcSphere, t = b((o, r = {}) => y(w, o, p, "en", r)), c = f(() => ((n == null ? void 0 : n.userCenterTabs) || []).map((r) => ({
+    key: r.value,
+    name: r.label,
+    value: r.protected,
+    isPrivate: r.isPrivate
+  })), [n == null ? void 0 : n.userCenterTabs]), u = f(() => [
+    d ? void 0 : {
+      label: t("commonSetting.title"),
+      value: "common",
+      content: /* @__PURE__ */ e(M, { user: i, onSave: m })
+    },
+    {
+      label: t("notificationManagement"),
+      value: "notification",
+      content: /* @__PURE__ */ e(L, { user: i, isMobile: s })
+    },
+    {
+      label: t("thirdPartyLogin.title"),
+      value: "thirdPartyLogin",
+      content: /* @__PURE__ */ e(B, { user: i })
+    },
+    {
+      label: t("privacyManagement"),
+      value: "privacy",
+      content: /* @__PURE__ */ e(P, { configList: c, onSave: m })
+    },
+    {
+      label: t("sessionManagement"),
+      value: "session",
+      content: /* @__PURE__ */ e(
+        T,
+        {
+          user: i,
+          showUser: !1,
+          getUserSessions: (o) => W.userSession.getMyLoginSessions({}, o)
         }
+      )
+    },
+    {
+      label: t("dangerZone.title"),
+      value: "dangerZone",
+      content: /* @__PURE__ */ e(U, {}),
+      sx: {
+        borderColor: "error.main"
       }
-    ].filter(Boolean);
-  }, [user, privacyConfigList, isMobile]);
-  useEffect(() => {
-    const id = window.location.hash.slice(1);
-    if (id) {
-      const element = document.getElementById(id);
-      element?.scrollIntoView({ behavior: "smooth" });
     }
-  }, []);
-  return /* @__PURE__ */ jsx(
-    Box,
+  ].filter(Boolean), [i, c, s]);
+  return v(() => {
+    const o = window.location.hash.slice(1);
+    if (o) {
+      const r = document.getElementById(o);
+      r == null || r.scrollIntoView({ behavior: "smooth" });
+    }
+  }, []), /* @__PURE__ */ e(
+    l,
     {
-      ...rest,
+      ...a,
       sx: {
-        ...rest?.sx,
+        ...a == null ? void 0 : a.sx,
         display: "flex",
         flexDirection: "column",
         gap: 2.5,
@@ -105,43 +88,49 @@ export default function Settings({
         },
         maxWidth: "100%"
       },
-      children: tabs.map((tab) => {
-        if (!tab) {
-          return null;
-        }
-        return /* @__PURE__ */ jsxs(
-          Box,
-          {
-            id: tab.value,
-            sx: mergeSx(
+      children: u.map((o) => o ? /* @__PURE__ */ h(
+        l,
+        {
+          id: o.value,
+          sx: C(
+            {
+              border: "1px solid",
+              borderColor: "divider",
+              borderRadius: 1,
+              p: 2,
+              "&:last-child": {
+                mb: 5
+              }
+            },
+            o.sx
+          ),
+          children: [
+            /* @__PURE__ */ e(
+              x,
               {
-                border: "1px solid",
-                borderColor: "divider",
-                borderRadius: 1,
-                p: 2,
-                "&:last-child": {
-                  mb: 5
-                }
-              },
-              tab.sx
+                sx: {
+                  color: "text.primary",
+                  fontWeight: 600
+                },
+                children: o.label
+              }
             ),
-            children: [
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  sx: {
-                    color: "text.primary",
-                    fontWeight: 600
-                  },
-                  children: tab.label
-                }
-              ),
-              /* @__PURE__ */ jsx(Box, { mt: 2.5, children: tab.content })
-            ]
-          },
-          tab.value
-        );
-      })
+            /* @__PURE__ */ e(
+              l,
+              {
+                sx: {
+                  mt: 2.5
+                },
+                children: o.content
+              }
+            )
+          ]
+        },
+        o.value
+      ) : null)
     }
   );
 }
+export {
+  O as default
+};

package/lib/UserCenter/components/status-dialog/date-picker.js

@@ -1,41 +1,28 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { TextField, FormControl, FormHelperText } from "@mui/material";
-import dayjs from "dayjs";
-import { useCreation } from "ahooks";
-export default function DateTimeInput({ value, onChange, error, helperText, label, timezone }) {
-  const inputRef = useRef(null);
-  const minDateTime = dayjs().format("YYYY-MM-DDTHH:mm");
-  const formatValue = useCreation(() => {
-    let date = dayjs();
-    if (value) {
-      date = timezone ? dayjs(value).tz(timezone) : dayjs(value);
-    }
-    return date.format("YYYY-MM-DD HH:mm");
-  }, [value, timezone]);
-  const handleChange = (e) => {
-    onChange(new Date(e.target.value));
-  };
-  const handleClick = () => {
-    inputRef.current?.showPicker();
-  };
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, error, children: [
-    /* @__PURE__ */ jsx(
-      TextField,
+import { jsxs as p, jsx as u } from "react/jsx-runtime";
+import { useRef as d } from "react";
+import { FormControl as f, TextField as h, FormHelperText as C } from "@mui/material";
+import r from "dayjs";
+import { useCreation as Y } from "ahooks";
+function T({ value: e, onChange: a, error: o, helperText: i, label: m, timezone: n }) {
+  const l = d(null), s = r().format("YYYY-MM-DDTHH:mm"), c = Y(() => {
+    let t = r();
+    return e && (t = n ? r(e).tz(n) : r(e)), t.format("YYYY-MM-DD HH:mm");
+  }, [e, n]);
+  return /* @__PURE__ */ p(f, { fullWidth: !0, error: o, children: [
+    /* @__PURE__ */ u(
+      h,
       {
-        inputRef,
+        inputRef: l,
         type: "datetime-local",
-        value: formatValue,
-        onChange: handleChange,
-        inputProps: {
-          min: minDateTime,
-          style: { cursor: "pointer" }
+        value: c,
+        onChange: (t) => {
+          a(new Date(t.target.value));
         },
-        label,
-        error,
-        onClick: handleClick,
-        InputLabelProps: {
-          shrink: true
+        label: m,
+        error: o,
+        onClick: () => {
+          var t;
+          (t = l.current) == null || t.showPicker();
         },
         sx: {
           "& .MuiInputBase-root": {
@@ -44,9 +31,21 @@ export default function DateTimeInput({ value, onChange, error, helperText, labe
           "& .MuiOutlinedInput-notchedOutline": {
             cursor: "pointer"
           }
+        },
+        slotProps: {
+          htmlInput: {
+            min: s,
+            style: { cursor: "pointer" }
+          },
+          inputLabel: {
+            shrink: !0
+          }
         }
       }
     ),
-    helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+    i && /* @__PURE__ */ u(C, { children: i })
   ] });
 }
+export {
+  T as default
+};