@blocklet/list 0.14.18 → 0.14.19

package/lib/index.es.js

@@ -8,10 +8,10 @@ import y from "@mui/material/Box";
 import A from "@mui/material/Stack";
 import { ErrorBoundary as rt } from "react-error-boundary";
 import ot from "@iconify-icons/tabler/compass";
-import { Icon as Le } from "@iconify/react";
+import { Icon as Ee } from "@iconify/react";
 import ye from "@mui/icons-material/Close";
 import w from "@mui/material/Typography";
-import { createContext as Ee, useState as P, useMemo as H, useContext as Oe, useCallback as pe, useEffect as U, forwardRef as nt, useRef as me, memo as it } from "react";
+import { createContext as Le, useState as P, useMemo as H, useContext as Oe, useCallback as pe, useEffect as U, forwardRef as nt, useRef as me, memo as it } from "react";
 import { createAxios as _e } from "@blocklet/js-sdk";
 import lt from "lodash/orderBy";
 import { useRequest as te, useDebounceFn as ze, useInfiniteScroll as at, useReactive as st } from "ahooks";
@@ -54,12 +54,12 @@ import je from "@mui/material/OutlinedInput";
 import At from "@mui/material/TextField";
 import { useHotkeys as Ft } from "react-hotkeys-hook";
 import Re from "@mui/material/InputAdornment";
