@blocklet/list 0.12.118 → 0.13.2

package/lib/index.es.js

@@ -6,7 +6,7 @@ import { Button as Ne, CircularProgress as oe, MenuList as Le, useMediaQuery as
 import We from "@mui/icons-material/Face";
 import { ErrorBoundary as Ge } from "react-error-boundary";
 import { ErrorFallback as Te } from "@arcblock/ux/lib/ErrorBoundary";
-import { createContext as Ke, useMemo as V, useState as E, useCallback as ne, useEffect as j, useContext as He, forwardRef as Qe, useRef as J, createElement as Ve, Fragment as Je } from "react";
+import { createContext as Ke, useMemo as Q, useState as E, useCallback as ne, useEffect as j, useContext as He, forwardRef as Ve, useRef as J, createElement as Qe, Fragment as Je } from "react";
 import { useReactive as Pe, useInfiniteScroll as Xe, useRequest as Ye, useSize as Ze, useDebounceFn as et, useMemoizedFn as tt, useCreation as rt, useMount as ot } from "ahooks";
 import { joinURL as nt, parseQuery as lt } from "ufo";
 import o from "prop-types";
@@ -16,8 +16,8 @@ import st from "json-stable-stringify";
 import "lodash/cloneDeep";
 import ct from "color";
 import be from "flat";
-import ut from "@mui/icons-material/KeyboardArrowDown";
-import pt from "lodash/isEmpty";
+import pt from "@mui/icons-material/KeyboardArrowDown";
+import ut from "lodash/isEmpty";
 import dt from "@mui/icons-material/FilterAltOutlined";
 import mt from "@arcblock/ux/lib/Dialog";
 import ht from "@mui/material/Button";
@@ -101,7 +101,7 @@ const zt = It((e) => Promise.resolve(e), 300), Dt = {
     noCategoryResults2: '" Blocklets'
   },
   autocomplete: {
-    expandResult: 'Show {number} search results for "{name}" '
+    expandResult: "View all search results for"
   }
 }, _t = {
   common: {
@@ -140,7 +140,7 @@ const zt = It((e) => Promise.resolve(e), 300), Dt = {
     noCategoryResults2: '" 类别的 Blocklets'
   },
   autocomplete: {
-    expandResult: "显示 {number} 条 “{name}” 的搜索结果 "
+    expandResult: "查看所有搜索结果"
   }
 }, re = {
   en: be(Dt),
@@ -205,7 +205,7 @@ function ie({
   onFilterChange: c,
   onSearchSelect: x,
   extraFilter: y,
-  wrapChildren: p,
+  wrapChildren: u,
   baseSearch: b,
   serverVersion: d,
   storeVersion: S,
@@ -216,10 +216,10 @@ function ie({
 }) {
   const i = {};
   d && (i["x-blocklet-server-version"] = d), S && (i["x-blocklet-store-version"] = S);
-  const h = V(() => it.create({
+  const h = Q(() => it.create({
     baseURL: r,
     headers: i
-  }), [r]), m = V(() => ({
+  }), [r]), m = Q(() => ({
     sortBy: "popularity",
     sortDirection: "desc",
     ...e
@@ -230,10 +230,10 @@ function ie({
   }), [w, L] = E(null), I = Xe(
     async (l) => {
       l || ($.currentPage = $.defaultCurrentPage);
-      const { currentPage: u, pageSize: B } = $, A = {
+      const { currentPage: p, pageSize: B } = $, A = {
         ...m,
         sortBy: _[m.sortBy],
-        page: u,
+        page: p,
         pageSize: B
       };
       L(null);
@@ -241,7 +241,7 @@ function ie({
         params: A
       });
       return $.currentPage++, {
-        page: u,
+        page: p,
         pageSize: B,
         list: (z == null ? void 0 : z.dataList) || [],
         total: (z == null ? void 0 : z.total) || 0
@@ -265,17 +265,17 @@ function ie({
       return Array.isArray(l) ? l : [];
     },
     { manual: !0 }
-  ), F = V(() => at(W || [], [(u) => u.name], ["asc"]), [W]), K = ne(
-    (l, u) => {
+  ), F = Q(() => at(W || [], [(p) => p.name], ["asc"]), [W]), K = ne(
+    (l, p) => {
       const B = re[a] ? re[a][l] : re.en[l];
-      return Rt(B, u);
+      return Rt(B, p);
     },
     [a]
-  ), H = V(() => {
-    var u;
-    let l = ((u = I.data) == null ? void 0 : u.list) || [];
+  ), H = Q(() => {
+    var p;
+    let l = ((p = I.data) == null ? void 0 : p.list) || [];
     return l = y(l), l;
-  }, [I.data, y]), g = V(() => Pt(F, a), [F, a]), Q = Tt(K), M = {
+  }, [I.data, y]), g = Q(() => Pt(F, a), [F, a]), V = Tt(K), M = {
     errors: { fetchBlockletsError: w, fetchCategoriesError: ee },
     loadings: {
       fetchBlockletsLoading: I.loading,
@@ -284,7 +284,7 @@ function ie({
     },
     endpoint: r,
     blockletList: H,
-    wrapChildren: p,
+    wrapChildren: u,
     t: K,
     filters: m,
     selectedCategory: k,
@@ -292,7 +292,7 @@ function ie({
     blockletRender: s,
     locale: a,
     categoryOptions: g,
-    priceOptions: Q,
+    priceOptions: V,
     storeApi: h,
     baseSearch: b,
     showResourcesSwitch: C,
@@ -301,37 +301,37 @@ function ie({
     hasNextPage: !I.noMore,
     onFilterChange: c,
     handleSort: (l) => {
-      const u = {
+      const p = {
         ...m,
         sortBy: l,
         sortDirection: l === "nameAsc" ? "asc" : "desc"
       };
-      c(u);
+      c(p);
     },
     handleKeyword: (l) => {
-      const u = { ...m, keyword: l || void 0 };
-      c(u);
+      const p = { ...m, keyword: l || void 0 };
+      c(p);
     },
     handlePrice: (l) => {
-      const u = {
+      const p = {
         ...m,
         price: l === m.price ? void 0 : l
       };
-      c(u);
+      c(p);
     },
     handleCategory: (l) => {
-      let u = l;
-      (l === "all" || l === m.category) && (u = void 0);
-      const B = { ...m, category: u };
+      let p = l;
+      (l === "all" || l === m.category) && (p = void 0);
+      const B = { ...m, category: p };
       c(B);
     },
     handleDeveloper: (l) => {
-      const u = { ...m, owner: l || void 0 };
-      c(u);
+      const p = { ...m, owner: l || void 0 };
+      c(p);
     },
     handlePage: (l) => {
-      const u = { ...m, currentPage: l };
-      c(u);
+      const p = { ...m, currentPage: l };
+      c(p);
     },
     handleSwitchShowResources: () => {
       const l = { ...m };
@@ -341,16 +341,16 @@ function ie({
     getCategoryLocale: (l) => {
       if (!l)
         return null;
-      let u = null;
+      let p = null;
       const B = W.find((A) => A._id === l);
-      return B && (u = B.locales[a]), u;
+      return B && (p = B.locales[a]), p;
     },
     get developerName() {
-      var u, B;
-      return ((B = (u = H.find((A) => {
+      var p, B;
+      return ((B = (p = H.find((A) => {
         var z;
         return ((z = A == null ? void 0 : A.owner) == null ? void 0 : z.did) === m.owner;
-      })) == null ? void 0 : u.owner) == null ? void 0 : B.name) || "";
+      })) == null ? void 0 : p.owner) == null ? void 0 : B.name) || "";
     },
     handleSearchSelect: x
   };
@@ -371,7 +371,7 @@ function N() {
 }
 const Lt = T(Ne)`
   border-radius: 4px;
-`, se = Qe(({ children: e, rounded: n, loading: r, disabled: a, ...s }, c) => /* @__PURE__ */ t(
+`, se = Ve(({ children: e, rounded: n, loading: r, disabled: a, ...s }, c) => /* @__PURE__ */ t(
   Lt,
   {
     ref: c,
@@ -395,7 +395,7 @@ se.defaultProps = {
   disabled: !1
 };
 function ce({ title: e, value: n, icon: r, prepend: a, options: s, onChange: c, itemRender: x, ...y }) {
-  const p = J(null), b = ae(), [d, S] = E(!1), [v, C] = E(n !== null ? n : ""), P = Se(b.breakpoints.down("sm"));
+  const u = J(null), b = ae(), [d, S] = E(!1), [v, C] = E(n !== null ? n : ""), P = Se(b.breakpoints.down("sm"));
   j(() => {
     C(n !== null ? n : "");
   }, [n]);
@@ -414,21 +414,21 @@ function ce({ title: e, value: n, icon: r, prepend: a, options: s, onChange: c,
     /* @__PURE__ */ f(
       Mt,
       {
-        ref: p,
+        ref: u,
         onClick: i,
         variant: "outlined",
         size: "small",
-        className: ["my-select__selector", pt(v) ? "" : "my-select__selector--active"].join(" "),
+        className: ["my-select__selector", ut(v) ? "" : "my-select__selector--active"].join(" "),
         sx: { minWidth: "auto" },
         ...y,
         children: [
           /* @__PURE__ */ t("div", { className: "my-select__icon", children: r }),
           e,
-          /* @__PURE__ */ t(Me, { className: "my-select__arrowdown", component: ut, fontSize: "small" })
+          /* @__PURE__ */ t(Me, { className: "my-select__arrowdown", component: pt, fontSize: "small" })
         ]
       }
     ),
-    /* @__PURE__ */ t(Oe, { open: d, anchorEl: p.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: k, placement: $ }) => /* @__PURE__ */ t(Fe, { ...k, sx: { transformOrigin: $ === "bottom" ? "center top" : "center bottom" }, children: /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ t(Ee, { onClickAway: R, children: /* @__PURE__ */ f(Ot, { autoFocusItem: d, onMouseEnter: i, onMouseLeave: R, children: [
+    /* @__PURE__ */ t(Oe, { open: d, anchorEl: u.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: k, placement: $ }) => /* @__PURE__ */ t(Fe, { ...k, sx: { transformOrigin: $ === "bottom" ? "center top" : "center bottom" }, children: /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ t(Ee, { onClickAway: R, children: /* @__PURE__ */ f(Ot, { autoFocusItem: d, onMouseEnter: i, onMouseLeave: R, children: [
       a,
       s.map((w) => x ? x(w) : /* @__PURE__ */ t(
         qe,
@@ -563,13 +563,13 @@ U.propTypes = {
 U.defaultProps = {
   value: null
 };
-function ue() {
-  const { selectedCategory: e, handleCategory: n, t: r, handlePrice: a, filters: s, categoryOptions: c, priceOptions: x } = N(), [y, p] = E(!1), b = (d, S) => {
-    d === "category" && n(S), d === "price" && a(S), p(!1);
+function pe() {
+  const { selectedCategory: e, handleCategory: n, t: r, handlePrice: a, filters: s, categoryOptions: c, priceOptions: x } = N(), [y, u] = E(!1), b = (d, S) => {
+    d === "category" && n(S), d === "price" && a(S), u(!1);
   };
   return /* @__PURE__ */ f(At, { children: [
-    /* @__PURE__ */ t(ht, { variant: "outlined", className: "filter-button", onClick: () => p(!0), children: /* @__PURE__ */ t(dt, { className: "filter-icon", fontSize: "small" }) }),
-    /* @__PURE__ */ f(mt, { fullWidth: !0, title: "", open: y, onClose: () => p(!1), children: [
+    /* @__PURE__ */ t(ht, { variant: "outlined", className: "filter-button", onClick: () => u(!0), children: /* @__PURE__ */ t(dt, { className: "filter-icon", fontSize: "small" }) }),
+    /* @__PURE__ */ f(mt, { fullWidth: !0, title: "", open: y, onClose: () => u(!1), children: [
       /* @__PURE__ */ t(
         U,
         {
@@ -606,8 +606,8 @@ const At = T("div")`
     color: ${(e) => e.theme.palette.grey[500]};
   }
 `;
-ue.propTypes = {};
-ue.defaultProps = {};
+pe.propTypes = {};
+pe.defaultProps = {};
 const Et = T("div")`
   .MuiChip-root {
     border-radius: 4px;
@@ -682,7 +682,7 @@ function ze({ children: e }) {
 ze.propTypes = {
   children: o.func.isRequired
 };
-function pe({ blocklets: e, ...n }) {
+function ue({ blocklets: e, ...n }) {
   const {
     blockletRender: r,
     errors: a,
@@ -690,7 +690,7 @@ function pe({ blocklets: e, ...n }) {
     selectedCategory: c,
     getCategoryLocale: x,
     filters: y,
-    t: p,
+    t: u,
     hasNextPage: b,
     loadMore: d,
     endpoint: S
@@ -713,8 +713,8 @@ function pe({ blocklets: e, ...n }) {
       /* @__PURE__ */ t(
         Z,
         {
-          primaryStart: p("blocklet.noBlockletPart1"),
-          primaryEnd: p("blocklet.noBlockletPart2"),
+          primaryStart: u("blocklet.noBlockletPart1"),
+          primaryEnd: u("blocklet.noBlockletPart2"),
           filter: y.keyword
         }
       ),
@@ -725,8 +725,8 @@ function pe({ blocklets: e, ...n }) {
       /* @__PURE__ */ t(
         Z,
         {
-          primaryStart: p("blocklet.noBlockletPart1"),
-          primaryEnd: p("blocklet.noBlockletPart2"),
+          primaryStart: u("blocklet.noBlockletPart1"),
+          primaryEnd: u("blocklet.noBlockletPart2"),
           filter: y.keyword
         }
       ),
@@ -738,8 +738,8 @@ function pe({ blocklets: e, ...n }) {
       P ? /* @__PURE__ */ t(
         Z,
         {
-          primaryStart: p("blocklet.noCategoryResults1"),
-          primaryEnd: p("blocklet.noCategoryResults2"),
+          primaryStart: u("blocklet.noCategoryResults1"),
+          primaryEnd: u("blocklet.noCategoryResults2"),
           filter: P
         }
       ) : /* @__PURE__ */ t(we, {}),
@@ -765,10 +765,10 @@ function pe({ blocklets: e, ...n }) {
     }
   ) });
 }
-pe.propTypes = {
+ue.propTypes = {
   blocklets: o.array.isRequired
 };
-pe.defaultProps = {};
+ue.defaultProps = {};
 const Y = T(ft)`
   text-align: center;
   .primary {
@@ -808,7 +808,7 @@ function me({ placeholder: e, ...n }) {
   const { filters: r, handleKeyword: a } = N(), [s, c] = E(r.keyword || ""), x = et(a, { wait: 300 }), y = (b) => {
     const { value: d } = b.target;
     c(d), x.run(d);
-  }, p = () => {
+  }, u = () => {
     c(""), a();
   };
   return j(() => {
@@ -825,7 +825,7 @@ function me({ placeholder: e, ...n }) {
       value: s,
       title: e,
       "data-cy": "search",
-      endAdornment: s && /* @__PURE__ */ t(ge, { position: "end", children: /* @__PURE__ */ t(Gt, { "data-cy": "search-delete", onClick: p }) }),
+      endAdornment: s && /* @__PURE__ */ t(ge, { position: "end", children: /* @__PURE__ */ t(Gt, { "data-cy": "search-delete", onClick: u }) }),
       ...n
     }
   );
@@ -865,7 +865,7 @@ const Ut = T(je)`
   cursor: pointer;
 `;
 function he({ onSelect: e, wrapChildren: n }) {
-  const r = J(null), a = J(null), s = J(null), { storeApi: c, blockletRender: x, filters: y, endpoint: p, handleKeyword: b, t: d } = N(), S = async (i) => {
+  const r = J(null), a = J(null), s = J(null), { storeApi: c, blockletRender: x, filters: y, endpoint: u, handleKeyword: b, t: d } = N(), S = async (i) => {
     const { data: h } = await c.get(_.blockletsPath, { params: i }), m = h.dataList || [];
     return m.length > 0 && m.unshift({ type: "more-result", total: h.total || 0 }), m;
   }, v = (i) => {
@@ -886,12 +886,12 @@ function he({ onSelect: e, wrapChildren: n }) {
     { enableOnTags: ["INPUT"] }
   ), j(() => {
     C();
-  }, [p]), j(() => {
+  }, [u]), j(() => {
     if (!r.current)
       return;
     const i = kt({
       container: r.current,
-      renderer: { createElement: Ve, Fragment: Je, render: () => {
+      renderer: { createElement: Qe, Fragment: Je, render: () => {
       } },
       render({ children: h }, m) {
         var k;
@@ -947,8 +947,8 @@ function he({ onSelect: e, wrapChildren: n }) {
             onSelect({ event: w, item: L }) {
               return L.type === "more-result" ? (k.setIsOpen(!1), b(h)) : w.type === "keydown" ? b(L.title) : e({
                 blocklet: L,
-                detailUrl: nt(p, `/blocklets/${L.did}`),
-                storeUrl: p
+                detailUrl: nt(u, `/blocklets/${L.did}`),
+                storeUrl: u
               });
             },
             templates: {
@@ -1019,7 +1019,7 @@ function Kt() {
     handleCategory: c,
     handlePrice: x,
     handleSearchSelect: y,
-    t: p,
+    t: u,
     getCategoryLocale: b,
     priceOptions: d,
     wrapChildren: S,
@@ -1028,7 +1028,7 @@ function Kt() {
     baseSearch: P,
     onFilterChange: R,
     tagFilters: i
-  } = N(), h = vt(p), m = ((K = h.find((g) => g.value === r.sortBy)) == null ? void 0 : K.name) || p("sort.sort"), k = b(r.category), { resourceType: $ } = r || {}, w = (H = d.find((g) => g.value === r.price)) == null ? void 0 : H.name, [L, I] = E(!1), W = ae(), ee = Se(() => W.breakpoints.down("md")), O = Pe({
+  } = N(), h = vt(u), m = ((K = h.find((g) => g.value === r.sortBy)) == null ? void 0 : K.name) || u("sort.sort"), k = b(r.category), { resourceType: $ } = r || {}, w = (H = d.find((g) => g.value === r.price)) == null ? void 0 : H.name, [L, I] = E(!1), W = ae(), ee = Se(() => W.breakpoints.down("md")), O = Pe({
     chooseTagId: ""
   }), G = tt((g) => {
     O.chooseTagId = g.id, ["category", "resourceType", "resourceDid"].forEach((M) => {
@@ -1036,15 +1036,15 @@ function Kt() {
     }), R(r);
   }), F = rt(() => i.find((g) => g.id === O.chooseTagId), [O.chooseTagId]);
   return ot(() => {
-    const g = lt(window.location.search), Q = i.find((M) => {
+    const g = lt(window.location.search), V = i.find((M) => {
       const l = M.params;
-      return l ? Object.keys(l).every((u) => g[u] === l[u]) : !1;
+      return l ? Object.keys(l).every((p) => g[p] === l[p]) : !1;
     });
-    Q ? G(Q) : i.length > 0 && G(i[0]);
+    V ? G(V) : i.length > 0 && G(i[0]);
   }), /* @__PURE__ */ f(D, { display: "flex", alignItems: "flex-start", height: "100%", children: [
     C ? /* @__PURE__ */ t(ye, { mdDown: !0, children: /* @__PURE__ */ t(de, {}) }) : null,
     /* @__PURE__ */ f(Ht, { children: [
-      /* @__PURE__ */ f(Qt, { children: [
+      /* @__PURE__ */ f(Vt, { children: [
         /* @__PURE__ */ f(
           D,
           {
@@ -1062,7 +1062,7 @@ function Kt() {
               gap: 1
             },
             children: [
-              C ? /* @__PURE__ */ t(ye, { mdUp: !0, children: /* @__PURE__ */ t(ue, {}) }) : null,
+              C ? /* @__PURE__ */ t(ye, { mdUp: !0, children: /* @__PURE__ */ t(pe, {}) }) : null,
               /* @__PURE__ */ t(
                 "form",
                 {
@@ -1080,11 +1080,11 @@ function Kt() {
                   onBlur: () => {
                     I(!1);
                   },
-                  children: P ? /* @__PURE__ */ t(me, { className: "bl-search-container", placeholder: p("common.searchStore") }) : /* @__PURE__ */ t(he, { onSelect: y, wrapChildren: S })
+                  children: P ? /* @__PURE__ */ t(me, { className: "bl-search-container", placeholder: u("common.searchStore") }) : /* @__PURE__ */ t(he, { onSelect: y, wrapChildren: S })
                 }
               ),
               /* @__PURE__ */ f(D, { className: "filter-container", display: "flex", alignItems: "center", children: [
-                !ee && v && /* @__PURE__ */ t(D, { ml: 1, mr: 1, children: /* @__PURE__ */ t(fe, { t: p }) }),
+                !ee && v && /* @__PURE__ */ t(D, { ml: 1, mr: 1, children: /* @__PURE__ */ t(fe, { t: u }) }),
                 /* @__PURE__ */ t(
                   ce,
                   {
@@ -1130,7 +1130,7 @@ function Kt() {
               }
             }
           ),
-          $ && /* @__PURE__ */ t(q, { label: `${p("common.resourceType")}: ${$}` })
+          $ && /* @__PURE__ */ t(q, { label: `${u("common.resourceType")}: ${$}` })
         ] }) : null
       ] }),
       /* @__PURE__ */ t(Ge, { FallbackComponent: Te, children: /* @__PURE__ */ f(D, { sx: { position: "relative", flex: 1, overflow: "auto" }, children: [
@@ -1148,7 +1148,7 @@ function Kt() {
           )) }),
           F ? /* @__PURE__ */ t(D, { mb: 2, children: F.description ? /* @__PURE__ */ t(ve, { variant: "body1", children: F.description }) : null }) : null
         ] }) : null,
-        /* @__PURE__ */ t(pe, { blocklets: n })
+        /* @__PURE__ */ t(ue, { blocklets: n })
       ] }) })
     ] })
   ] });
@@ -1191,7 +1191,7 @@ const Ht = T("main")`
       font-size: 12px;
     }
   }
-`, Qt = T("div")`
+`, Vt = T("div")`
   position: sticky;
   top: 0;
   z-index: 9;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.12.118",
+  "version": "0.13.2",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -52,7 +52,7 @@
   "dependencies": {
     "@algolia/autocomplete-js": "^1.17.0",
     "@algolia/autocomplete-theme-classic": "^1.17.0",
-    "@blocklet/util": "0.12.118",
+    "@blocklet/util": "0.13.2",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.15.12",
@@ -83,5 +83,5 @@
     "prettier": "^2.7.1",
     "vite": "^5.2.12"
   },
-  "gitHead": "66b354706589738b8a558753c6b48acd89dc5717"
+  "gitHead": "534b618aa2ac1c4bbfeaab795d29f9a4cf545447"
 }