@blocklet/list 0.14.14 → 0.14.16

package/lib/index.es.js

@@ -31,13 +31,13 @@ import mt from "@mui/icons-material/KeyboardArrowDown";
 import ft from "@mui/material/ClickAwayListener";
 import gt from "@mui/material/Grow";
 import Me from "@mui/material/MenuItem";
-import De from "@mui/material/MenuList";
+import Ne from "@mui/material/MenuList";
 import xt from "@mui/material/Paper";
 import yt from "@mui/material/Popper";
 import wt from "@mui/material/SvgIcon";
 import bt from "lodash/isEmpty";
 import re from "@mui/material/CircularProgress";
-import Ne from "@arcblock/ux/lib/Avatar";
+import De from "@arcblock/ux/lib/Avatar";
 import kt from "@iconify-icons/tabler/cloud-download";
 import vt from "@mui/icons-material/ChevronLeft";
 import Ct from "@mui/icons-material/ChevronRight";
@@ -49,23 +49,22 @@ import Ce from "@mui/material/Grid";
 import Bt from "react-infinite-scroll-hook";
 import Se from "@mui/material/Chip";
 import J from "@mui/icons-material/Search";
-import Rt from "@mui/icons-material/Verified";
-import Tt from "@mui/material/Autocomplete";
-import Pt from "@mui/material/Dialog";
+import Rt from "@mui/material/Autocomplete";
+import Tt from "@mui/material/Dialog";
 import We from "@mui/material/OutlinedInput";
-import At from "@mui/material/TextField";
-import { useHotkeys as Ft } from "react-hotkeys-hook";
+import Pt from "@mui/material/TextField";
+import { useHotkeys as At } from "react-hotkeys-hook";
 import Ie from "@mui/material/InputAdornment";
-import Et from "@arcblock/ux/lib/Empty";
-import Lt from "json-stable-stringify";
-import Ot from "@mui/icons-material/Menu";
-import { Card as _t, Box as le, Skeleton as O } from "@mui/material";
+import Ft from "@arcblock/ux/lib/Empty";
+import Et from "json-stable-stringify";
+import Lt from "@mui/icons-material/Menu";
+import { Card as Ot, Box as le, Skeleton as O } from "@mui/material";
 const $e = Fe({
   open: !1,
   toggleOpen: (e) => {
   }
 });
