@blocklet/list 0.13.31 → 0.13.33

package/lib/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as h, Fragment as le } from "react/jsx-runtime";
-import { styled as P, useTheme as ae } from "@arcblock/ux/lib/Theme";
+import { styled as R, useTheme as ae } from "@arcblock/ux/lib/Theme";
 import { Global as xe, css as ke } from "@emotion/react";
 import _e from "@mui/icons-material/Sort";
 import { Button as Ne, CircularProgress as oe, MenuList as Le, useMediaQuery as Se, SvgIcon as Me, Popper as Oe, Grow as Fe, Paper as Ae, ClickAwayListener as Ee, MenuItem as qe, Chip as Ce, Box as _, Unstable_Grid2 as te, OutlinedInput as je, InputAdornment as ge, Typography as ve, Hidden as ye, Stack as Ue } from "@mui/material";
@@ -52,7 +52,7 @@ const vt = (e) => [
 ], Tt = (e) => [
   { name: e("blocklet.free"), value: "free" },
   { name: e("blocklet.payment"), value: "payment" }
-], Pt = (e = [], n = "en") => e.map((r) => ({ name: r.locales[n] || `Category.${n}`, value: r._id })), Rt = (e, n) => (
+], Pt = (e = [], n = "en") => e.map((r) => ({ name: r.locales[n] || r.locales.en, value: r._id })), Rt = (e, n) => (
   // eslint-disable-next-line no-prototype-builtins
   e.replace(/{(\w*)}/g, (r, a) => n.hasOwnProperty(a) ? n[a] : "")
 ), Bt = () => window.innerWidth <= 600, $t = (e) => ct(e).rgb().object();
