@blocklet/pages-kit-inner-components 0.5.55 → 0.6.0

package/lib/es/chunks/publish-button-XSZrDaTQ.js

@@ -0,0 +1,498 @@
+import { jsx as t, jsxs as m, Fragment as oe } from "react/jsx-runtime";
+import { u as ae, b as le } from "./state-0gvZF3k2.js";
+import { useLocaleContext as G } from "@arcblock/ux/lib/Locale/context";
+import q from "@arcblock/ux/lib/Toast";
+import { generateParamCombinations as ce } from "@blocklet/pages-kit/utils/route";
+import { Warning as de, Sync as _, VisibilityOff as ee, KeyboardArrowDown as me, KeyboardArrowRight as ue } from "@mui/icons-material";
+import { LoadingButton as te } from "@mui/lab";
+import { createSvgIcon as pe, Dialog as ge, DialogTitle as he, Box as b, IconButton as fe, DialogContent as be, DialogActions as xe, Button as ye, Alert as we, List as ke, ListItem as M, ListItemButton as $, ListItemIcon as W, Checkbox as K, ListItemText as N, Tooltip as I, Collapse as Se, Chip as Pe } from "@mui/material";
+import { produce as De } from "immer";
+import Z from "lodash/difference";
+import { useState as D, useMemo as C, useCallback as O, useImperativeHandle as Oe, useEffect as E, useRef as Ae } from "react";
+import { useAsync as je } from "react-use";
+import { L as ve } from "./home-DW8SdyfO.js";
+import { p as Ce, g as Re } from "./index-D5gXPe_7.js";
+function ze(s) {
+  const [u, g] = D(!1);
+  return /* @__PURE__ */ t(
+    te,
+    {
+      ...s,
+      loading: s.loading || u,
+      onClick: (a) => {
+        const d = s.onClick?.(a);
+        d instanceof Promise && (g(!0), d.finally(() => {
+          g(!1);
+        }));
+      }
+    }
+  );
+}
+const Te = pe(
+  /* @__PURE__ */ m("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M7.75732 16.2426L16.2426 7.75736",
+        stroke: "#4B5563",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M16.2426 16.2426L7.75732 7.75735",
+        stroke: "#4B5563",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] }),
+  "Close"
+);
+function Le() {
+  const [s, u] = D(), g = C(() => s ? /* @__PURE__ */ t(ge, { ...s }) : null, [s]), a = O(() => {
+    u(void 0);
+  }, []), d = O(
+    ({
+      title: y,
+      content: c,
+      cancelText: A = "Cancel",
+      okText: f = "Ok",
+      onOk: w,
+      onClose: l,
+      okIcon: R,
+      okColor: k = "primary",
+      cancelColor: h = "primary",
+      DialogContentProps: B,
+      form: F,
+      ...H
+    }) => {
+      u({
+        ...H,
+        open: !0,
+        children: /* @__PURE__ */ m("form", { onSubmit: (z) => z.preventDefault(), children: [
+          y && /* @__PURE__ */ m(
+            he,
+            {
+              className: "between",
+              zIndex: "appBar",
+              bgcolor: "background.paper",
+              sx: { borderBottom: (z) => `1px solid ${z.palette.divider}` },
+              children: [
+                /* @__PURE__ */ t(b, { children: y }),
+                /* @__PURE__ */ t(
+                  fe,
+                  {
+                    size: "small",
+                    onClick: async () => {
+                      a(), l?.();
+                    },
+                    children: /* @__PURE__ */ t(Te, {})
+                  }
+                )
+              ]
+            }
+          ),
+          c && /* @__PURE__ */ t(
+            be,
+            {
+              ...B,
+              sx: { mt: -3, ...B?.sx, bgcolor: "background.paper" },
+              children: /* @__PURE__ */ t(
+                b,
+                {
+                  sx: {
+                    pt: 3
+                  },
+                  children: c
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ m(xe, { sx: { bgcolor: "background.paper" }, children: [
+            /* @__PURE__ */ t(ye, { variant: "outlined", color: h || "primary", onClick: l ?? a, children: A }),
+            /* @__PURE__ */ t(
+              ze,
+              {
+                variant: "contained",
+                color: k || "primary",
+                startIcon: R,
+                loadingPosition: R ? "start" : "center",
+                onClick: async () => {
+                  await w?.(), a();
+                },
+                type: "submit",
+                children: f
+              }
+            )
+          ] })
+        ] }),
+        onClose: l ?? a
+      });
+    },
+    [a]
+  );
+  return { dialog: g, showDialog: d, closeDialog: a };
+}
+const Xe = ({
+  ref: s,
+  mode: u,
+  state: g
+}) => {
+  const { t: a } = G(), [d, y] = D(!1), { dialog: c, showDialog: A } = Le(), f = ae(), w = O(
+    (R) => {
+      let k = [];
+      A({
+        title: a("maker.publishToProduction"),
+        content: /* @__PURE__ */ m(b, { sx: { minWidth: 300 }, children: [
+          /* @__PURE__ */ t(we, { color: "warning", icon: /* @__PURE__ */ t(de, {}), children: a("maker.publishToProductionTip") }),
+          /* @__PURE__ */ t(
+            b,
+            {
+              sx: {
+                maxHeight: "50vh",
+                overflow: "auto",
+                mt: 2
+              },
+              children: /* @__PURE__ */ t(
+                Ee,
+                {
+                  state: g,
+                  toMode: u,
+                  onChange: (h) => k = h,
+                  defaultRouteIds: R
+                }
+              )
+            }
+          )
+        ] }),
+        okText: a("maker.publish"),
+        cancelText: a("common.cancel"),
+        onOk: async () => {
+          if (k?.length === 0) {
+            const h = a("maker.publishSelectPagesMessage");
+            throw q.error(h), new Error(h);
+          }
+          localStorage.setItem(le(f ?? ""), String((/* @__PURE__ */ new Date()).getTime())), y(!0);
+          try {
+            await Ce({ mode: u, routes: k }), q.success(a("maker.publishSuccessMessage"));
+          } catch (h) {
+            throw q.error(h.message), h;
+          } finally {
+            y(!1);
+          }
+        }
+      });
+    },
+    [u, g, a, f, A]
+  );
+  Oe(s, () => ({
+    openPublishDialog: w
+  }));
+  const l = O(() => {
+    w();
+  }, [w]);
+  return /* @__PURE__ */ m(oe, { children: [
+    /* @__PURE__ */ t(
+      te,
+      {
+        color: "primary",
+        variant: "contained",
+        size: "small",
+        sx: { mr: 1 },
+        onClick: l,
+        loading: d,
+        disabled: d,
+        children: a("maker.publish")
+      }
+    ),
+    c
+  ] });
+};
+function Be({
+  routePathInfo: s,
+  checked: u,
+  onClick: g,
+  route: a
+}) {
+  const { t: d } = G(), y = !s.routeMetaData?.publishedAt || s.routeMetaData?.updatedAt && new Date(s.routeMetaData?.updatedAt) > new Date(s.routeMetaData?.publishedAt);
+  return /* @__PURE__ */ t(
+    M,
+    {
+      sx: { pl: 4, pr: 3 },
+      disablePadding: !0,
+      secondaryAction: /* @__PURE__ */ m(
+        b,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            minWidth: "auto"
+          },
+          children: [
+            y && /* @__PURE__ */ t(
+              b,
+              {
+                className: "visible",
+                title: d("maker.pages.needPublish"),
+                sx: {
+                  mr: 0.35,
+                  color: "warning.main",
+                  display: "flex",
+                  alignItems: "center"
+                },
+                children: /* @__PURE__ */ t(I, { title: d("maker.pages.needPublish"), children: /* @__PURE__ */ t(_, { fontSize: "small", sx: { fontSize: "16px" } }) })
+              }
+            ),
+            (!s.routeMetaData?.isPublic || !a.isPublic) && /* @__PURE__ */ t(
+              b,
+              {
+                className: "visible",
+                sx: {
+                  color: "warning.main"
+                },
+                children: /* @__PURE__ */ t(I, { title: d("maker.pages.notPublic"), children: /* @__PURE__ */ t(ee, { fontSize: "small", sx: { fontSize: "16px" } }) })
+              }
+            )
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ m($, { onClick: g, dense: !0, children: [
+        /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(K, { edge: "start", checked: u, tabIndex: -1 }) }),
+        /* @__PURE__ */ t(
+          N,
+          {
+            primary: s.path,
+            slotProps: {
+              primary: {
+                fontSize: "0.8rem",
+                fontStyle: "italic",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                pr: 1
+              }
+            }
+          }
+        )
+      ] })
+    }
+  );
+}
+function Ee({
+  state: s,
+  toMode: u,
+  onChange: g,
+  defaultRouteIds: a
+}) {
+  const { t: d, locale: y } = G(), [c, A] = D(!1), [f, w] = D(
+    () => a ? Object.fromEntries(a.filter((e) => !e.includes("-")).map((e) => [e, !0])) : {}
+  ), [l, R] = D({}), [k, h] = D(
+    () => a ? Object.fromEntries(a.filter((e) => e.includes("-")).map((e) => [e, !0])) : {}
+  ), [B, F] = D({}), { loading: H, error: z, value: S } = je(() => Re({ mode: u }), [u]);
+  if (z)
+    throw z;
+  const x = C(() => s.routeIds || [], [s]), J = C(() => S?.pageIds || [], [S]), j = C(() => !x || !s.routes ? [] : JSON.parse(JSON.stringify(x)).sort((n, i) => {
+    const r = s.routes?.[n], o = s.routes?.[i];
+    return r?.publishedAt && new Date(r.publishedAt).getTime() < new Date(r.updatedAt).getTime() ? -1 : o?.publishedAt && new Date(o.publishedAt).getTime() < new Date(o.updatedAt).getTime() ? 1 : new Date(r?.updatedAt ?? "").getTime() - new Date(o?.updatedAt ?? "").getTime();
+  }), [s, x]), V = C(() => {
+    if (!j) return [];
+    if (!l) return j;
+    const e = [...j].filter((n) => !l[n]);
+    return Object.values(l).forEach((n) => {
+      n.forEach((i) => {
+        e.push(`${i.originalRouteId}-${i.paramOptionIds.join("-")}`);
+      });
+    }), e;
+  }, [j, l]), v = C(
+    () => !S || !J || !V ? [] : Z(J, V),
+    [V, S, J]
+  ), L = C(
+    () => x ? [...x].concat(v) : v,
+    [x, v]
+  ), Q = O(() => {
+    const e = {};
+    j?.forEach((n) => {
+      const i = s.routes?.[n];
+      if (i && i.params && i.params.length > 0 && i.paramsOptions && i.paramsOptions.length > 0) {
+        const r = ce({
+          basePath: i.path,
+          params: i.params,
+          routeId: i.id,
+          paramsOptions: i.paramsOptions,
+          currentIndex: 0,
+          currentParams: [],
+          currentOptionIds: [],
+          result: []
+        });
+        r.length > 0 && (e[i.id] = r);
+      }
+    }), R(e);
+  }, [j, s.routes]);
+  E(() => {
+    Q();
+  }, [Q]), E(() => {
+    F((e) => {
+      const n = { ...e };
+      return Object.keys(l).forEach((i) => {
+        l[i] && l[i]?.length > 0 && n[i] === void 0 && (n[i] = !0);
+      }), n;
+    });
+  }, [l]);
+  const U = Ae(!0);
+  E(() => {
+    h((e) => {
+      const n = { ...e };
+      return Object.keys(l).length === 0 || (Object.keys(l).forEach((i) => {
+        const r = l[i] || [], o = c || !!f[i];
+        r.forEach((T) => {
+          const p = `${i}-${T.paramOptionIds.join("-")}`;
+          U.current ? n[p] = o || e[p] || !1 : n[p] = o;
+        });
+      }), U.current = !1), n;
+    });
+  }, [f, l, c]);
+  const ne = (e, n) => {
+    n.stopPropagation(), F((i) => {
+      const r = { ...i };
+      return r[e] = !r[e], r;
+    });
+  }, X = O(
+    (e) => {
+      w((n) => {
+        const i = De(n, (r) => {
+          c ? (Object.assign(r, Object.fromEntries(L.map((o) => [o, !0]))), delete r[e]) : r[e] ? (delete r[e], v.includes(e) && (x || []).filter((o) => s.pages[o]?.slug === S?.pages[e]?.slug).forEach((o) => {
+            delete r[o];
+          })) : (r[e] = !0, x && x.includes(e) && v.filter((o) => S?.pages[o]?.slug === s.pages[e]?.slug).forEach((o) => {
+            r[o] = !0;
+          }));
+        });
+        return A(Z(L, Object.keys(i)).length === 0), i;
+      });
+    },
+    [c, L, v, s, S, x]
+  ), ie = O(
+    (e, n) => {
+      const i = `${e}-${n.paramOptionIds.join("-")}`;
+      h((r) => {
+        const o = { ...r };
+        o[i] = !o[i];
+        const T = l[e]?.every((p) => o[`${e}-${p.paramOptionIds.join("-")}`]) ?? !1;
+        return w((p) => {
+          if (T && !p[e])
+            return { ...p, [e]: !0 };
+          if (!T && p[e]) {
+            const P = { ...p };
+            return delete P[e], P;
+          }
+          return p;
+        }), o;
+      });
+    },
+    [l]
+  ), re = O(() => {
+    A((e) => (e && w({}), !e));
+  }, []);
+  return E(() => {
+    const e = c ? L : Object.keys(f), n = Object.entries(k).filter(([, r]) => r).map(([r]) => r).filter((r) => r !== void 0), i = Array.from(/* @__PURE__ */ new Set([...e, ...n]));
+    g(c ? null : i);
+  }, [c, f, k, L, g]), H ? /* @__PURE__ */ t(ve, { sx: { my: 4 } }) : /* @__PURE__ */ m(ke, { disablePadding: !0, sx: { maxWidth: 700 }, children: [
+    /* @__PURE__ */ t(M, { sx: { position: "sticky", top: 0, zIndex: 1 }, disablePadding: !0, children: /* @__PURE__ */ m($, { onClick: re, dense: !0, children: [
+      /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(K, { edge: "start", checked: c, tabIndex: -1 }) }),
+      /* @__PURE__ */ t(N, { primary: d("common.all") })
+    ] }) }),
+    j.map((e) => {
+      const n = s.routes?.[e];
+      if (!n) return null;
+      const i = !1, r = l && l[e] && l[e]?.length > 0, o = B[e] !== !1, T = l[e] || [], p = !n.publishedAt || n.updatedAt && new Date(n.updatedAt).getTime() > new Date(n.publishedAt).getTime();
+      return /* @__PURE__ */ m(b, { children: [
+        /* @__PURE__ */ t(
+          M,
+          {
+            sx: {
+              pr: 4
+            },
+            disablePadding: !0,
+            secondaryAction: /* @__PURE__ */ m(b, { sx: { display: "flex", alignItems: "center" }, children: [
+              p && /* @__PURE__ */ t(I, { title: d("maker.pages.needPublish"), children: /* @__PURE__ */ t(_, { fontSize: "small", sx: { color: "warning.main", fontSize: 16, mr: 0.35 } }) }),
+              !n.isPublic && /* @__PURE__ */ t(I, { title: d("maker.pages.notPublic"), children: /* @__PURE__ */ t(ee, { fontSize: "small", sx: { color: "warning.main", fontSize: 16, mr: 0.35 } }) }),
+              i,
+              r && /* @__PURE__ */ t(
+                b,
+                {
+                  onClick: (P) => ne(e, P),
+                  sx: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    mr: 0.35,
+                    cursor: "pointer",
+                    color: "info.main"
+                  },
+                  children: o ? /* @__PURE__ */ t(me, { fontSize: "small", sx: { fontSize: "18px" } }) : /* @__PURE__ */ t(ue, { fontSize: "small", sx: { fontSize: "18px" } })
+                }
+              )
+            ] }),
+            children: /* @__PURE__ */ m($, { onClick: () => X(e), dense: !0, children: [
+              /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(K, { edge: "start", checked: c || !!f[e], tabIndex: -1 }) }),
+              /* @__PURE__ */ t(
+                N,
+                {
+                  primary: n.path,
+                  slotProps: {
+                    primary: { noWrap: !0, textOverflow: "ellipsis" },
+                    secondary: { noWrap: !0, textOverflow: "ellipsis" }
+                  }
+                }
+              )
+            ] })
+          }
+        ),
+        r && /* @__PURE__ */ t(Se, { in: o, children: /* @__PURE__ */ t(b, { children: T.map((P) => {
+          const Y = `${e}-${P.paramOptionIds.join("-")}`, se = k[Y] || !1;
+          return /* @__PURE__ */ t(
+            Be,
+            {
+              routePathInfo: P,
+              checked: c || se,
+              onClick: () => ie(e, P),
+              route: n
+            },
+            Y
+          );
+        }) }) })
+      ] }, e);
+    }),
+    v.map((e) => {
+      const n = S?.pages[e];
+      return n ? /* @__PURE__ */ t(
+        M,
+        {
+          disablePadding: !0,
+          secondaryAction: /* @__PURE__ */ t(Pe, { color: "warning", label: "deleted", size: "small" }),
+          children: /* @__PURE__ */ m($, { onClick: () => X(e), dense: !0, children: [
+            /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(K, { edge: "start", checked: c || !!f[e], tabIndex: -1 }) }),
+            /* @__PURE__ */ t(
+              N,
+              {
+                primary: n.slug,
+                secondary: n.locales?.[y]?.title,
+                slotProps: {
+                  primary: { noWrap: !0, textOverflow: "ellipsis" },
+                  secondary: { noWrap: !0, textOverflow: "ellipsis" }
+                }
+              }
+            )
+          ] })
+        },
+        e
+      ) : null;
+    })
+  ] });
+}
+export {
+  Xe as default
+};

package/lib/es/chunks/session-C72Dq8zg.js

@@ -0,0 +1,19 @@
+import { createAuthServiceSessionContext as t } from "@arcblock/did-connect/lib/Session";
+import { useContext as i } from "react";
+const { SessionProvider: l, SessionContext: r, SessionConsumer: S, withSession: f } = t();
+function n() {
+  return i(r);
+}
+function u(...e) {
+  const { session: s } = n();
+  return e.includes(s.user?.role);
+}
+function m(...e) {
+  const { session: s } = n(), o = u(...e);
+  return window.blocklet?.tenantMode === "multiple" ? !!s.user : o;
+}
+export {
+  l as S,
+  m as a,
+  n as u
+};