@blocklet/list 0.16.14 → 0.16.16

package/lib/index.es.js

@@ -2,40 +2,36 @@ import { jsx as t, jsxs as h, Fragment as M } from "react/jsx-runtime";
 import { styled as X, useTheme as ye } from "@arcblock/ux/lib/Theme";
 import Je from "@mui/material/styles/createTheme";
 import et from "@mui/material/styles/ThemeProvider";
-import tt from "lodash/merge";
+import { omitBy as le, orderBy as tt, isEmpty as rt, merge as ot } from "lodash-es";
 import { ErrorFallback as xe } from "@arcblock/ux/lib/ErrorBoundary";
 import x from "@mui/material/Box";
 import F from "@mui/material/Stack";
-import { ErrorBoundary as rt } from "react-error-boundary";
-import ot from "@iconify-icons/tabler/compass";
+import { ErrorBoundary as nt } from "react-error-boundary";
+import it from "@iconify-icons/tabler/compass";
 import { Icon as K } from "@iconify/react";
 import we from "@mui/icons-material/Close";
 import b from "@mui/material/Typography";
-import { createContext as Le, useState as E, useMemo as j, useContext as Oe, useCallback as me, useEffect as H, forwardRef as nt, useRef as fe, memo as it } from "react";
+import { createContext as Le, useState as E, useMemo as j, useContext as Oe, useCallback as me, useEffect as H, forwardRef as lt, useRef as fe, memo as at } from "react";
 import { createAxios as _e } from "@blocklet/js-sdk";
-import lt from "lodash/orderBy";
-import { useRequest as re, useDebounceFn as Me, useInfiniteScroll as at, useReactive as st } from "ahooks";
-import le from "lodash/omitBy";
+import { useRequest as re, useDebounceFn as Me, useInfiniteScroll as st, useReactive as ct } from "ahooks";
 import "color";
-import "lodash/cloneDeep";
-import { parseURL as ct, parseQuery as dt, parseFilename as ut, stringifyParsedURL as ht, withQuery as be, joinURL as Se } from "ufo";
+import { parseURL as dt, parseQuery as ut, parseFilename as ht, stringifyParsedURL as pt, withQuery as be, joinURL as Se } from "ufo";
 import Ie from "flat";
 import oe from "@mui/material/Button";
-import pt from "@mui/material/styles/useTheme";
+import mt from "@mui/material/styles/useTheme";
 import $ from "@mui/material/useMediaQuery";
-import mt from "@mui/material/Drawer";
+import ft from "@mui/material/Drawer";
 import ze from "@mui/material/Checkbox";
 import Ne from "@mui/material/FormControlLabel";
-import ft from "@mui/icons-material/Check";
-import gt from "@mui/icons-material/KeyboardArrowDown";
-import yt from "@mui/material/ClickAwayListener";
-import xt from "@mui/material/Grow";
+import gt from "@mui/icons-material/Check";
+import yt from "@mui/icons-material/KeyboardArrowDown";
+import xt from "@mui/material/ClickAwayListener";
+import wt from "@mui/material/Grow";
 import De from "@mui/material/MenuItem";
 import We from "@mui/material/MenuList";
-import wt from "@mui/material/Paper";
-import bt from "@mui/material/Popper";
-import kt from "@mui/material/SvgIcon";
-import vt from "lodash/isEmpty";
+import bt from "@mui/material/Paper";
+import kt from "@mui/material/Popper";
+import vt from "@mui/material/SvgIcon";
 import ne from "@mui/material/CircularProgress";
 import $e from "@arcblock/ux/lib/Avatar";
 import Ct from "@iconify-icons/tabler/cloud-download";