@@ -211,9 +211,9 @@ function ie({
   baseSearch: x,
   serverVersion: u,
   storeVersion: S,
-  fetchCategoryDelay: R,
+  fetchCategoryDelay: B,
   showResourcesSwitch: T,
-  showCategory: B,
+  showCategory: $,
   tagFilters: C
 }) {
   const y = {};
@@ -229,22 +229,22 @@ function ie({
     currentPage: N.currentPage,
     pageSize: Bt() ? N.mobilePageSize : N.pageSize,
     defaultCurrentPage: N.defaultCurrentPage
-  }), [z, $] = E(null), v = Xe(
+  }), [z, I] = E(null), v = Xe(
     async (l) => {
       l || (k.currentPage = k.defaultCurrentPage);
-      const { currentPage: p, pageSize: I } = k, A = {
+      const { currentPage: p, pageSize: P } = k, A = {
         ...i,
         sortBy: N[i.sortBy],
         page: p,
-        pageSize: I
+        pageSize: P
       };
-      $(null);
+      I(null);
       const { data: D = {} } = await d.get(N.blockletsPath, {
         params: A
       });
       return k.currentPage++, {
         page: p,
-        pageSize: I,
+        pageSize: P,
         list: (D == null ? void 0 : D.dataList) || [],
         total: (D == null ? void 0 : D.total) || 0
       };
@@ -253,7 +253,7 @@ function ie({
       isNoMore: (l) => l ? l.page * l.pageSize >= l.total : !1,
       reloadDeps: [r, st(e)],
       onError: (l) => {
-        $(l);
+        I(l);
       }
     }
   ), {
@@ -269,8 +269,8 @@ function ie({
     { manual: !0 }
   ), F = Q(() => at(V || [], [(p) => p.name], ["asc"]), [V]), G = ne(
     (l, p) => {
-      const I = re[a] ? re[a][l] : re.en[l];
-      return Rt(I, p);
+      const P = re[a] ? re[a][l] : re.en[l];
+      return Rt(P, p);
     },
     [a]
   ), K = Q(() => {
@@ -299,7 +299,7 @@ function ie({
     storeApi: d,
     baseSearch: x,
     showResourcesSwitch: T,
-    showCategory: B,
+    showCategory: $,
     tagFilters: C,
     hasNextPage: !v.noMore,
     onFilterChange: c,
@@ -325,8 +325,8 @@ function ie({
     handleCategory: (l) => {
       let p = l;
       (l === "all" || l === i.category) && (p = void 0);
-      const I = { ...i, category: p };
-      c(I);
+      const P = { ...i, category: p };
+      c(P);
     },
     handleDeveloper: (l) => {
       const p = { ...i, owner: l || void 0 };
@@ -345,22 +345,22 @@ function ie({
       if (!l)
         return null;
       let p = null;
-      const I = V.find((A) => A._id === l);
-      return I && (p = I.locales[a]), p;
+      const P = V.find((A) => A._id === l);
+      return P && (p = P.locales[a] || P.locales.en), p;
     },
     get developerName() {
-      var p, I;
-      return ((I = (p = K.find((A) => {
+      var p, P;
+      return ((P = (p = K.find((A) => {
         var D;
         return ((D = A == null ? void 0 : A.owner) == null ? void 0 : D.did) === i.owner;
-      })) == null ? void 0 : p.owner) == null ? void 0 : I.name) || "";
+      })) == null ? void 0 : p.owner) == null ? void 0 : P.name) || "";
     },
     handleSearchSelect: w
   };
   return j(() => {
     setTimeout(() => {
       W();
-    }, R || 0);
+    }, B || 0);
   }, [r]), /* @__PURE__ */ t(Nt, { value: M, children: n });
 }
 ie.propTypes = {
@@ -372,7 +372,7 @@ function L() {
   const e = Ke(Ie);
   return e || {};
 }
-const Lt = P(Ne)`
+const Lt = R(Ne)`
   border-radius: 4px;
 `, se = He(({ children: e, rounded: n, loading: r, disabled: a, ...s }, c) => /* @__PURE__ */ t(
   Lt,
@@ -398,7 +398,7 @@ se.defaultProps = {
   disabled: !1
 };
 function ce({ title: e, value: n, icon: r, prepend: a, options: s, onChange: c, itemRender: w, ...g }) {
-  const m = J(null), x = ae(), [u, S] = E(!1), [R, T] = E(n !== null ? n : ""), B = Se(x.breakpoints.down("sm"));
+  const m = J(null), x = ae(), [u, S] = E(!1), [B, T] = E(n !== null ? n : ""), $ = Se(x.breakpoints.down("sm"));
   j(() => {
     T(n !== null ? n : "");
   }, [n]);
@@ -408,10 +408,10 @@ function ce({ title: e, value: n, icon: r, prepend: a, options: s, onChange: c,
     S(!0);
   }, []);
   function d(b) {
-    T(b.value), c(b.value), B && C();
+    T(b.value), c(b.value), $ && C();
   }
   function i(b) {
-    return b === R;
+    return b === B;
   }
   return /* @__PURE__ */ h(le, { children: [
     /* @__PURE__ */ h(
@@ -421,7 +421,7 @@ function ce({ title: e, value: n, icon: r, prepend: a, options: s, onChange: c,
         onClick: y,
         variant: "outlined",
         size: "small",
-        className: ["my-select__selector", ut(R) ? "" : "my-select__selector--active"].join(" "),
+        className: ["my-select__selector", ut(B) ? "" : "my-select__selector--active"].join(" "),
         sx: { minWidth: "auto" },
         ...g,
         children: [
@@ -465,7 +465,7 @@ ce.defaultProps = {
   onChange: () => {
   }
 };
-const Mt = P(se)`
+const Mt = R(se)`
   border: 1px solid #f0f0f0;
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightBold};
@@ -496,7 +496,7 @@ const Mt = P(se)`
       margin-right: 3px;
     }
   }
-`, Ot = P(Le)`
+`, Ot = R(Le)`
   .my-select__option__icon {
     color: transparent;
     font-size: 16px;
@@ -529,7 +529,7 @@ function U({ options: e, onChange: n, title: r, value: a }) {
     )) })
   ] });
 }
-const Ft = P("div")`
+const Ft = R("div")`
   .title {
     font-size: 18px;
     font-weight: bold;
@@ -598,7 +598,7 @@ function pe() {
     ] })
   ] });
 }
