@blocklet/pages-kit-inner-components 0.4.130 → 0.4.131

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

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