-function zt({ children: e }) {
+function _t({ children: e }) {
   const [r, o] = E(!1), n = (a) => {
     o(a ?? !a);
   }, i = H(() => ({ open: r, toggleOpen: n }), [r]);
@@ -88,14 +87,14 @@ const T = {
   explorePath: "/api/blocklets/explore",
   exploreDidsPath: "/api/blocklets/dids",
   cacheSize: 100
-}, Mt = (e) => ee(
+}, zt = (e) => ee(
   async () => {
     const { data: r } = await e.get(T.categoriesPath);
     return Array.isArray(r) ? r : [];
   },
   { manual: !0 }
 );
-function Dt(e, r) {
+function Mt(e, r) {
   const o = { sortBy: "popularity", sortDirection: "desc", ...e }, {
     onFilterChange: n,
     onSearchSelect: i = (l) => {
@@ -165,13 +164,13 @@ const Nt = (e, r, o) => e && r || !o, je = (e) => [
     ...l || p ? { imageFilter: "resize", w: l, h: p } : {},
     v: c
   });
-}, Wt = (e) => [
+}, Dt = (e) => [
   { name: e("blocklet.free"), value: "free" },
   { name: e("blocklet.payment"), value: "payment" }
-], $t = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), jt = (e, r) => (
+], Wt = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), $t = (e, r) => (
   // eslint-disable-next-line no-prototype-builtins
   e == null ? void 0 : e.replace(/{(\w*)}/g, (o, n) => r.hasOwnProperty(n) ? r[n] : "")
-), Ht = () => window.innerWidth <= 600, Ut = {
+), jt = () => window.innerWidth <= 600, Ht = {
   common: {
     title: "Blocklet Store",
     searchStore: "Search Blocklet",
@@ -222,7 +221,7 @@ const Nt = (e, r, o) => e && r || !o, je = (e) => [
   autocomplete: {
     expandResult: 'View all search results for "{name}"'
   }
-}, Vt = {
+}, Ut = {
   common: {
     title: "Blocklet 商店",
     searchStore: "搜索 Blocklet",
@@ -274,14 +273,14 @@ const Nt = (e, r, o) => e && r || !o, je = (e) => [
     expandResult: "查看 “{name}” 的所有搜索结果"
   }
 }, ie = {
-  en: ve(Ut),
-  zh: ve(Vt)
+  en: ve(Ht),
+  zh: ve(Ut)
 }, Ue = (e, r) => {
   const o = {};
   return e && (o["x-blocklet-server-version"] = e), r && (o["x-blocklet-store-version"] = r), o;
-}, Gt = (e) => (r, o) => {
+}, Vt = (e) => (r, o) => {
   const n = ie[e] ? ie[e][r] : ie.en[r];
-  return jt(n, o) || r;
+  return $t(n, o) || r;
 }, Ve = {
   errors: {
     fetchCategoriesError: null
@@ -334,8 +333,8 @@ const Nt = (e, r, o) => e && r || !o, je = (e) => [
     handlePage: () => {
     }
   }
-}, Ge = Fe(Ve), { Provider: qt, Consumer: Po } = Ge;
-function Kt(e) {
+}, Ge = Fe(Ve), { Provider: Gt, Consumer: Ro } = Ge;
+function qt(e) {
   const {
     locale: r = "zh",
     filters: o = {},
@@ -358,15 +357,15 @@ function Kt(e) {
     },
     endpoint: C,
     blockletRender: x
-  } = e, A = Ue(n, v), F = H(() => Le({ baseURL: C, headers: A }), [C]), L = Dt(o, { onFilterChange: i, emptyCategory: !l.showExplore, onSearchSelect: u }), [M, V] = E(""), {
+  } = e, A = Ue(n, v), F = H(() => Le({ baseURL: C, headers: A }), [C]), L = Mt(o, { onFilterChange: i, emptyCategory: !l.showExplore, onSearchSelect: u }), [M, V] = E(""), {
     data: G = [],
     error: oe,
     loading: X,
     run: Q
-  } = Mt(F), $ = H(() => {
-    const R = nt(G, [(N) => N.name], ["asc"]), _ = R.findIndex((N) => N.name === "All" || N.locales.en === "All");
+  } = zt(F), $ = H(() => {
+    const R = nt(G, [(D) => D.name], ["asc"]), _ = R.findIndex((D) => D.name === "All" || D.locales.en === "All");
     return _ > -1 ? [{ ...R[_], _id: "All" }, ...R.slice(0, _), ...R.slice(_ + 1)] : R;
-  }, [G]), q = he(Gt(r), [r]), s = H(() => $t($, r), [$, r]), b = Wt(q), D = {
+  }, [G]), q = he(Vt(r), [r]), s = H(() => Wt($, r), [$, r]), b = Dt(q), N = {
     search: L,
     errors: { fetchCategoriesError: oe },
     loadings: {
@@ -399,9 +398,8 @@ function Kt(e) {
     tagFilters: S,
     onFilterChange: i,
     getCategoryLocale: (R) => {
-      if (!R)
-        return null;
-      const _ = G.find((N) => N._id === R || N.locales.en === "All");
+      if (!R) return null;
+      const _ = G.find((D) => D._id === R || D.locales.en === "All");
       return _ ? _.locales[r] || _.locales.en : null;
     },
     get developerName() {
@@ -411,7 +409,7 @@ function Kt(e) {
   };
   return U(() => {
     setTimeout(Q, m || 0);
-  }, [C, Q, m]), /* @__PURE__ */ t(qt, { value: D, children: B });
+  }, [C, Q, m]), /* @__PURE__ */ t(Gt, { value: N, children: B });
 }
 function I() {
   const e = Ee(Ge);
@@ -464,7 +462,7 @@ function we({
   let m = e;
   return l || (m = Y(r, m), p) || (m = Y(o, m), d) || (m = Y(n, m), g) ? m : Y(i, m);
 }
-function Xt({ children: e }) {
+function Kt({ children: e }) {
   const { open: r, toggleOpen: o } = ye();
   return /* @__PURE__ */ t(
     we,
@@ -474,7 +472,7 @@ function Xt({ children: e }) {
     }
   );
 }
-const Qt = rt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
+const Xt = rt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
   te,
   {
     ref: n,
@@ -504,7 +502,7 @@ function Ke({ value: e, options: r, onChange: o, placeholder: n, ...i }) {
   }
   return /* @__PURE__ */ h(W, { children: [
     /* @__PURE__ */ h(
-      Yt,
+      Qt,
       {
         ref: a,
         onClick: k,
@@ -524,7 +522,7 @@ function Ke({ value: e, options: r, onChange: o, placeholder: n, ...i }) {
       {
         ...u,
         style: { transformOrigin: C === "bottom" ? "center top" : "center bottom" },
-        children: /* @__PURE__ */ t(xt, { children: /* @__PURE__ */ t(ft, { onClickAway: f, children: /* @__PURE__ */ t(Zt, { autoFocusItem: l, onMouseEnter: k, onMouseLeave: f, children: r.map((x) => /* @__PURE__ */ h(Me, { onClick: () => S(x), children: [
+        children: /* @__PURE__ */ t(xt, { children: /* @__PURE__ */ t(ft, { onClickAway: f, children: /* @__PURE__ */ t(Yt, { autoFocusItem: l, onMouseEnter: k, onMouseLeave: f, children: r.map((x) => /* @__PURE__ */ h(Me, { onClick: () => S(x), children: [
           /* @__PURE__ */ t(
             pt,
             {
@@ -537,7 +535,7 @@ function Ke({ value: e, options: r, onChange: o, placeholder: n, ...i }) {
     ) })
   ] });
 }
-const Yt = K(Qt)`
+const Qt = K(Xt)`
   border: 1px solid #f0f0f0;
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightRegular};
@@ -565,7 +563,7 @@ const Yt = K(Qt)`
       margin-right: 3px;
     }
   }
-`, Zt = K(De)`
+`, Yt = K(Ne)`
   .my-select__option__icon {
     color: transparent;
     font-size: 14px;
@@ -621,13 +619,13 @@ function Xe() {
     }
   );
 }
-function Jt() {
+function Zt() {
   const { selectedCategory: e, search: r, t: o, categoryOptions: n, loadings: i, layout: a, baseSearch: c } = I(), { filters: l, handleCategory: p, cleanFilter: d } = r, { toggleOpen: g } = ye();
   U(() => {
     g(!1);
   }, [Object.values(l).join("")]);
   const m = Nt(c, a.showSearch, l.keyword);
-  return a.showCategory ? /* @__PURE__ */ h(Xt, { children: [
+  return a.showCategory ? /* @__PURE__ */ h(Kt, { children: [
     /* @__PURE__ */ t(
       we,
       {
@@ -716,7 +714,7 @@ function be() {
 const Qe = ot(function(r) {
   return /* @__PURE__ */ t(y, { height: 60, display: "flex", alignItems: "center", justifyContent: "center", ...r, children: /* @__PURE__ */ t(re, {}) });
 });
-function er({ showSkeleton: e, ...r }) {
+function Jt({ showSkeleton: e, ...r }) {
   return e ? /* @__PURE__ */ t(z, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(It, { ...r });
 }
 function Be({
@@ -739,8 +737,8 @@ function Be({
     )
   ] });
 }
-const ae = 292, tr = 210, rr = 338;
-function or() {
+const ae = 292, er = 210, tr = 338;
+function rr() {
   var B, v;
   const { t: e, search: r } = I(), { get: o } = be(), n = me(), i = j(n.breakpoints.down("md")), a = ((v = (B = window.blocklet) == null ? void 0 : B.preferences) == null ? void 0 : v.homeBanner) || [], {
     data: c = [],
@@ -773,7 +771,7 @@ function or() {
         borderRadius: 3,
         overflow: "hidden",
         children: p ? /* @__PURE__ */ h(y, { p: 5, display: "flex", gap: 5, height: ae, alignItems: "center", justifyContent: "center", children: [
-          /* @__PURE__ */ t(z, { variant: "rounded", height: tr, width: rr }),
+          /* @__PURE__ */ t(z, { variant: "rounded", height: er, width: tr }),
           /* @__PURE__ */ h(y, { flex: 1, height: "100%", children: [
             /* @__PURE__ */ t(z, { variant: "text", height: 50, width: 100 }),
             /* @__PURE__ */ t(z, { variant: "text", height: 40, width: "100%" }),
@@ -802,7 +800,7 @@ function or() {
               original: u.did,
               renderItem: () => {
                 var L;
-                const x = c[C] || {}, A = u.cover || lr(u.did, (L = x.screenshots) == null ? void 0 : L[0]), F = He(A, { h: 400, w: 700 });
+                const x = c[C] || {}, A = u.cover || nr(u.did, (L = x.screenshots) == null ? void 0 : L[0]), F = He(A, { h: 400, w: 700 });
                 return /* @__PURE__ */ h(
                   P,
                   {
@@ -852,7 +850,7 @@ function or() {
   ] }) : null;
   function g(u) {
     return /* @__PURE__ */ t(y, { width: { xs: "100%", md: 338 }, height: 210, borderRadius: 2, overflow: "hidden", position: "relative", children: /* @__PURE__ */ t(
-      er,
+      Jt,
       {
         showSkeleton: p,
         src: u,
@@ -893,8 +891,8 @@ function or() {
   function k(u, C = 0) {
     const { did: x, owner: A, stats: F } = u;
     return /* @__PURE__ */ h(y, { display: "flex", alignItems: "center", gap: 2, color: "text.secondary", children: [
-      /* @__PURE__ */ t(Be, { icon: /* @__PURE__ */ t(Ne, { src: A.avatar, did: x, size: 20, variant: "circle" }), children: A.fullName }),
-      /* @__PURE__ */ t(Be, { icon: /* @__PURE__ */ t(Ae, { icon: kt }), title: `${F.downloads + C}`, children: nr(F.downloads + C) })
+      /* @__PURE__ */ t(Be, { icon: /* @__PURE__ */ t(De, { src: A.avatar, did: x, size: 20, variant: "circle" }), children: A.fullName }),
+      /* @__PURE__ */ t(Be, { icon: /* @__PURE__ */ t(Ae, { icon: kt }), title: `${F.downloads + C}`, children: or(F.downloads + C) })
     ] });
   }
   function S(u) {
@@ -917,15 +915,15 @@ function or() {
     );
   }
 }
-const nr = (e) => Number.isNaN(e) ? 0 : e < 1e3 ? e : e < 1e6 ? `${(e / 1e3).toFixed(1)}k` : e < 1e9 ? `${(e / 1e6).toFixed(1)}m` : `${(e / 1e9).toFixed(1)}b`, lr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
-function ir({ title: e, blocklets: r }) {
+const or = (e) => Number.isNaN(e) ? 0 : e < 1e3 ? e : e < 1e6 ? `${(e / 1e3).toFixed(1)}k` : e < 1e9 ? `${(e / 1e6).toFixed(1)}m` : `${(e / 1e9).toFixed(1)}b`, nr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
+function lr({ title: e, blocklets: r }) {
   const { blockletRender: o, serverVersion: n } = I();
   return /* @__PURE__ */ h(y, { mt: 3, children: [
     /* @__PURE__ */ t(w, { component: "h3", variant: "h3", sx: { mb: 2 }, children: e }),
     /* @__PURE__ */ t(Ce, { container: !0, spacing: 2, children: r.map((i) => /* @__PURE__ */ t(Ce, { item: !0, xs: 12, md: 6, p: "2px", "data-blocklet-did": i.did, children: /* @__PURE__ */ t(y, { padding: "1px", children: o({ blocklet: i, blocklets: r, serverVersion: n }) }) }, i.did)) })
   ] });
 }
-function ar() {
+function ir() {
   const { get: e } = be(), { t: r } = I(), {
     data: o = [],
     error: n,
@@ -935,14 +933,14 @@ function ar() {
     return Array.isArray(a) ? a : [];
   });
   return n ? /* @__PURE__ */ t(fe, { error: new Error(`Failed to fetch blocklets from ${T.explorePath}`) }) : i ? /* @__PURE__ */ t(Qe, { mt: 15 }) : /* @__PURE__ */ h(W, { children: [
-    /* @__PURE__ */ t(or, {}),
+    /* @__PURE__ */ t(rr, {}),
     o.map(
-      (a) => a.blocklets.length > 0 ? /* @__PURE__ */ t(ir, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null
+      (a) => a.blocklets.length > 0 ? /* @__PURE__ */ t(lr, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null
     )
   ] });
 }
 const se = "__FREE_TEXT__", Re = "__NO_RESULT__", ce = 40;
-function sr({
+function ar({
   endpoint: e,
   t: r,
   locale: o,
@@ -969,18 +967,18 @@ function sr({
   );
   U(() => {
     u(!0), A(n.keyword), f(n.keyword || "");
-  }, [n.keyword, A]), Ft(
+  }, [n.keyword, A]), At(
     "ctrl + k, command + k",
     (s) => {
-      var b, D;
-      return s.stopPropagation(), s.preventDefault(), (D = (b = l.current) == null ? void 0 : b.querySelector("input")) == null || D.focus(), !1;
+      var b, N;
+      return s.stopPropagation(), s.preventDefault(), (N = (b = l.current) == null ? void 0 : b.querySelector("input")) == null || N.focus(), !1;
     },
     { enableOnTags: ["INPUT"] }
   );
   const F = Oe((s) => A(s), { wait: 300 }), L = { name: se, title: m, did: "" };
   let M = [];
   return m && (v ? M = [L] : x != null && x.length ? M = [L, ...x] : M = [{ name: Re, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(W, { children: [
-    /* @__PURE__ */ h(Pt, { fullScreen: !0, open: k, sx: { display: { md: "none" } }, children: [
+    /* @__PURE__ */ h(Tt, { fullScreen: !0, open: k, sx: { display: { md: "none" } }, children: [
       /* @__PURE__ */ h(y, { p: 2, pb: 0, display: "flex", alignItems: "center", gap: 2, children: [
         /* @__PURE__ */ t(
           We,
@@ -1020,7 +1018,7 @@ function sr({
           }
         )
       ] }),
-      /* @__PURE__ */ t(De, { sx: { p: 0.5 }, children: M.map((s) => X(s)) })
+      /* @__PURE__ */ t(Ne, { sx: { p: 0.5 }, children: M.map((s) => X(s)) })
     ] }),
     /* @__PURE__ */ t(
       J,
@@ -1030,7 +1028,7 @@ function sr({
       }
     ),
     /* @__PURE__ */ t(
-      Tt,
+      Rt,
       {
         ref: l,
         open: !!m && d,
@@ -1059,7 +1057,7 @@ function sr({
           }
         },
         renderInput: (s) => /* @__PURE__ */ t(
-          At,
+          Pt,
           {
             ...s,
             InputProps: {
@@ -1107,7 +1105,7 @@ function sr({
     s != null && s.did ? (S(!1), p.current = !0, f(""), a(s)) : s.name === se && (S(!1), i(m));
   }
   function X(s) {
-    var b, D;
+    var b, N;
     return /* @__PURE__ */ h(
       Me,
       {
@@ -1116,12 +1114,8 @@ function sr({
         children: [
           Q(s),
           /* @__PURE__ */ h(w, { variant: "body1", children: [
-            /* @__PURE__ */ h(w, { fontWeight: "fontWeightMedium", display: "flex", alignItems: "center", gap: 1, children: [
-              s.title,
-              " ",
-              /* @__PURE__ */ t(Rt, { sx: { color: "#D97706", fontSize: 16, display: "none" } })
-            ] }),
-            /* @__PURE__ */ t(w, { sx: { color: "text.lighter" }, fontSize: "13px", children: ((D = (b = s.category) == null ? void 0 : b.locales) == null ? void 0 : D[o || "en"]) || "" })
+            /* @__PURE__ */ t(w, { fontWeight: "fontWeightMedium", display: "flex", alignItems: "center", gap: 1, children: s.title }),
+            /* @__PURE__ */ t(w, { sx: { color: "text.lighter" }, fontSize: "13px", children: ((N = (b = s.category) == null ? void 0 : b.locales) == null ? void 0 : N[o || "en"]) || "" })
           ] })
         ]
       },
@@ -1145,7 +1139,7 @@ function sr({
         }
       );
     let b = "";
-    return s.logo && (b = ke(e, "assets", s.did, He(s.logo, ce, s.version))), /* @__PURE__ */ t(Ne, { src: b, size: ce, style: { borderRadius: "8px", overflow: "hidden" } });
+    return s.logo && (b = ke(e, "assets", s.did, He(s.logo, ce, s.version))), /* @__PURE__ */ t(De, { src: b, size: ce, style: { borderRadius: "8px", overflow: "hidden" } });
   }
   function $(s = !0) {
     return /* @__PURE__ */ t(y, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.lighter" }, children: s && m && v ? /* @__PURE__ */ t(re, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(J, { sx: { fontSize: 16, cursor: "default" } }) });
@@ -1154,7 +1148,7 @@ function sr({
     return m ? /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", color: "text.lighter" }, children: /* @__PURE__ */ t(ge, { sx: { fontSize: 20, cursor: "pointer" }, onClick: () => G() }) }) : null;
   }
 }
-function cr({ placeholder: e = "Type to search...", ...r }) {
+function sr({ placeholder: e = "Type to search...", ...r }) {
   const { search: o } = I(), { filters: n, handleKeyword: i } = o, [a, c] = E(n.keyword || ""), l = Oe(i, { wait: 300 }), p = (g) => {
     const { value: m } = g.target;
     c(m), l.run(m);
@@ -1164,23 +1158,23 @@ function cr({ placeholder: e = "Type to search...", ...r }) {
   return U(() => {
     c(n.keyword || "");
   }, [n.keyword]), /* @__PURE__ */ t(
-    dr,
+    cr,
     {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(Ie, { position: "start", children: /* @__PURE__ */ t(ur, {}) }),
+      startAdornment: /* @__PURE__ */ t(Ie, { position: "start", children: /* @__PURE__ */ t(dr, {}) }),
       onChange: p,
       placeholder: e,
       value: a,
       title: e,
       "data-cy": "search",
-      endAdornment: a && /* @__PURE__ */ t(Ie, { position: "end", children: /* @__PURE__ */ t(hr, { "data-cy": "search-delete", onClick: d }) }),
+      endAdornment: a && /* @__PURE__ */ t(Ie, { position: "end", children: /* @__PURE__ */ t(ur, { "data-cy": "search-delete", onClick: d }) }),
       ...r
     }
   );
 }
-const dr = K(We)`
+const cr = K(We)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -1197,18 +1191,18 @@ const dr = K(We)`
       color: transparent;
     }
   }
-`, ur = K(J)`
+`, dr = K(J)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 28px;
   @media (max-width: ${(e) => e.theme.breakpoints.values.md}px) {
     font-size: 24px;
   }
-`, hr = K(ge)`
+`, ur = K(ge)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
-function pr() {
+function hr() {
   const { search: e, t: r, endpoint: o, locale: n, getCategoryLocale: i, developerName: a, showResourcesSwitch: c, layout: l, baseSearch: p } = I(), { filters: d, handleSort: g, handlePrice: m, handleDeveloper: f, handleSwitchShowResources: k, cleanFilter: S } = e, B = je(r);
   return /* @__PURE__ */ h(
     P,
@@ -1234,8 +1228,8 @@ function pr() {
             justifyContent: { xs: "space-between", md: "flex-end" },
             gap: 2,
             children: [
-              l.showSearch ? /* @__PURE__ */ t(y, { flex: 1, children: p ? /* @__PURE__ */ t(cr, {}) : /* @__PURE__ */ t(
-                sr,
+              l.showSearch ? /* @__PURE__ */ t(y, { flex: 1, children: p ? /* @__PURE__ */ t(sr, {}) : /* @__PURE__ */ t(
+                ar,
                 {
                   locale: n,
                   endpoint: o,
@@ -1323,7 +1317,7 @@ function Te({
 }
 function Z({ children: e }) {
   return /* @__PURE__ */ h(y, { display: "flex", mt: 2, flexDirection: "column", alignItems: "center", justifyContent: "center", color: "text.lighter", children: [
-    /* @__PURE__ */ t(Et, {}),
+    /* @__PURE__ */ t(Ft, {}),
     e
   ] });
 }
@@ -1354,7 +1348,7 @@ function ue({
     ] })
   ] });
 }
-function mr() {
+function pr() {
   const { t: e, search: r, getCategoryLocale: o, selectedCategory: n } = I(), { filters: i } = r, a = !!n || !!i.price;
   if (i.keyword && a)
     return /* @__PURE__ */ h(Z, { children: [
@@ -1396,7 +1390,7 @@ function mr() {
   }
   return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(Pe, {}) });
 }
-const fr = (e, r, o, n) => lt(
+const mr = (e, r, o, n) => lt(
   async (i) => {
     i || (o.currentPage = o.defaultCurrentPage);
     const { currentPage: a, pageSize: c } = o, l = {
@@ -1412,17 +1406,17 @@ const fr = (e, r, o, n) => lt(
   },
   {
     isNoMore: (i) => i ? i.page * i.pageSize >= i.total : !1,
-    reloadDeps: [e, Lt(r)],
+    reloadDeps: [e, Et(r)],
     onError: n
   }
 );
-function gr() {
+function fr() {
   var m;
   const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: i } = I(), { filters: a } = r, c = it({
     currentPage: T.currentPage,
-    pageSize: Ht() ? T.mobilePageSize : T.pageSize,
+    pageSize: jt() ? T.mobilePageSize : T.pageSize,
     defaultCurrentPage: T.defaultCurrentPage
-  }), [l, p] = E(null), d = fr(e, a, c, p), g = H(
+  }), [l, p] = E(null), d = mr(e, a, c, p), g = H(
     () => {
       var f, k;
       return o ? o(((f = d.data) == null ? void 0 : f.list) || []) : ((k = d.data) == null ? void 0 : k.list) || [];
@@ -1448,8 +1442,8 @@ function gr() {
     }
   };
 }
-function xr() {
-  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: i, minItemWidth: a, layout: c, baseSearch: l } = I(), { filters: p } = r, { blocklets: d, errors: g, loadMore: m, loadings: f, hasNextPage: k, total: S } = gr(), [B] = Bt({
+function gr() {
+  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: i, minItemWidth: a, layout: c, baseSearch: l } = I(), { filters: p } = r, { blocklets: d, errors: g, loadMore: m, loadings: f, hasNextPage: k, total: S } = fr(), [B] = Bt({
     loading: f.fetchBlockletsLoading || f.loadingMore,
     hasNextPage: k,
     onLoadMore: m
@@ -1460,7 +1454,7 @@ function xr() {
   }
   const v = l && c.showSearch || !p.keyword;
   return /* @__PURE__ */ h(W, { children: [
-    v ? /* @__PURE__ */ t(pr, {}) : /* @__PURE__ */ h(W, { children: [
+    v ? /* @__PURE__ */ t(hr, {}) : /* @__PURE__ */ h(W, { children: [
       /* @__PURE__ */ t(we, { xs: /* @__PURE__ */ t(Xe, {}), md: null }),
       C()
     ] }),
@@ -1478,7 +1472,7 @@ function xr() {
         gap: 2,
         children: d.map((x) => /* @__PURE__ */ t(y, { "data-blocklet-did": x.did, sx: { minWidth: a }, children: n({ blocklet: x, blocklets: d, serverVersion: i }) }, x.did))
       }
-    ) : /* @__PURE__ */ t(mr, {});
+    ) : /* @__PURE__ */ t(pr, {});
   }
   function C() {
     return /* @__PURE__ */ h(
@@ -1498,7 +1492,7 @@ function xr() {
     );
   }
 }
-function yr() {
+function xr() {
   const { t: e, selectedCategory: r, getCategoryLocale: o } = I(), { toggleOpen: n } = ye();
   return /* @__PURE__ */ h(
     w,
@@ -1510,24 +1504,24 @@ function yr() {
       py: 2,
       fontWeight: "fontWeightMedium",
       children: [
-        /* @__PURE__ */ t(qe, { onClick: () => n(!0), children: /* @__PURE__ */ t(Ot, {}) }),
+        /* @__PURE__ */ t(qe, { onClick: () => n(!0), children: /* @__PURE__ */ t(Lt, {}) }),
         o(r) || e("common.category")
       ]
     }
   );
 }
-function wr() {
+function yr() {
   const { search: e, layout: r } = I(), { filters: o } = e, n = o.category || o.keyword || o.price;
-  return /* @__PURE__ */ t(zt, { children: /* @__PURE__ */ h(et, { FallbackComponent: fe, children: [
-    /* @__PURE__ */ t(yr, {}),
+  return /* @__PURE__ */ t(_t, { children: /* @__PURE__ */ h(et, { FallbackComponent: fe, children: [
+    /* @__PURE__ */ t(xr, {}),
     /* @__PURE__ */ h(y, { display: "flex", height: "100%", className: "list-container", pt: { xs: 0, md: 5 }, children: [
-      /* @__PURE__ */ t(Jt, {}),
-      /* @__PURE__ */ t(P, { height: "100%", position: "relative", flex: 1, overflow: "visible", children: r.showExplore && !n ? /* @__PURE__ */ t(ar, {}) : /* @__PURE__ */ t(xr, {}) })
+      /* @__PURE__ */ t(Zt, {}),
+      /* @__PURE__ */ t(P, { height: "100%", position: "relative", flex: 1, overflow: "visible", children: r.showExplore && !n ? /* @__PURE__ */ t(ir, {}) : /* @__PURE__ */ t(gr, {}) })
     ] })
   ] }) });
 }
-function Ao(e) {
-  return /* @__PURE__ */ h(_t, { variant: "outlined", ...e, sx: { maxWidth: 400, borderRadius: "8px", p: { xs: 2, md: 3 }, ...e.sx }, children: [
+function To(e) {
+  return /* @__PURE__ */ h(Ot, { variant: "outlined", ...e, sx: { maxWidth: 400, borderRadius: "8px", p: { xs: 2, md: 3 }, ...e.sx }, children: [
     /* @__PURE__ */ h(le, { display: "flex", alignItems: "center", gap: 2, pb: 1, children: [
       /* @__PURE__ */ h(le, { display: "flex", alignItems: "center", gap: 2, flex: 1, children: [
         /* @__PURE__ */ t(O, { variant: "rounded", width: 48, height: 48 }),
@@ -1545,7 +1539,7 @@ function Ao(e) {
     ] })
   ] });
 }
-function Fo(e) {
+function Po(e) {
   const r = me(), o = Ye(
     Je({
       ...r,
@@ -1575,12 +1569,12 @@ function Fo(e) {
       }
     })
   );
-  return /* @__PURE__ */ t(Ze, { theme: o, children: /* @__PURE__ */ t(Kt, { ...e, children: /* @__PURE__ */ t(wr, {}) }) });
+  return /* @__PURE__ */ t(Ze, { theme: o, children: /* @__PURE__ */ t(qt, { ...e, children: /* @__PURE__ */ t(yr, {}) }) });
 }
 export {
-  sr as Autocomplete,
-  Ao as CardSkeleton,
-  er as Image,
-  Fo as default,
-  Dt as useSearch
+  ar as Autocomplete,
+  To as CardSkeleton,
+  Jt as Image,
+  Po as default,
+  Mt as useSearch
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.14.14",
+  "version": "0.14.16",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "@blocklet/js-sdk": "^1.16.32",
-    "@blocklet/util": "0.14.14",
+    "@blocklet/util": "0.14.16",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify-icons/tabler": "^1.2.95",
@@ -73,7 +73,7 @@
     "ufo": "^1.5.3"
   },
   "devDependencies": {
-    "@arcblock/eslint-config-ts": "0.3.0",
+    "@arcblock/eslint-config-ts": "0.3.3",
     "@babel/cli": "^7.18.10",
     "@babel/core": "^7.18.10",
     "@babel/preset-env": "^7.18.10",
@@ -82,13 +82,13 @@
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "^0.0.13",
     "@types/react-image-gallery": "^1.2.4",
-    "@vitejs/plugin-react": "^4.3.0",
+    "@vitejs/plugin-react": "^4.3.3",
     "babel-plugin-inline-react-svg": "^2.0.1",
-    "eslint": "^8.22.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "prettier": "^3.3.2",
-    "vite": "^5.2.12"
+    "vite": "^5.4.10"
   },
-  "gitHead": "e9c8b5d358ca2b98fdf52260612d05f19fbfee61"
+  "gitHead": "1ddb444a4584f7c790b07133c0115bf5780482c7"
 }