-const At = P("div")`
+const At = R("div")`
   .filter-button {
     border-color: rgb(240, 240, 240);
     padding: 5px 8px;
@@ -611,7 +611,7 @@ const At = P("div")`
 `;
 pe.propTypes = {};
 pe.defaultProps = {};
-const Et = P("div")`
+const Et = R("div")`
   .MuiChip-root {
     border-radius: 4px;
     height: initial;
@@ -697,8 +697,8 @@ function ue({ blocklets: e, ...n }) {
     serverVersion: x,
     hasNextPage: u,
     loadMore: S,
-    endpoint: R
-  } = L(), T = !!c || !!g.price, [B] = gt({
+    endpoint: B
+  } = L(), T = !!c || !!g.price, [$] = gt({
     loading: s.fetchBlockletsLoading || s.loadingMore,
     hasNextPage: u,
     onLoadMore: S
@@ -707,7 +707,7 @@ function ue({ blocklets: e, ...n }) {
     return /* @__PURE__ */ t(
       Te,
       {
-        error: new Error(`Failed to fetch blocklets from ${R}: ${a.fetchBlockletsError.message}`)
+        error: new Error(`Failed to fetch blocklets from ${B}: ${a.fetchBlockletsError.message}`)
       }
     );
   if (s.fetchBlockletsLoading)
@@ -763,8 +763,8 @@ function ue({ blocklets: e, ...n }) {
         opacity: () => y > 0 ? 1 : 0
       },
       children: [
-        e.map((d) => /* @__PURE__ */ t(te, { xs: 4, "data-blocklet-did": d.did, children: r({ blocklet: d, blocklets: e, serverVersion: x }) }, d.did)),
-        u && /* @__PURE__ */ t(te, { xs: 12, ref: B, children: /* @__PURE__ */ t(_, { height: 60, display: "flex", justifyContent: "center", children: /* @__PURE__ */ t(oe, {}) }) })
+        e.map((d) => /* @__PURE__ */ t(te, { xs: 6, "data-blocklet-did": d.did, children: r({ blocklet: d, blocklets: e, serverVersion: x }) }, d.did)),
+        u && /* @__PURE__ */ t(te, { xs: 12, ref: $, children: /* @__PURE__ */ t(_, { height: 60, display: "flex", justifyContent: "center", children: /* @__PURE__ */ t(oe, {}) }) })
       ]
     }
   ) });
@@ -773,7 +773,7 @@ ue.propTypes = {
   blocklets: o.array.isRequired
 };
 ue.defaultProps = {};
-const Y = P(ft)`
+const Y = R(ft)`
   text-align: center;
   .primary {
     color: ${(e) => e.theme.palette.primary.main};
@@ -797,7 +797,7 @@ function de() {
     ) })
   ] });
 }
-const jt = P("aside")`
+const jt = R("aside")`
   width: 220px;
   margin-right: ${(e) => e.theme.spacing(2)};
   height: 100%;
@@ -840,7 +840,7 @@ me.propTypes = {
 me.defaultProps = {
   placeholder: "Type to search..."
 };
-const Ut = P(je)`
+const Ut = R(je)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -857,39 +857,39 @@ const Ut = P(je)`
       color: transparent;
     }
   }
