@blocklet/ui-react 3.0.5 → 3.0.7

package/lib/Icon/index.js

@@ -1,23 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
 import "iconify-icon";
 import { useState as c } from "react";
-import { useAsyncEffect as m } from "ahooks";
+import { useAsyncEffect as d } from "ahooks";
 import { Avatar as e } from "@mui/material";
-import { loadIcon as d, Icon as h } from "@iconify/react";
+import { loadIcon as m, Icon as h } from "@iconify/react";
 import { isUrl as g } from "../utils.js";
 function M({
   icon: r,
-  size: t,
-  sx: i,
+  size: t = void 0,
+  sx: i = {},
   ...a
 }) {
   const o = [...Array.isArray(i) ? i : [i]];
   t && o.push({ width: t, height: t });
   const [p, f] = c(!1), [l, s] = c(!0);
-  if (m(async () => {
+  if (d(async () => {
     s(!0);
     try {
-      await d(r), f(!0);
+      await m(r), f(!0);
     } catch {
       f(!1);
     }

package/lib/Notifications/Snackbar.d.ts

@@ -1,6 +1,6 @@
 export { xe as default };
 declare function xe({ ref: t, keyId: i, notification: e, viewAllUrl: w, content: f }: {
-    ref: any;
+    ref?: undefined;
     keyId: any;
     notification?: {} | undefined;
     viewAllUrl: any;

package/lib/Notifications/Snackbar.js

@@ -97,7 +97,7 @@ const R = {
   }
 `;
 function xe({
-  ref: t,
+  ref: t = void 0,
   keyId: i,
   notification: e = {},
   viewAllUrl: w,

package/lib/Notifications/hooks/use-title.d.ts

@@ -1,4 +1,4 @@
-import { default as M } from 'react';
+import { default as F } from 'react';
 export { H as default };
 declare function H({ activity: r, users: l, actors: d, extra: h, mountPoint: m }: {
     activity: any;
@@ -6,4 +6,4 @@ declare function H({ activity: r, users: l, actors: d, extra: h, mountPoint: m }
     actors: any;
     extra?: {} | undefined;
     mountPoint?: string | undefined;
-}): M.ReactElement<unknown, string | M.JSXElementConstructor<any>> | null;
+}): F.ReactElement<unknown, string | F.JSXElementConstructor<any>> | null;

package/lib/Notifications/hooks/use-title.js

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as o, Fragment as i } from "react/jsx-runtime";
-import M from "react";
+import F from "react";
 import { useCreation as f, useMemoizedFn as U } from "ahooks";
 import { useTheme as C, Link as E } from "@mui/material";
-import { WELLKNOWN_SERVICE_PATH_PREFIX as S } from "@abtnode/constant";
-import { joinURL as R, withQuery as v } from "ufo";
+import { WELLKNOWN_SERVICE_PATH_PREFIX as M } from "@abtnode/constant";
+import { joinURL as R, withQuery as S } from "ufo";
 import D from "lodash/isEmpty";
 import { getActivityLink as I } from "../utils.js";
 const P = {
@@ -31,8 +31,8 @@ const P = {
   ] }),
   assign: () => /* @__PURE__ */ s(i, { children: "assigned you a task" })
 };
-function a({ user: r, color: l }) {
-  const { palette: d } = C(), h = v(R(S, "user"), { did: r.did }), m = l || d.text.primary;
+function a({ user: r, color: l = void 0 }) {
+  const { palette: d } = C(), h = S(R(M, "user"), { did: r.did }), m = l || d.text.primary;
   return /* @__PURE__ */ s(
     E,
     {
@@ -73,9 +73,9 @@ function H({ activity: r, users: l, actors: d, extra: h = {}, mountPoint: m = ""
       ] });
     const _ = n.length > 3, N = _ ? n.slice(0, 2) : e;
     return /* @__PURE__ */ o(i, { children: [
-      N.map((T, F) => /* @__PURE__ */ o(M.Fragment, { children: [
+      N.map((T, w) => /* @__PURE__ */ o(F.Fragment, { children: [
         /* @__PURE__ */ s(a, { user: T, color: c }),
-        F < N.length - 1 ? ", " : ""
+        w < N.length - 1 ? ", " : ""
       ] }, T.did)),
       _ ? `, and ${n.length - 2} others` : /* @__PURE__ */ o(i, { children: [
         ", and ",
@@ -85,7 +85,7 @@ function H({ activity: r, users: l, actors: d, extra: h = {}, mountPoint: m = ""
   }), A = U(() => {
     const e = u ? P[u] : null;
     return e ? e(y, l.length) : null;
-  }), w = f(() => {
+  }), v = f(() => {
     const e = L(), t = A();
     return !e || !t ? null : /* @__PURE__ */ o(i, { children: [
       e,
@@ -98,7 +98,7 @@ function H({ activity: r, users: l, actors: d, extra: h = {}, mountPoint: m = ""
     return e != null && e.targetLink ? R(m, e.targetLink) : null;
   }, [r, m]);
   return !u || D(g) ? null : /* @__PURE__ */ o(i, { children: [
-    w,
+    v,
     " ",
     x && /* @__PURE__ */ s(
       E,

package/lib/UserCenter/components/editable-field.d.ts

@@ -13,7 +13,7 @@ declare const E: {
         };
     };
 };
-declare function re({ value: t, onChange: f, onValueValidate: c, errorMsg: i, editable: h, component: x, placeholder: a, rows: g, maxLength: r, icon: w, label: b, children: p, tooltip: I, inline: P, style: X, verified: Y, canEdit: k, renderValue: v, disabled: y, hidePreview: z }: {
+declare function re({ value: t, onChange: f, onValueValidate: c, errorMsg: i, editable: h, component: x, placeholder: a, rows: v, maxLength: r, icon: g, label: w, children: p, tooltip: I, inline: P, style: X, verified: Y, canEdit: k, renderValue: b, disabled: y, hidePreview: z }: {
     value: any;
     onChange?: (() => void) | undefined;
     onValueValidate?: (() => void) | undefined;
@@ -22,16 +22,16 @@ declare function re({ value: t, onChange: f, onValueValidate: c, errorMsg: i, ed
     component?: string | undefined;
     placeholder?: string | undefined;
     rows?: number | undefined;
-    maxLength: any;
-    icon: any;
+    maxLength?: undefined;
+    icon?: undefined;
     label?: string | undefined;
-    children: any;
-    tooltip: any;
+    children?: undefined;
+    tooltip?: undefined;
     inline?: boolean | undefined;
     style?: {} | undefined;
     verified?: boolean | undefined;
     canEdit?: boolean | undefined;
-    renderValue: any;
+    renderValue?: undefined;
     disabled?: boolean | undefined;
     hidePreview?: boolean | undefined;
 }): L.ReactElement<unknown, string | L.JSXElementConstructor<any>> | null;

package/lib/UserCenter/components/editable-field.js

@@ -42,17 +42,17 @@ function re({
   editable: h = !1,
   component: x = "input",
   placeholder: a = "",
-  rows: g = 2,
-  maxLength: r,
-  icon: w,
-  label: b = "",
-  children: p,
-  tooltip: I,
+  rows: v = 2,
+  maxLength: r = void 0,
+  icon: g = void 0,
+  label: w = "",
+  children: p = void 0,
+  tooltip: I = void 0,
   inline: P = !0,
   style: X = {},
   verified: Y = !1,
   canEdit: k = !0,
-  renderValue: v,
+  renderValue: b = void 0,
   disabled: y = !1,
   hidePreview: z = !1
 }) {
@@ -103,7 +103,7 @@ function re({
           slotProps: {
             input: {
               multiline: !0,
-              minRows: g,
+              minRows: v,
               placeholder: a
             }
           }
@@ -128,9 +128,9 @@ function re({
         }
       ) : null
     ] });
-  }, [t, m, x, a, g, p]);
+  }, [t, m, x, a, v, p]);
   return !k && h ? null : h ? /* @__PURE__ */ s(d, { sx: { width: "100%" }, style: X, children: [
-    b && /* @__PURE__ */ n(u, { variant: "subtitle1", gutterBottom: !0, sx: { mb: 0.5, fontSize: "12px", color: "text.primary" }, children: b }),
+    w && /* @__PURE__ */ n(u, { variant: "subtitle1", gutterBottom: !0, sx: { mb: 0.5, fontSize: "12px", color: "text.primary" }, children: w }),
     H
   ] }) : t && !z ? /* @__PURE__ */ n(
     J,
@@ -183,7 +183,7 @@ function re({
           alignItems: "center",
           gap: 1,
           children: [
-            w ? L.cloneElement(w, {
+            g ? L.cloneElement(g, {
               style: {
                 filter: O ? "brightness(0) saturate(100%) invert(1)" : "none"
               }
@@ -199,7 +199,7 @@ function re({
                   component: "div",
                   onMouseEnter: j,
                   onMouseLeave: D,
-                  children: v ? v(t) : t
+                  children: b ? b(t) : t
                 }
               ),
               Y && /* @__PURE__ */ n(q, { color: "success", style: { fontSize: 16, width: 16, marginLeft: 4, flexShrink: 0 } })

package/lib/UserCenter/components/notification.js

@@ -15,8 +15,8 @@ import D from "./webhook-item.js";
 import { formatAxiosError as I } from "../libs/utils.js";
 import { client as y } from "../../libs/client.js";
 function g({
-  title: a,
-  description: s,
+  title: a = void 0,
+  description: s = void 0,
   value: m,
   onChange: i,
   isMobile: n
@@ -58,7 +58,7 @@ function g({
   );
 }
 function ne({ user: a, isMobile: s }) {
-  var b, v;
+  var v, b;
   const { locale: m } = _(), i = c((e, o = {}) => U(q, e, m, "en", o)), n = B({
     showAdd: !1
   }), t = E(
@@ -76,10 +76,10 @@ function ne({ user: a, isMobile: s }) {
       push: !0,
       ...((e = t == null ? void 0 : t.data) == null ? void 0 : e.notifications) || {}
     };
-  }, [(b = t == null ? void 0 : t.data) == null ? void 0 : b.notifications]), p = C(() => {
+  }, [(v = t == null ? void 0 : t.data) == null ? void 0 : v.notifications]), p = C(() => {
     var e;
     return ((e = t == null ? void 0 : t.data) == null ? void 0 : e.webhooks) || [];
-  }, [(v = t == null ? void 0 : t.data) == null ? void 0 : v.webhooks]), u = c(async (e) => {
+  }, [(b = t == null ? void 0 : t.data) == null ? void 0 : b.webhooks]), u = c(async (e) => {
     try {
       await y.user.saveUserNotificationConfig(e), f.success(i("saveSuccess")), t.run();
     } catch (o) {

package/lib/UserCenter/components/status-dialog/date-picker.d.ts

@@ -1,9 +1,9 @@
 export { T as default };
-declare function T({ value: e, onChange: a, error: o, helperText: i, label: m, timezone: n }: {
+declare function T({ value: o, onChange: a, error: n, helperText: i, label: m, timezone: r }: {
     value: any;
     onChange: any;
-    error: any;
-    helperText: any;
-    label: any;
-    timezone: any;
+    error?: undefined;
+    helperText?: undefined;
+    label?: undefined;
+    timezone?: undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -1,14 +1,21 @@
-import { jsxs as p, jsx as u } from "react/jsx-runtime";
-import { useRef as d } from "react";
+import { jsxs as d, jsx as u } from "react/jsx-runtime";
+import { useRef as p } from "react";
 import { FormControl as f, TextField as h, FormHelperText as C } from "@mui/material";
-import r from "dayjs";
+import e 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: [
+function T({
+  value: o,
+  onChange: a,
+  error: n = void 0,
+  helperText: i = void 0,
+  label: m = void 0,
+  timezone: r = void 0
+}) {
+  const l = p(null), s = e().format("YYYY-MM-DDTHH:mm"), c = Y(() => {
+    let t = e();
+    return o && (t = r ? e(o).tz(r) : e(o)), t.format("YYYY-MM-DD HH:mm");
+  }, [o, r]);
+  return /* @__PURE__ */ d(f, { fullWidth: !0, error: n, children: [
     /* @__PURE__ */ u(
       h,
       {
@@ -19,7 +26,7 @@ function T({ value: e, onChange: a, error: o, helperText: i, label: m, timezone:
           a(new Date(t.target.value));
         },
         label: m,
-        error: o,
+        error: n,
         onClick: () => {
           var t;
           (t = l.current) == null || t.showPicker();

package/lib/UserCenter/components/status-dialog/index.d.ts

@@ -5,5 +5,5 @@ declare function go({ open: j, onClose: u, data: m, selected: i, onSelect: h, ti
     data: any;
     selected: any;
     onSelect: any;
-    timezone: any;
+    timezone?: undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/lib/UserCenter/components/status-dialog/index.js

@@ -29,7 +29,14 @@ const O = {
     alignItems: "center"
   }
 };
-function go({ open: j, onClose: u, data: m, selected: i, onSelect: h, timezone: F }) {
+function go({
+  open: j,
+  onClose: u,
+  data: m,
+  selected: i,
+  onSelect: h,
+  timezone: F = void 0
+}) {
   var I, k;
   const { locale: L } = $(), t = _((o, e = {}) => Z(oo, o, L, "en", e)), [l, S] = s((i == null ? void 0 : i.value) || ""), [a, y] = s((i == null ? void 0 : i.duration) || ""), [d, x] = s(((I = i == null ? void 0 : i.dateRange) == null ? void 0 : I[1]) || ""), [N, c] = s(!1);
   V(() => {

package/lib/UserCenter/components/status-selector/index.d.ts

@@ -1,8 +1,8 @@
 export { L as default };
-declare function L({ data: e, open: a, onSelect: u, anchorEl: i, selected: r }: {
+declare function L({ data: e, open: a, onSelect: i, anchorEl: u, selected: r }: {
     data: any;
     open: any;
     onSelect: any;
-    anchorEl: any;
+    anchorEl?: undefined;
     selected: any;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/lib/UserCenter/components/status-selector/index.js

@@ -5,10 +5,10 @@ import { useMemoizedFn as S } from "ahooks";
 import { useLocaleContext as x } from "@arcblock/ux/lib/Locale/context";
 import h from "./duration-menu.js";
 import M, { StyledMenu as y } from "./menu-item.js";
-import { translations as C } from "../../libs/locales.js";
-function L({ data: e, open: a, onSelect: u, anchorEl: i, selected: r }) {
-  const { locale: s } = x(), l = S((o, c = {}) => d(C, o, s, "en", c)), n = (o) => {
-    u(o);
+import { translations as v } from "../../libs/locales.js";
+function L({ data: e, open: a, onSelect: i, anchorEl: u = void 0, selected: r }) {
+  const { locale: s } = x(), l = S((o, c = {}) => d(v, o, s, "en", c)), n = (o) => {
+    i(o);
   }, p = () => e.map((o) => o.children ? /* @__PURE__ */ t(h, { data: o, selected: r, onSelect: n }, o.id) : /* @__PURE__ */ t(
     M,
     {
@@ -19,7 +19,7 @@ function L({ data: e, open: a, onSelect: u, anchorEl: i, selected: r }) {
     },
     o.id
   ));
-  return /* @__PURE__ */ m(y, { open: a, onClose: () => n(), anchorEl: i, children: [
+  return /* @__PURE__ */ m(y, { open: a, onClose: () => n(), anchorEl: u, children: [
     /* @__PURE__ */ t(
       f,
       {

package/lib/UserCenter/components/status-selector/menu-item.d.ts

@@ -1,9 +1,9 @@
-import { default as d } from 'react';
+import { default as a } from 'react';
 declare const h: import('@emotion/styled').StyledComponent<import('@mui/material').MenuProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 declare function c({ icon: e, selected: t, onClick: o, children: r }: {
-    icon: any;
-    selected: any;
+    icon?: undefined;
+    selected?: undefined;
     onClick: any;
     children: any;
-}): d.ReactElement<unknown, string | d.JSXElementConstructor<any>>;
+}): a.ReactElement<unknown, string | a.JSXElementConstructor<any>>;
 export { h as StyledMenu, c as default };

package/lib/UserCenter/components/status-selector/menu-item.js

@@ -1,15 +1,20 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { styled as n, Menu as l, MenuItem as p, ListItemIcon as a } from "@mui/material";
-import d from "react";
-function c({ icon: e, selected: t, onClick: o, children: r }) {
-  return /* @__PURE__ */ i(p, { onClick: o, className: t ? "selected" : "", children: [
-    e && /* @__PURE__ */ s(a, { style: { minWidth: "24px" }, children: d.createElement(e, {
+import { styled as d, Menu as n, MenuItem as l, ListItemIcon as p } from "@mui/material";
+import a from "react";
+function c({
+  icon: e = void 0,
+  selected: t = void 0,
+  onClick: o,
+  children: r
+}) {
+  return /* @__PURE__ */ i(l, { onClick: o, className: t ? "selected" : "", children: [
+    e && /* @__PURE__ */ s(p, { style: { minWidth: "24px" }, children: a.createElement(e, {
       style: { fontSize: "16px", width: "16px", height: "16px" }
     }) }),
     r
   ] });
 }
-const h = n(l)`
+const h = d(n)`
   .MuiPaper-root {
     box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.15);
   }

package/lib/UserCenter/components/third-party-login/index.js

@@ -63,43 +63,37 @@ function q({ user: r }) {
         display: "grid",
         gridTemplateColumns: "1fr min-content"
       },
-      children: !h.length && !g.length && !y.length ? (
-        // @ts-expect-error 忽略 ref 类型
-        /* @__PURE__ */ s(
+      children: !h.length && !g.length && !y.length ? /* @__PURE__ */ s(
+        T,
+        {
+          behavior: "only-new",
+          action: "connect",
+          createMode: "connect",
+          createButtonText: "Add Passkey",
+          onSuccess: a,
+          onError: a,
+          dense: !0
+        }
+      ) : /* @__PURE__ */ L(O, { children: [
+        h.map((e) => /* @__PURE__ */ s(u, { item: e }, e == null ? void 0 : e.provider)),
+        g.map((e) => /* @__PURE__ */ s(u, { item: e }, e.id)),
+        y.map((e) => /* @__PURE__ */ s(u, { item: e }, e.id)),
+        A.wallet || A.arcSphere ? null : /* @__PURE__ */ s(
           T,
           {
             behavior: "only-new",
             action: "connect",
             createMode: "connect",
-            createButtonText: "Add Passkey",
+            createButtonText: "Add New Passkey",
             onSuccess: a,
             onError: a,
-            dense: !0
-          }
-        )
-      ) : /* @__PURE__ */ L(O, { children: [
-        h.map((e) => /* @__PURE__ */ s(u, { item: e }, e == null ? void 0 : e.provider)),
-        g.map((e) => /* @__PURE__ */ s(u, { item: e }, e.id)),
-        y.map((e) => /* @__PURE__ */ s(u, { item: e }, e.id)),
-        A.wallet || A.arcSphere ? null : (
-          // @ts-expect-error 忽略 ref 类型
-          /* @__PURE__ */ s(
-            T,
-            {
-              behavior: "only-new",
-              action: "connect",
-              createMode: "connect",
-              createButtonText: "Add New Passkey",
-              onSuccess: a,
-              onError: a,
-              dense: !0,
-              sx: {
-                px: 1.5,
-                py: 1,
-                gap: 0.75
-              }
+            dense: !0,
+            sx: {
+              px: 1.5,
+              py: 1,
+              gap: 0.75
             }
-          )
+          }
         )
       ] })
     }

package/lib/UserCenter/components/user-info/user-info-item.d.ts

@@ -2,5 +2,5 @@ export { x as default };
 declare function x({ data: e, verified: s, ...r }: {
     [x: string]: any;
     data: any;
-    verified: any;
+    verified?: boolean | undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/lib/UserCenter/components/user-info/user-info-item.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
 import { Box as n, Typography as o } from "@mui/material";
 import { Verified as l } from "@mui/icons-material";
-function x({ data: e, verified: s, ...r }) {
+function x({ data: e, verified: s = !1, ...r }) {
   return /* @__PURE__ */ t(
     n,
     {

package/lib/UserCenter/components/user-info/user-status.d.ts

@@ -1,9 +1,9 @@
-export { ke as default };
-declare function ke({ isMobile: o, size: R, isMyself: g, status: e, onChange: s, timezone: W }: {
-    isMobile: any;
+export { ye as default };
+declare function ye({ isMobile: o, size: R, isMyself: g, status: e, onChange: s, timezone: W }: {
+    isMobile?: undefined;
     size: any;
     isMyself: any;
     status: any;
     onChange: any;
-    timezone: any;
+    timezone?: undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/lib/UserCenter/components/user-info/user-status.js

@@ -1,7 +1,7 @@
 import { jsxs as E, jsx as l } from "react/jsx-runtime";
 import { Tooltip as H, Box as z, Badge as B } from "@mui/material";
 import U from "@emotion/styled";
-import { lazy as m, useState as C, useEffect as q, useCallback as A, useMemo as F, Suspense as L } from "react";
+import { lazy as d, useState as C, useEffect as q, useCallback as A, useMemo as F, Suspense as L } from "react";
 import { useMemoizedFn as T, useInterval as Q, useUnmount as G, useCreation as J } from "ahooks";
 import { useLocaleContext as K } from "@arcblock/ux/lib/Locale/context";
 import { translate as P } from "@arcblock/ux/lib/Locale/util";
@@ -10,7 +10,7 @@ import { StatusEnum as t, DurationEnum as c } from "../../../@types/index.js";
 import X from "../status-dialog/index.js";
 import { translations as Y } from "../../libs/locales.js";
 import { isNotClear as $, isWithinTimeRange as Z, getTimeRemaining as _ } from "./utils.js";
-const ee = m(() => import("@arcblock/icons/lib/Meeting")), oe = m(() => import("@arcblock/icons/lib/Community")), ne = m(() => import("@arcblock/icons/lib/Holiday")), te = m(() => import("@arcblock/icons/lib/OffSick")), ie = m(() => import("@arcblock/icons/lib/WorkingRemotely")), I = {
+const ee = d(() => import("@arcblock/icons/lib/Meeting")), oe = d(() => import("@arcblock/icons/lib/Community")), ne = d(() => import("@arcblock/icons/lib/Holiday")), te = d(() => import("@arcblock/icons/lib/OffSick")), ie = d(() => import("@arcblock/icons/lib/WorkingRemotely")), I = {
   [t.Meeting]: ee,
   [t.Community]: oe,
   [t.Holiday]: ne,
@@ -38,15 +38,15 @@ const ee = m(() => import("@arcblock/icons/lib/Meeting")), oe = m(() => import("
     durationName: "userStatus.duration.ThisWeek"
   }
 };
-function ke({
-  isMobile: o,
+function ye({
+  isMobile: o = void 0,
   size: R,
   isMyself: g,
   status: e,
   onChange: s,
-  timezone: W
+  timezone: W = void 0
 }) {
-  const { locale: d } = K(), u = T((n, i = {}) => P(Y, n, d, "en", i)), [b, p] = C(void 0), f = T(() => {
+  const { locale: m } = K(), u = T((n, i = {}) => P(Y, n, m, "en", i)), [b, p] = C(void 0), f = T(() => {
     p(void 0);
   });
   q(() => {
@@ -84,22 +84,22 @@ function ke({
         children: n
       };
     });
-  }, [u, x, d]), D = (n) => {
+  }, [u, x, m]), D = (n) => {
     g && S(n.currentTarget);
-  }, y = () => {
+  }, v = () => {
     S(null);
   }, j = (n) => {
-    g && (s(n), y());
-  }, k = I[e == null ? void 0 : e.value], M = F(() => {
+    g && (s(n), v());
+  }, y = I[e == null ? void 0 : e.value], M = F(() => {
     var i;
     const n = h.find((r) => r.id === (e == null ? void 0 : e.value));
     if (n) {
-      const r = d === "zh" ? "zh-cn" : "en-us";
+      const r = m === "zh" ? "zh-cn" : "en-us";
       let a;
       return $(e) || (a = (i = e == null ? void 0 : e.dateRange) == null ? void 0 : i.map((w) => V(w, { locale: r }))), a && a.length > 0 ? `${n.name}: ${a.join("~")}` : n.name;
     }
     return null;
-  }, [e, h, d]), v = !!O;
+  }, [e, h, m]), k = !!O;
   return /* @__PURE__ */ E(ae, { size: R, isMobile: o, children: [
     /* @__PURE__ */ l(H, { title: M, children: /* @__PURE__ */ l(
       z,
@@ -111,17 +111,17 @@ function ke({
           alignItems: "center",
           justifyContent: "center"
         },
-        children: k ? /* @__PURE__ */ l(L, { fallback: null, children: /* @__PURE__ */ l(k, { style: { width: 16, height: 16 } }) }) : /* @__PURE__ */ l(B, { color: "success", variant: "dot" })
+        children: y ? /* @__PURE__ */ l(L, { fallback: null, children: /* @__PURE__ */ l(y, { style: { width: 16, height: 16 } }) }) : /* @__PURE__ */ l(B, { color: "success", variant: "dot" })
       }
     ) }),
-    v && /* @__PURE__ */ l(
+    k && /* @__PURE__ */ l(
       X,
       {
         selected: e,
         data: h,
-        open: v,
+        open: k,
         onSelect: j,
-        onClose: y,
+        onClose: v,
         timezone: W
       }
     )
@@ -151,5 +151,5 @@ const ae = U("div")`
   }
 `;
 export {
-  ke as default
+  ye as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.0.5",
+  "version": "3.0.7",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -20,6 +20,7 @@
   "scripts": {
     "lint": "eslint src tests --ext js --ext jsx --ext tsx --ext ts",
     "lint:fix": "npm run lint -- --fix",
+    "clean": "rm -rf lib",
     "build": "vite build",
     "watch": "vite build --watch",
     "precommit": "CI=1 npm run lint",
@@ -34,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.16.44",
     "@abtnode/util": "^1.16.44",
-    "@arcblock/bridge": "3.0.5",
-    "@arcblock/icons": "3.0.5",
-    "@arcblock/react-hooks": "3.0.5",
+    "@arcblock/bridge": "3.0.7",
+    "@arcblock/icons": "3.0.7",
+    "@arcblock/react-hooks": "3.0.7",
     "@arcblock/ws": "^1.20.15",
     "@blocklet/constant": "^1.16.44",
     "@blocklet/did-space-react": "^1.0.63",
@@ -84,9 +85,10 @@
   "devDependencies": {
     "@types/dompurify": "^3.2.0",
     "@types/ua-parser-js": "^0.7.39",
+    "@types/validator": "^13.15.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "1a7bd7691bda12a5d117eb57fe63e8a6486105d6"
+  "gitHead": "05185ed22660a8fea176616b19b6703456f2348c"
 }