-import Lt from "@arcblock/ux/lib/Empty";
-import Et from "json-stable-stringify";
+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 zt from "@arcblock/ux/lib/Img";
-const He = Ee({
+const He = Le({
   open: !1,
   toggleOpen: (e) => {
   }
@@ -333,7 +333,7 @@ const Wt = (e, r, o) => e && r || !o, Ue = (e) => [
     handlePage: () => {
     }
   }
-}, Ke = Ee(qe), { Provider: Kt, Consumer: Ro } = Ke;
+}, Ke = Le(qe), { Provider: Kt, Consumer: To } = Ke;
 function Xt(e) {
   const {
     locale: r = "zh",
@@ -357,16 +357,16 @@ function Xt(e) {
     },
     endpoint: C,
     blockletRender: x
-  } = e, F = Ge(n, v), L = H(() => _e({ baseURL: C, headers: F }), [C]), E = Dt(o, { onFilterChange: l, emptyCategory: !i.showExplore, onSearchSelect: u }), [N, V] = P(""), {
+  } = e, F = Ge(n, v), E = H(() => _e({ baseURL: C, headers: F }), [C]), L = Dt(o, { onFilterChange: l, emptyCategory: !i.showExplore, onSearchSelect: u }), [N, V] = P(""), {
     data: G = [],
     error: ne,
     loading: X,
     run: Q
-  } = Nt(L), $ = H(() => {
+  } = Nt(E), $ = H(() => {
     const R = lt(G, [(W) => W.name], ["asc"]), z = R.findIndex((W) => W.name === "All" || W.locales.en === "All");
     return z > -1 ? [{ ...R[z], _id: "All" }, ...R.slice(0, z), ...R.slice(z + 1)] : R;
   }, [G]), q = pe(qt(r), [r]), s = H(() => jt($, r), [$, r]), b = $t(q), D = {
-    search: E,
+    search: L,
     errors: { fetchCategoriesError: ne },
     loadings: {
       fetchCategoriesLoading: X
@@ -385,13 +385,13 @@ function Xt(e) {
     t: q,
     storeVersion: v,
     serverVersion: n,
-    selectedCategory: E.filters.category || (i.showExplore ? "" : "All"),
+    selectedCategory: L.filters.category || (i.showExplore ? "" : "All"),
     categoryList: $,
     blockletRender: x,
     locale: r,
     categoryOptions: s,
     priceOptions: b,
-    storeApi: L,
+    storeApi: E,
     baseSearch: g,
     showResourcesSwitch: f,
     showCategory: k,
@@ -659,7 +659,7 @@ function er() {
         pr: { md: 6 },
         children: p ? /* @__PURE__ */ h(M, { children: [
           a.showExplore && /* @__PURE__ */ h(y, { display: "flex", alignItems: "center", gap: 1, mb: 3, pb: 3, borderBottom: 1, borderColor: "divider", children: [
-            /* @__PURE__ */ t(Le, { icon: ot }),
+            /* @__PURE__ */ t(Ee, { icon: ot }),
             /* @__PURE__ */ t(
               w,
               {
@@ -734,8 +734,8 @@ function Te({
     )
   ] });
 }
-const se = 292, fe = 210, ee = 336;
-function tr() {
+const tr = 16 / 9, se = 292, fe = 189, ee = 336;
+function rr() {
   var B, v;
   const { t: e, search: r } = I(), { get: o } = ve(), n = ge(), l = j(n.breakpoints.down("md")), a = ((v = (B = window.blocklet) == null ? void 0 : B.preferences) == null ? void 0 : v.homeBanner) || [], {
     data: c = [],
@@ -797,8 +797,8 @@ function tr() {
             items: a.map((u, C) => ({
               original: u.did,
               renderItem: () => {
-                var E;
-                const x = c[C] || {}, F = u.cover || or(u.did, (E = x.screenshots) == null ? void 0 : E[0]), L = Ve(F, n.breakpoints.values.md * 2);
+                var L;
+                const x = c[C] || {}, F = u.cover || nr(u.did, (L = x.screenshots) == null ? void 0 : L[0]), E = Ve(F, n.breakpoints.values.md * 2);
                 return /* @__PURE__ */ h(
                   A,
                   {
@@ -812,7 +812,7 @@ function tr() {
                         left: 0,
                         right: 0,
                         bottom: 0,
-                        backgroundImage: `url("${L}")`,
+                        backgroundImage: `url("${E}")`,
                         backgroundSize: "cover",
                         filter: "blur(50px)",
                         opacity: 0.15,
@@ -827,7 +827,7 @@ function tr() {
                     onClick: () => r.handleSearchSelect(x),
                     gap: { xs: 2, md: 5 },
                     children: [
-                      g(L),
+                      g(E),
                       /* @__PURE__ */ h(A, { flex: 1, height: "100%", gap: 3, children: [
                         /* @__PURE__ */ h(y, { flex: 1, children: [
                           p(u.name || x.title || u.name),
@@ -847,7 +847,7 @@ function tr() {
     )
   ] }) : null;
   function g(u) {
-    return /* @__PURE__ */ t(y, { borderRadius: 2, overflow: "hidden", position: "relative", width: { xs: "100%", md: ee }, children: /* @__PURE__ */ t(nr, { url: u }) });
+    return /* @__PURE__ */ t(y, { borderRadius: 2, overflow: "hidden", position: "relative", width: { xs: "100%", md: ee }, children: /* @__PURE__ */ t(ir, { url: u }) });
   }
   function p(u) {
     return /* @__PURE__ */ t(w, { variant: "h2", width: "100%", children: u });
@@ -877,10 +877,10 @@ function tr() {
     );
   }
   function k(u, C = 0) {
-    const { did: x, owner: F, stats: L } = u;
+    const { did: x, owner: F, stats: E } = u;
     return /* @__PURE__ */ h(y, { display: "flex", alignItems: "center", gap: 2, color: "text.secondary", children: [
       /* @__PURE__ */ t(Te, { icon: /* @__PURE__ */ t($e, { src: F.avatar, did: x, size: 20, variant: "circle" }), children: F.fullName }),
-      /* @__PURE__ */ t(Te, { icon: /* @__PURE__ */ t(Le, { icon: Ct }), title: `${L.downloads + C}`, children: rr(L.downloads + C) })
+      /* @__PURE__ */ t(Te, { icon: /* @__PURE__ */ t(Ee, { icon: Ct }), title: `${E.downloads + C}`, children: or(E.downloads + C) })
     ] });
   }
   function S(u) {
@@ -903,8 +903,8 @@ function tr() {
     );
   }
 }
-const rr = (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`, or = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
-function nr({ url: e }) {
+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 ir({ url: e }) {
   const [r, o] = P(!0);
   return /* @__PURE__ */ h(M, { children: [
     r && /* @__PURE__ */ t(
@@ -928,21 +928,21 @@ function nr({ url: e }) {
         borderRadius: 2,
         border: 1,
         borderColor: "divider",
-        sx: { objectFit: "container", cursor: "pointer", aspectRatio: 16 / 10 },
+        sx: { objectFit: "container", cursor: "pointer", aspectRatio: tr },
         onLoad: () => o(!1),
         onError: () => o(!1)
       }
     )
   ] });
 }
-function ir({ title: e, blocklets: 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(Ie, { container: !0, spacing: 2, children: r.map((l) => /* @__PURE__ */ t(Ie, { item: !0, xs: 12, md: 6, p: "2px", "data-blocklet-did": l.did, children: /* @__PURE__ */ t(y, { padding: "1px", children: o({ blocklet: l, blocklets: r, serverVersion: n }) }) }, l.did)) })
   ] });
 }
-function lr() {
+function ar() {
   const { get: e } = ve(), { t: r } = I(), {
     data: o = [],
     error: n,
@@ -952,14 +952,14 @@ function lr() {
     return Array.isArray(a) ? a : [];
   });
   return n ? /* @__PURE__ */ t(xe, { error: new Error(`Failed to fetch blocklets from ${T.explorePath}`) }) : l ? /* @__PURE__ */ t(Ze, { mt: 15 }) : /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ t(tr, {}),
+    /* @__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 ce = "__FREE_TEXT__", Pe = "__NO_RESULT__", de = 40;
-function ar({
+function sr({
   endpoint: e,
   t: r,
   locale: o,
@@ -994,9 +994,9 @@ function ar({
     },
     { enableOnTags: ["INPUT"] }
   );
-  const L = ze((s) => F(s), { wait: 300 }), E = { name: ce, title: p, did: "" };
+  const E = ze((s) => F(s), { wait: 300 }), L = { name: ce, title: p, did: "" };
   let N = [];
-  return p && (v ? N = [E] : x != null && x.length ? N = [E, ...x] : N = [{ name: Pe, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(M, { children: [
+  return p && (v ? N = [L] : x != null && x.length ? N = [L, ...x] : N = [{ name: Pe, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(M, { children: [
     /* @__PURE__ */ h(Pt, { 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(
@@ -1094,7 +1094,7 @@ function ar({
         ...c,
         options: N,
         renderOption: (s, b) => X(b),
-        value: E,
+        value: L,
         sx: [
           {
             bgcolor: "#F9FAFB",
@@ -1115,7 +1115,7 @@ function ar({
     )
   ] });
   function V(s) {
-    u(!0), f(s), m.current = !1, L.run(s);
+    u(!0), f(s), m.current = !1, E.run(s);
   }
   function G() {
     S(!1), f(""), V(""), l("");
@@ -1167,7 +1167,7 @@ function ar({
     return p ? /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", color: "text.lighter" }, children: /* @__PURE__ */ t(ye, { sx: { fontSize: 20, cursor: "pointer" }, onClick: () => G() }) }) : null;
   }
 }
-function sr({ placeholder: e = "Type to search...", ...r }) {
+function cr({ placeholder: e = "Type to search...", ...r }) {
   const { search: o } = I(), { filters: n, handleKeyword: l } = o, [a, c] = P(n.keyword || ""), i = ze(l, { wait: 300 }), m = (g) => {
     const { value: p } = g.target;
     c(p), i.run(p);
@@ -1177,23 +1177,23 @@ function sr({ placeholder: e = "Type to search...", ...r }) {
   return U(() => {
     c(n.keyword || "");
   }, [n.keyword]), /* @__PURE__ */ t(
-    cr,
+    dr,
     {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(Re, { position: "start", children: /* @__PURE__ */ t(dr, {}) }),
+      startAdornment: /* @__PURE__ */ t(Re, { position: "start", children: /* @__PURE__ */ t(ur, {}) }),
       onChange: m,
       placeholder: e,
       value: a,
       title: e,
       "data-cy": "search",
-      endAdornment: a && /* @__PURE__ */ t(Re, { position: "end", children: /* @__PURE__ */ t(ur, { "data-cy": "search-delete", onClick: d }) }),
+      endAdornment: a && /* @__PURE__ */ t(Re, { position: "end", children: /* @__PURE__ */ t(hr, { "data-cy": "search-delete", onClick: d }) }),
       ...r
     }
   );
 }
-const cr = K(je)`
+const dr = K(je)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -1210,18 +1210,18 @@ const cr = K(je)`
       color: transparent;
     }
   }
-`, dr = K(J)`
+`, ur = 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;
   }
-`, ur = K(ye)`
+`, hr = K(ye)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
-function hr() {
+function pr() {
   const { search: e, t: r, endpoint: o, locale: n, getCategoryLocale: l, developerName: a, showResourcesSwitch: c, layout: i, baseSearch: m } = I(), { filters: d, handleSort: g, handlePrice: p, handleDeveloper: f, handleSwitchShowResources: k, cleanFilter: S } = e, B = Ue(r);
   return /* @__PURE__ */ h(
     A,
@@ -1247,8 +1247,8 @@ function hr() {
             justifyContent: { xs: "space-between", md: "flex-end" },
             gap: 2,
             children: [
-              i.showSearch ? /* @__PURE__ */ t(y, { flex: 1, children: m ? /* @__PURE__ */ t(sr, {}) : /* @__PURE__ */ t(
-                ar,
+              i.showSearch ? /* @__PURE__ */ t(y, { flex: 1, children: m ? /* @__PURE__ */ t(cr, {}) : /* @__PURE__ */ t(
+                sr,
                 {
                   locale: n,
                   endpoint: o,
@@ -1336,7 +1336,7 @@ function Ae({
 }
 function Z({ children: e }) {
   return /* @__PURE__ */ h(y, { display: "flex", mt: 2, flexDirection: "column", alignItems: "center", justifyContent: "center", color: "text.lighter", children: [
-    /* @__PURE__ */ t(Lt, {}),
+    /* @__PURE__ */ t(Et, {}),
     e
   ] });
 }
@@ -1367,7 +1367,7 @@ function he({
     ] })
   ] });
 }
-function pr() {
+function mr() {
   const { t: e, search: r, getCategoryLocale: o, selectedCategory: n } = I(), { filters: l } = r, a = !!n || !!l.price;
   if (l.keyword && a)
     return /* @__PURE__ */ h(Z, { children: [
@@ -1409,7 +1409,7 @@ function pr() {
   }
   return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(Fe, {}) });
 }
-const mr = (e, r, o, n) => at(
+const fr = (e, r, o, n) => at(
   async (l) => {
     l || (o.currentPage = o.defaultCurrentPage);
     const { currentPage: a, pageSize: c } = o, i = {
@@ -1425,17 +1425,17 @@ const mr = (e, r, o, n) => at(
   },
   {
     isNoMore: (l) => l ? l.page * l.pageSize >= l.total : !1,
-    reloadDeps: [e, Et(r)],
+    reloadDeps: [e, Lt(r)],
     onError: n
   }
 );
-function fr() {
+function gr() {
   var p;
   const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: l } = I(), { filters: a } = r, c = st({
     currentPage: T.currentPage,
     pageSize: Ut() ? T.mobilePageSize : T.pageSize,
     defaultCurrentPage: T.defaultCurrentPage
-  }), [i, m] = P(null), d = mr(e, a, c, m), g = H(
+  }), [i, m] = P(null), d = fr(e, a, c, m), g = H(
     () => {
       var f, k;
       return o ? o(((f = d.data) == null ? void 0 : f.list) || []) : ((k = d.data) == null ? void 0 : k.list) || [];
@@ -1461,8 +1461,8 @@ function fr() {
     }
   };
 }
-function gr() {
-  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: c, baseSearch: i } = I(), { filters: m } = r, { blocklets: d, errors: g, loadMore: p, loadings: f, hasNextPage: k, total: S } = fr(), [B] = Rt({
+function xr() {
+  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: c, baseSearch: i } = I(), { filters: m } = r, { blocklets: d, errors: g, loadMore: p, loadings: f, hasNextPage: k, total: S } = gr(), [B] = Rt({
     loading: f.fetchBlockletsLoading || f.loadingMore,
     hasNextPage: k,
     onLoadMore: p
@@ -1473,7 +1473,7 @@ function gr() {
   }
   const v = i && c.showSearch || !m.keyword;
   return /* @__PURE__ */ h(M, { children: [
-    v ? /* @__PURE__ */ t(hr, {}) : /* @__PURE__ */ h(M, { children: [
+    v ? /* @__PURE__ */ t(pr, {}) : /* @__PURE__ */ h(M, { children: [
       /* @__PURE__ */ t(ke, { xs: /* @__PURE__ */ t(Ye, {}), md: null }),
       C()
     ] }),
@@ -1491,7 +1491,7 @@ function gr() {
         gap: 2,
         children: d.map((x) => /* @__PURE__ */ t(y, { "data-blocklet-did": x.did, sx: { minWidth: a }, children: n({ blocklet: x, blocklets: d, serverVersion: l }) }, x.did))
       }
-    ) : /* @__PURE__ */ t(pr, {});
+    ) : /* @__PURE__ */ t(mr, {});
   }
   function C() {
     return /* @__PURE__ */ h(
@@ -1511,7 +1511,7 @@ function gr() {
     );
   }
 }
-function xr() {
+function yr() {
   const { t: e, selectedCategory: r, getCategoryLocale: o } = I(), { toggleOpen: n } = be();
   return /* @__PURE__ */ h(
     w,
@@ -1529,17 +1529,17 @@ function xr() {
     }
   );
 }
-function yr() {
+function wr() {
   const { search: e, layout: r } = I(), { filters: o } = e, n = o.category || o.keyword || o.price;
   return /* @__PURE__ */ t(Mt, { children: /* @__PURE__ */ h(rt, { FallbackComponent: xe, children: [
-    /* @__PURE__ */ t(xr, {}),
+    /* @__PURE__ */ t(yr, {}),
     /* @__PURE__ */ h(y, { display: "flex", height: "100%", className: "list-container", pt: { xs: 0, md: 5 }, children: [
       /* @__PURE__ */ t(er, {}),
-      /* @__PURE__ */ t(A, { height: "100%", position: "relative", flex: 1, overflow: "visible", children: r.showExplore && !n ? /* @__PURE__ */ t(lr, {}) : /* @__PURE__ */ t(gr, {}) })
+      /* @__PURE__ */ t(A, { height: "100%", position: "relative", flex: 1, overflow: "visible", children: r.showExplore && !n ? /* @__PURE__ */ t(ar, {}) : /* @__PURE__ */ t(xr, {}) })
     ] })
   ] }) });
 }
-function To(e) {
+function Po(e) {
   return /* @__PURE__ */ h(_t, { 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: [
@@ -1558,10 +1558,10 @@ function To(e) {
     ] })
   ] });
 }
-function Po({ showSkeleton: e, ...r }) {
+function Ao({ showSkeleton: e, ...r }) {
   return e ? /* @__PURE__ */ t(_, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(zt, { ...r });
 }
-function Ao(e) {
+function Fo(e) {
   const r = ge(), o = Je(
     tt({
       ...r,
@@ -1591,12 +1591,12 @@ function Ao(e) {
       }
     })
   );
-  return /* @__PURE__ */ t(et, { theme: o, children: /* @__PURE__ */ t(Xt, { ...e, children: /* @__PURE__ */ t(yr, {}) }) });
+  return /* @__PURE__ */ t(et, { theme: o, children: /* @__PURE__ */ t(Xt, { ...e, children: /* @__PURE__ */ t(wr, {}) }) });
 }
 export {
-  ar as Autocomplete,
-  To as CardSkeleton,
-  Po as Image,
-  Ao as default,
+  sr as Autocomplete,
+  Po as CardSkeleton,
+  Ao as Image,
+  Fo as default,
   Dt as useSearch
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.14.18",
+  "version": "0.14.19",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -52,8 +52,8 @@
     "react-dom": ">=18.2.0"
   },
   "dependencies": {
-    "@blocklet/js-sdk": "^1.16.32",
-    "@blocklet/util": "0.14.18",
+    "@blocklet/js-sdk": "1.16.33-beta-20241111-162739-f5906773",
+    "@blocklet/util": "0.14.19",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify-icons/tabler": "^1.2.95",
@@ -90,5 +90,5 @@
     "prettier": "^3.3.2",
     "vite": "^5.4.10"
   },
-  "gitHead": "2439ba0b842f8a59ed193da644bfd1ab93e9a783"
+  "gitHead": "83cee4ab6b20108a8a3052e10fe4c2b37f51ede3"
 }