-`, Vt = P(bt)`
+`, Vt = R(bt)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 28px;
   @media (max-width: ${(e) => e.theme.breakpoints.values.md}px) {
     font-size: 24px;
   }
-`, Wt = P(wt)`
+`, Wt = R(wt)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
 function he({ onSelect: e, wrapChildren: n }) {
-  const r = J(null), a = J(null), s = J(null), { storeApi: c, blockletRender: w, filters: g, endpoint: m, handleKeyword: x, t: u, serverVersion: S } = L(), R = async (d) => {
+  const r = J(null), a = J(null), s = J(null), { storeApi: c, blockletRender: w, filters: g, endpoint: m, handleKeyword: x, t: u, serverVersion: S } = L(), B = async (d) => {
     const { data: i } = await c.get(N.blockletsPath, { params: d }), b = i.dataList || [];
     return b.length > 0 && b.unshift({ type: "more-result", total: i.total || 0 }), b;
   }, T = (d) => {
     x(d.state.query), d.setIsOpen(!1);
-  }, B = () => {
+  }, $ = () => {
     r.current && setTimeout(() => {
       const d = r.current.querySelector("input.bl-autocomplete-input");
       d && d.focus();
     });
   }, C = (d) => {
-    d.setIsOpen(!1), B();
+    d.setIsOpen(!1), $();
   }, y = ({ prevState: d, state: i }) => {
-    d.query !== i.query && (i.query || (x(), B()));
+    d.query !== i.query && (i.query || (x(), $()));
   };
   return St(
     "ctrl + k, command + k",
-    (d) => (d.stopPropagation(), d.preventDefault(), B(), !1),
+    (d) => (d.stopPropagation(), d.preventDefault(), $(), !1),
     { enableOnTags: ["INPUT"] }
   ), j(() => {
-    B();
+    $();
   }, [m]), j(() => {
     if (!r.current)
       return;
@@ -941,23 +941,23 @@ function he({ onSelect: e, wrapChildren: n }) {
           {
             sourceId: "blocklets",
             getItems() {
-              return R(z);
+              return B(z);
             },
             // 选中后填充 搜索框中值
-            getItemInputValue({ item: $ }) {
-              return $.type === "more-result" ? i : $.title;
+            getItemInputValue({ item: I }) {
+              return I.type === "more-result" ? i : I.title;
             },
             // 选中或者点击自动完成列表中的 item 时触发
-            onSelect({ event: $, item: v }) {
-              return v.type === "more-result" ? (k.setIsOpen(!1), x(i)) : $.type === "keydown" ? x(v.title) : e({
+            onSelect({ event: I, item: v }) {
+              return v.type === "more-result" ? (k.setIsOpen(!1), x(i)) : I.type === "keydown" ? x(v.title) : e({
                 blocklet: v,
                 detailUrl: nt(m, "/blocklets", v.did),
                 storeUrl: m
               });
             },
             templates: {
-              item({ item: $ }) {
-                return $.type === "more-result" ? /* @__PURE__ */ t("div", { children: u("autocomplete.expandResult", { name: i, number: $.total.toLocaleString() }) }) : w({ blocklet: $, autocompleteSetters: k, serverVersion: S });
+              item({ item: I }) {
+                return I.type === "more-result" ? /* @__PURE__ */ t("div", { children: u("autocomplete.expandResult", { name: i, number: I.total.toLocaleString() }) }) : w({ blocklet: I, autocompleteSetters: k, serverVersion: S });
               },
               noResults() {
                 return u("blocklet.noResults");
@@ -1027,12 +1027,12 @@ function Gt() {
     getCategoryLocale: x,
     priceOptions: u,
     wrapChildren: S,
-    showResourcesSwitch: R,
+    showResourcesSwitch: B,
     showCategory: T,
-    baseSearch: B,
+    baseSearch: $,
     onFilterChange: C,
     tagFilters: y
-  } = L(), d = vt(m), i = ((G = d.find((f) => f.value === r.sortBy)) == null ? void 0 : G.name) || m("sort.sort"), b = x(r.category), { resourceType: k } = r || {}, z = (K = u.find((f) => f.value === r.price)) == null ? void 0 : K.name, [$, v] = E(!1), V = ae(), ee = Se(() => V.breakpoints.down("md")), O = Pe({
+  } = L(), d = vt(m), i = ((G = d.find((f) => f.value === r.sortBy)) == null ? void 0 : G.name) || m("sort.sort"), b = x(r.category), { resourceType: k } = r || {}, z = (K = u.find((f) => f.value === r.price)) == null ? void 0 : K.name, [I, v] = E(!1), V = ae(), ee = Se(() => V.breakpoints.down("md")), O = Pe({
     chooseTagId: ""
   }), W = tt((f) => {
     O.chooseTagId = f.id, ["category", "resourceType", "resourceDid"].forEach((M) => {
@@ -1057,11 +1057,11 @@ function Gt() {
               display: "flex",
               flexDirection: {
                 lg: "row",
-                md: R ? "column" : "row"
+                md: B ? "column" : "row"
               },
               alignItems: {
                 lg: "center",
-                md: R ? "flex-start" : "center",
+                md: B ? "flex-start" : "center",
                 xs: "center"
               },
               gap: 1
@@ -1085,11 +1085,11 @@ function Gt() {
                   onBlur: () => {
                     v(!1);
                   },
-                  children: B ? /* @__PURE__ */ t(me, { className: "bl-search-container", placeholder: m("common.searchStore") }) : /* @__PURE__ */ t(he, { onSelect: g, wrapChildren: S })
+                  children: $ ? /* @__PURE__ */ t(me, { className: "bl-search-container", placeholder: m("common.searchStore") }) : /* @__PURE__ */ t(he, { onSelect: g, wrapChildren: S })
                 }
               ),
               /* @__PURE__ */ h(_, { className: "filter-container", display: "flex", alignItems: "center", children: [
-                !ee && R && /* @__PURE__ */ t(_, { ml: 1, mr: 1, children: /* @__PURE__ */ t(fe, { t: m }) }),
+                !ee && B && /* @__PURE__ */ t(_, { ml: 1, mr: 1, children: /* @__PURE__ */ t(fe, { t: m }) }),
                 /* @__PURE__ */ t(
                   ce,
                   {
@@ -1158,7 +1158,7 @@ function Gt() {
     ] })
   ] });
 }
-const Kt = P("main")`
+const Kt = R("main")`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1196,7 +1196,7 @@ const Kt = P("main")`
       font-size: 12px;
     }
   }
-`, Ht = P("div")`
+`, Ht = R("div")`
   position: sticky;
   top: 0;
   z-index: 9;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.13.31",
+  "version": "0.13.33",
   "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.13.31",
+    "@blocklet/util": "0.13.33",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.16.4",
@@ -83,5 +83,5 @@
     "prettier": "^3.3.2",
     "vite": "^5.2.12"
   },
-  "gitHead": "38a79b7af528ef7f3b30ab4a84f55fe95a38df9f"
+  "gitHead": "957a3cc63830af21e66366b38d63b6844172a3a5"
 }