@@ -165,9 +161,9 @@ const jt = (e, r, o) => e && r || !o, Ue = (e) => [
   // },
 ], Ve = (e, r, o) => {
   var d, y;
-  const n = ct(e), l = dt(n.search);
-  if ((d = ut(e, { strict: !0 })) == null ? void 0 : d.endsWith(".gif"))
-    return l.imageFilter ? ht({ ...n, search: "" }) : e;
+  const n = dt(e), l = ut(n.search);
+  if ((d = ht(e, { strict: !0 })) == null ? void 0 : d.endsWith(".gif"))
+    return l.imageFilter ? pt({ ...n, search: "" }) : e;
   if (l.imageFilter)
     return e;
   const a = o || ((y = window.blocklet) == null ? void 0 : y.version), { w: i, h: u } = typeof r == "object" ? { w: r.w, h: r.h } : { w: r, h: r };
@@ -346,7 +342,7 @@ const jt = (e, r, o) => e && r || !o, Ue = (e) => [
     handlePage: () => {
     }
   }
-}, Ke = Le(Ge), { Provider: Qt, Consumer: Fo } = Ke;
+}, Ke = Le(Ge), { Provider: Qt, Consumer: To } = Ke;
 function Yt(e) {
   const {
     locale: r = "zh",
@@ -376,7 +372,7 @@ function Yt(e) {
     loading: ie,
     run: V
   } = Wt(T), q = j(() => {
-    const I = lt(D, [(W) => W.name], ["asc"]), _ = I.findIndex((W) => W.name === "All" || W.locales.en === "All");
+    const I = tt(D, [(W) => W.name], ["asc"]), _ = I.findIndex((W) => W.name === "All" || W.locales.en === "All");
     return _ > -1 ? [{ ...I[_], _id: "All" }, ...I.slice(0, _), ...I.slice(_ + 1)] : I;
   }, [D]), G = me(Xt(r), [r]), Y = j(() => Ut(q, r), [q, r]), c = Ht(G), C = {
     search: z,
@@ -469,7 +465,7 @@ function ve({
   xl: l,
   exact: s
 }) {
-  const a = pt(), i = $(a.breakpoints.down("sm")), u = $(a.breakpoints.between("sm", "md")), d = $(a.breakpoints.between("md", "lg")), y = $(a.breakpoints.between("lg", "xl"));
+  const a = mt(), i = $(a.breakpoints.down("sm")), u = $(a.breakpoints.between("sm", "md")), d = $(a.breakpoints.between("md", "lg")), y = $(a.breakpoints.between("lg", "xl"));
   if (s)
     return i ? e || null : u ? r || null : d ? o || null : y ? n || null : l || null;
   let m = e;
@@ -480,12 +476,12 @@ function Zt({ children: e }) {
   return /* @__PURE__ */ t(
     ve,
     {
-      xs: /* @__PURE__ */ t(mt, { open: r, onClose: () => o(!1), children: e }),
+      xs: /* @__PURE__ */ t(ft, { open: r, onClose: () => o(!1), children: e }),
       md: /* @__PURE__ */ t(x, { children: e })
     }
   );
 }
-const Jt = nt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
+const Jt = lt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
   oe,
   {
     ref: n,
@@ -521,23 +517,23 @@ function Qe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
         onClick: k,
         variant: "outlined",
         size: "medium",
-        className: ["my-select__selector", vt(d) ? "" : "my-select__selector--active"].join(" "),
+        className: ["my-select__selector", rt(d) ? "" : "my-select__selector--active"].join(" "),
         sx: { minWidth: "auto", color: "text.primary", borderRadius: "8px" },
         ...l,
         children: [
           ((S = r.find((p) => p.value === d)) == null ? void 0 : S.name) || n,
-          /* @__PURE__ */ t(kt, { className: "my-select__arrowdown", component: gt, sx: { width: 18, height: 18 } })
+          /* @__PURE__ */ t(vt, { className: "my-select__arrowdown", component: yt, sx: { width: 18, height: 18 } })
         ]
       }
     ),
-    /* @__PURE__ */ t(bt, { open: i, anchorEl: s.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: p, placement: v }) => /* @__PURE__ */ t(
-      xt,
+    /* @__PURE__ */ t(kt, { open: i, anchorEl: s.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: p, placement: v }) => /* @__PURE__ */ t(
+      wt,
       {
         ...p,
         style: { transformOrigin: v === "bottom" ? "center top" : "center bottom" },
-        children: /* @__PURE__ */ t(wt, { children: /* @__PURE__ */ t(yt, { onClickAway: f, children: /* @__PURE__ */ t(tr, { autoFocusItem: i, onMouseEnter: k, onMouseLeave: f, children: r.map((w) => /* @__PURE__ */ h(De, { onClick: () => g(w), sx: { fontSize: 14 }, children: [
+        children: /* @__PURE__ */ t(bt, { children: /* @__PURE__ */ t(xt, { onClickAway: f, children: /* @__PURE__ */ t(tr, { autoFocusItem: i, onMouseEnter: k, onMouseLeave: f, children: r.map((w) => /* @__PURE__ */ h(De, { onClick: () => g(w), sx: { fontSize: 14 }, children: [
           /* @__PURE__ */ t(
-            ft,
+            gt,
             {
               sx: { mr: 1, fontSize: 16, visibility: B(w.value) ? "visible" : "hidden" }
             }
@@ -673,7 +669,7 @@ function rr({ menus: e }) {
         children: k ? /* @__PURE__ */ h(M, { children: [
           a.showExplore && /* @__PURE__ */ h(x, { mb: 3, pb: 3, borderBottom: 1, borderColor: "divider", children: [
             /* @__PURE__ */ h(x, { display: "flex", alignItems: "center", gap: 1, children: [
-              /* @__PURE__ */ t(K, { icon: ot, width: 20, height: 20 }),
+              /* @__PURE__ */ t(K, { icon: it, width: 20, height: 20 }),
               /* @__PURE__ */ t(
                 b,
                 {
@@ -743,7 +739,7 @@ function Ce() {
     }
   };
 }
-const Ze = it(function(r) {
+const Ze = at(function(r) {
   return /* @__PURE__ */ t(x, { height: 60, display: "flex", alignItems: "center", justifyContent: "center", ...r, children: /* @__PURE__ */ t(ne, {}) });
 });
 function Pe({
@@ -987,7 +983,10 @@ function cr() {
   return n ? /* @__PURE__ */ t(xe, { error: new Error(`Failed to fetch blocklets from ${P.explorePath}`) }) : l ? /* @__PURE__ */ t(Ze, { mt: 15 }) : /* @__PURE__ */ h(M, { children: [
     /* @__PURE__ */ t(nr, {}),
     o.map(
-      (s) => s.blocklets.length > 0 ? /* @__PURE__ */ t(sr, { title: r(`explore.${s.type}`), blocklets: s.blocklets }, s.type) : null
+      (s) => {
+        var a;
+        return ((a = s.blocklets) == null ? void 0 : a.length) > 0 ? /* @__PURE__ */ t(sr, { title: r(`explore.${s.type}`), blocklets: s.blocklets }, s.type) : null;
+      }
     )
   ] });
 }
@@ -1448,7 +1447,7 @@ function gr() {
   }
   return /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(Fe, {}) });
 }
-const yr = (e, r, o, n) => at(
+const yr = (e, r, o, n) => st(
   async (l) => {
     l || (o.currentPage = o.defaultCurrentPage);
     const { currentPage: s, pageSize: a } = o, i = {
@@ -1470,7 +1469,7 @@ const yr = (e, r, o, n) => at(
 );
 function xr() {
   var m;
-  const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: l } = R(), { filters: s } = r, a = st({
+  const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: l } = R(), { filters: s } = r, a = ct({
     currentPage: P.currentPage,
     pageSize: qt() ? P.mobilePageSize : P.pageSize,
     defaultCurrentPage: P.defaultCurrentPage
@@ -1571,7 +1570,7 @@ function br() {
 function kr({ menus: e, children: r }) {
   var i;
   const { search: o, layout: n } = R(), { filters: l } = o, s = l.category || l.keyword || l.price, a = (i = e == null ? void 0 : e.find((u) => u.key === l.menu)) == null ? void 0 : i.key;
-  return /* @__PURE__ */ t(Dt, { children: /* @__PURE__ */ h(rt, { FallbackComponent: xe, children: [
+  return /* @__PURE__ */ t(Dt, { children: /* @__PURE__ */ h(nt, { FallbackComponent: xe, children: [
     /* @__PURE__ */ t(br, {}),
     /* @__PURE__ */ h(x, { display: "flex", height: "100%", className: "list-container", pt: { xs: 0, md: 5 }, children: [
       /* @__PURE__ */ t(rr, { menus: e }),
@@ -1582,7 +1581,7 @@ function kr({ menus: e, children: r }) {
     ] })
   ] }) });
 }
-function Lo(e) {
+function Po(e) {
   return /* @__PURE__ */ h(zt, { variant: "outlined", ...e, sx: { maxWidth: 400, borderRadius: "8px", p: { xs: 2, md: 3 }, ...e.sx }, children: [
     /* @__PURE__ */ h(ae, { display: "flex", alignItems: "center", gap: 2, pb: 1, children: [
       /* @__PURE__ */ h(ae, { display: "flex", alignItems: "center", gap: 2, flex: 1, children: [
@@ -1601,12 +1600,12 @@ function Lo(e) {
     ] })
   ] });
 }
-function Oo({ showSkeleton: e, ...r }) {
+function Ao({ showSkeleton: e, ...r }) {
   return e ? /* @__PURE__ */ t(O, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(Nt, { ...r });
 }
-function _o(e) {
+function Eo(e) {
   const { menus: r, children: o, ...n } = e, l = ye(), s = Je(
-    tt({
+    ot({
       ...l,
       typography: {
         h1: {
@@ -1638,8 +1637,8 @@ function _o(e) {
 }
 export {
   dr as Autocomplete,
-  Lo as CardSkeleton,
-  Oo as Image,
-  _o as default,
+  Po as CardSkeleton,
+  Ao as Image,
+  Eo as default,
   $t as useSearch
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.16.14",
+  "version": "0.16.16",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "@blocklet/js-sdk": "^1.16.37",
-    "@blocklet/util": "0.16.14",
+    "@blocklet/util": "0.16.16",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify-icons/tabler": "^1.2.95",
@@ -64,7 +64,7 @@
     "color": "^4.2.3",
     "flat": "^5.0.2",
     "json-stable-stringify": "^1.0.2",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "prop-types": "^15.8.1",
     "react-error-boundary": "^3.1.4",
     "react-hotkeys-hook": "^3.4.7",
@@ -81,6 +81,7 @@
     "@emotion/babel-plugin": "^11.10.0",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "^0.0.13",
+    "@types/lodash-es": "^4.17.12",
     "@types/react-image-gallery": "^1.2.4",
     "@vitejs/plugin-react": "^4.3.3",
     "babel-plugin-inline-react-svg": "^2.0.1",
@@ -90,5 +91,5 @@
     "prettier": "^3.3.2",
     "vite": "^5.4.10"
   },
-  "gitHead": "a82570b68d09da31fcbaaa22c3f9042b2946d1c5"
+  "gitHead": "76cd5f65e33072c5156d6bf6e40e198ff60ab5d2"
 }