@blocklet/pages-kit-inner-components 0.5.21 → 0.5.23

package/lib/es/setting.js

@@ -1,24 +1,24 @@
 import { jsx as t, jsxs as O, Fragment as X } from "react/jsx-runtime";
-import { t as ye, g as Te, b as ce, E as ot, n as Ke, f as ve } from "./chunks/state-j8jViBMV.js";
+import { t as ve, g as Te, b as ce, E as ot, n as Ke, f as xe } from "./chunks/state-j8jViBMV.js";
 import de from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
-import { CodeEditor as xe } from "@blocklet/code-editor";
+import { CodeEditor as ge } from "@blocklet/code-editor";
 import nt from "@mui/icons-material/AddRounded";
 import st from "@mui/icons-material/ArrowDownward";
 import ct from "@mui/icons-material/ArrowUpward";
 import dt from "@mui/icons-material/DeleteOutline";
-import { Typography as B, TextField as V, Stack as R, FormLabel as ie, Box as j, TableContainer as at, Paper as Z, Table as Be, TableHead as Fe, TableRow as le, TableCell as oe, TableBody as Je, Button as E, IconButton as ae, InputAdornment as ge, alpha as ue, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as pe, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
+import { Typography as B, TextField as V, Stack as R, FormLabel as ie, Box as j, TableContainer as at, Paper as Z, Table as Be, TableHead as Fe, TableRow as le, TableCell as oe, TableBody as Je, Button as E, IconButton as ae, InputAdornment as Pe, alpha as pe, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as me, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
 import A from "lodash/sortBy";
 import { useCallback as D, useMemo as ne, useRef as J, useId as gt, useEffect as $, useState as Q } from "react";
 import { useUpdate as _e } from "react-use";
 import { ColorItem as Pt, ConfigColorDialog as wt } from "@blocklet/pages-kit/builtin/color-picker";
 import { C as kt } from "./chunks/config-string-D8tamRZ1.js";
-import Pe from "lodash/isEmpty";
+import we from "lodash/isEmpty";
 import He from "lodash/set";
-import * as me from "yaml";
-import { UploaderButton as Ye, UploaderProvider as we, useUploader as It, getImageSize as St, getVideoSize as Ot } from "@blocklet/pages-kit/builtin/uploader";
+import * as fe from "yaml";
+import { UploaderButton as Ye, UploaderProvider as ue, useUploader as It, getImageSize as St, getVideoSize as Ot } from "@blocklet/pages-kit/builtin/uploader";
 import jt from "lodash/cloneDeep";
-import fe from "@arcblock/ux/lib/Toast";
+import he from "@arcblock/ux/lib/Toast";
 import { CustomComponentRenderer as qe, transpileAndLoadScript as Rt, getPropertiesFromCode as zt } from "@blocklet/pages-kit/components";
 import { parsePropertyValue as Nt } from "@blocklet/pages-kit/utils/property";
 import { unstable_useNumberInput as Vt, ClickAwayListener as Ct } from "@mui/base";
@@ -76,7 +76,7 @@ function rr({
 }) {
   const { t: b, locale: k } = C(), v = _e(), o = D(
     (p) => {
-      i(ye(p, a.type));
+      i(ve(p, a.type));
     },
     [i, a.type]
   ), n = ne(() => Array.isArray(r) ? r : [], [r]), s = D(() => {
@@ -284,7 +284,7 @@ function rr({
   ] }) : /* @__PURE__ */ O(R, { width: "100%", gap: 1, children: [
     e && /* @__PURE__ */ t(ie, { children: e }),
     /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
-      xe,
+      ge,
       {
         keyId: a.id,
         locale: k,
@@ -314,7 +314,7 @@ function ir({
         value: e,
         onChange: r,
         InputProps: {
-          endAdornment: /* @__PURE__ */ t(ge, { position: "end", children: /* @__PURE__ */ t(
+          endAdornment: /* @__PURE__ */ t(Pe, { position: "end", children: /* @__PURE__ */ t(
             Pt,
             {
               color: e ?? "",
@@ -351,7 +351,7 @@ function lr({
   onUpload: g
 }) {
   const { locale: b } = C(), k = J(null);
-  if (!Pe(l.subProperties)) {
+  if (!we(l.subProperties)) {
     const o = A(Object.values(l.subProperties || {}), "index").filter(
       (n) => n.data.visible !== !1 && n.data.key
     );
@@ -361,7 +361,7 @@ function lr({
         const { data: d } = n, m = d.key ?? d.id, w = s === o.length - 1;
         let c = null;
         try {
-          r && typeof r == "object" ? c = r[m] : typeof r == "string" && (c = (l.type === "yaml" ? me.parse(r || "") : JSON.parse(r || "{}"))[m]);
+          r && typeof r == "object" ? c = r[m] : typeof r == "string" && (c = (l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}"))[m]);
         } catch {
         }
         c == null && (d.locales && b && d.locales[b] ? c = d.locales[b].defaultValue : d.locales && y && d.locales[y] && (c = d.locales[y].defaultValue));
@@ -370,12 +370,12 @@ function lr({
             let S = {};
             if (typeof r == "string")
               try {
-                S = l.type === "yaml" ? me.parse(r || "") : JSON.parse(r || "{}");
+                S = l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}");
               } catch {
               }
             else typeof r == "object" && r !== null && (S = { ...r });
             He(S, m, P);
-            const p = ye(S, l.type);
+            const p = ve(S, l.type);
             i == null || i(p);
           } catch (S) {
             console.error("Error updating property:", S);
@@ -495,7 +495,7 @@ function lr({
           }
         ),
         /* @__PURE__ */ t(
-          xe,
+          ge,
           {
             keyId: l.id,
             locale: b,
@@ -538,7 +538,7 @@ function lr({
     }
   ) });
 }
-const or = ["string", "multiline", "json", "yaml", "url", "component", "custom"];
+const or = ["string", "multiline", "json", "yaml", "url", "component", "custom", "array"];
 function Ue(e) {
   return e.type ? !or.includes(e.type) : !1;
 }
@@ -690,7 +690,7 @@ function sr({
               {
                 direction: "row",
                 sx: {
-                  bgcolor: (o) => ue(o.palette.grey[200], 0.9),
+                  bgcolor: (o) => pe(o.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
                   [`.${ut.root}`]: {
@@ -758,10 +758,10 @@ function cr({
     /* @__PURE__ */ t(Me, { open: l, onClose: () => u(!1), children: /* @__PURE__ */ t(j, { component: "img", sx: { objectFit: "contain" }, src: Te(r), alt: e }) })
   ] });
 }
-function he(e, r = "") {
+function be(e, r = "") {
   return qt(e, (i, l, u) => {
     const y = r ? `${r}.${u}` : u;
-    return $t(l) ? Bt(i, he(l, y)) : i[y] = l, i;
+    return $t(l) ? Bt(i, be(l, y)) : i[y] = l, i;
   }, {});
 }
 const dr = [
@@ -781,7 +781,7 @@ const dr = [
 function re(e, r, i) {
   return !e || !i ? !1 : Object.values(e).some(({ data: l }) => l.id !== r && l.key === i);
 }
-function be(e, r) {
+function ye(e, r) {
   var i;
   return !e || !r ? !1 : ((i = e[r]) == null ? void 0 : i.data.visible) ?? !0;
 }
@@ -791,7 +791,7 @@ function ci({ componentId: e }) {
 }
 function ar({ value: e }) {
   var b, k, v;
-  const { t: r } = C(), { localState: { currentLocale: i, customComponentPreviewerProperties: l }, state: { config: { defaultLocale: u } }, localActions: { setCustomComponentPreviewerProperties: y } } = ce(), a = ee(e).doc, x = ve(), g = Kt({
+  const { t: r } = C(), { localState: { currentLocale: i, customComponentPreviewerProperties: l }, state: { config: { defaultLocale: u } }, localActions: { setCustomComponentPreviewerProperties: y } } = ce(), a = ee(e).doc, x = xe(), g = Kt({
     propertiesValue: {
       ...y
     }
@@ -838,8 +838,8 @@ function ar({ value: e }) {
           });
         },
         children: [
-          /* @__PURE__ */ t(pe, { value: "react-component", children: "React Component" }),
-          /* @__PURE__ */ t(pe, { value: "component", children: "Custom Component" })
+          /* @__PURE__ */ t(me, { value: "react-component", children: "React Component" }),
+          /* @__PURE__ */ t(me, { value: "component", children: "Custom Component" })
         ]
       })
     ] }),
@@ -854,7 +854,7 @@ function ar({ value: e }) {
       onChange: ({ value: o, id: n, path: s }) => {
         const d = [...s, "data"];
         if (!Ft(e, d)) {
-          fe.warning(r("cannotFindPropertyKey", {
+          he.warning(r("cannotFindPropertyKey", {
             key: d.join(".")
           }));
           return;
@@ -868,7 +868,7 @@ function ar({ value: e }) {
 }
 function ur({ config: e }) {
   const { t: r } = C();
-  return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
+  return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ t(V, {
       label: r("name"),
@@ -954,7 +954,7 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defau
           });
         },
         InputProps: {
-          endAdornment: !e.key || e.key && re(l.properties, e.id, e.key) ? /* @__PURE__ */ t(ge, {
+          endAdornment: !e.key || e.key && re(l.properties, e.id, e.key) ? /* @__PURE__ */ t(Pe, {
             position: "end",
             sx: {
               width: 16,
@@ -999,7 +999,7 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defau
               h === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = h);
             });
           },
-          children: dr.map((m) => /* @__PURE__ */ t(pe, { value: m.value, children: m.label }, m.value))
+          children: dr.map((m) => /* @__PURE__ */ t(me, { value: m.value, children: m.label }, m.value))
         })
       ] }),
       /* @__PURE__ */ O(R, { direction: "row", gap: 1, children: [
@@ -1017,7 +1017,7 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defau
               var f;
               const h = c.properties[e.id].data;
               if (w != null && w.forceUpdateProperty) {
-                const P = he(h), S = he(m);
+                const P = be(h), S = be(m);
                 Object.keys(S).forEach((p) => {
                   P[p] || He(h, p, S[p]);
                 });
@@ -1047,7 +1047,7 @@ function pr(e, r) {
 }
 function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, onUpdateConfig: u, useI18nEditor: y = !0 }) {
   const { t: a } = C(), x = ke({ variant: "dialog" }), g = e.properties && A(Object.values(e.properties), "index");
-  return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
+  return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ O(R, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
       /* @__PURE__ */ t(B, { variant: "subtitle1", children: a("properties") }),
       /* @__PURE__ */ t(j, { flex: 1 }),
@@ -1058,7 +1058,7 @@ function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, o
       gap: 2,
       list: e.properties,
       renderItem: (b, k, v) => {
-        const o = be(e.properties, b.id);
+        const o = ye(e.properties, b.id);
         return /* @__PURE__ */ t(Z, {
           elevation: 0,
           className: "property-container",
@@ -1150,7 +1150,7 @@ function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allCom
 }
 function it({ type: e = "properties", component: r, ...i }) {
   var v, o, n;
-  const { t: l } = C(), { state: { components: u, supportedLocales: y, config: { defaultLocale: a } } } = ce(), x = ve(), g = ee(r).doc, b = e === "properties" ? r.properties : e === "parameters" && ((v = r.renderer) == null ? void 0 : v.type) === "component" ? (o = u[r.renderer.componentId]) == null ? void 0 : o.data.properties : void 0, k = ((n = r.renderer) == null ? void 0 : n.type) === "component" ? r : void 0;
+  const { t: l } = C(), { state: { components: u, supportedLocales: y, config: { defaultLocale: a } } } = ce(), x = xe(), g = ee(r).doc, b = e === "properties" ? r.properties : e === "parameters" && ((v = r.renderer) == null ? void 0 : v.type) === "component" ? (o = u[r.renderer.componentId]) == null ? void 0 : o.data.properties : void 0, k = ((n = r.renderer) == null ? void 0 : n.type) === "component" ? r : void 0;
   return /* @__PURE__ */ O(Me, { ...i, fullWidth: !0, maxWidth: "lg", children: [
     /* @__PURE__ */ t(ft, { children: l("i18nEditorTitle") }),
     /* @__PURE__ */ t(ht, { children: b && /* @__PURE__ */ t(R, { children: /* @__PURE__ */ O(Be, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
@@ -1230,7 +1230,7 @@ const We = (e, r) => (i) => {
     i.palette.secondary.main,
     i.palette.success.main,
     i.palette.warning.main
-  ], u = Math.min(l.length - 1, e), y = l[u], a = ue(y, 0.5), x = ue(y, 1);
+  ], u = Math.min(l.length - 1, e), y = l[u], a = pe(y, 0.5), x = pe(y, 1);
   return {
     // 保留原有的边框样式
     borderColor: `${a} !important`,
@@ -1258,13 +1258,13 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
             n = n === !0 || n === "true";
           else if ((o.type === "json" || o.type === "yaml") && typeof n == "string")
             try {
-              o.type === "json" ? n = JSON.parse(n) : n = me.parse(n);
+              o.type === "json" ? n = JSON.parse(n) : n = fe.parse(n);
             } catch (c) {
               console.error("Error parsing nested value", n, c), n = {};
             }
           b[o.key] = n;
-        }), e.type === "array" && !Array.isArray(b) && (b = Pe(b) ? [] : [b]);
-        const v = ye(b, e.type);
+        }), e.type === "array" && !Array.isArray(b) && (b = we(b) ? [] : [b]);
+        const v = ve(b, e.type);
         r == null || r(v);
       } catch (b) {
         console.error("Error converting structure to text:", b);
@@ -1474,7 +1474,7 @@ function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u
         sx: {
           pr: 0
         },
-        endAdornment: /* @__PURE__ */ O(ge, { position: "end", children: [
+        endAdornment: /* @__PURE__ */ O(Pe, { position: "end", children: [
           /* @__PURE__ */ t(Ye, {
             onChange: async ({ response: f }) => {
               var I, z, N;
@@ -1538,7 +1538,7 @@ function gr({ value: e }) {
     (u = e.renderer) != null && u.script || (l.transact(() => {
       e.renderer.script = e.renderer.type === "react-component" ? vr : xr;
     }), i());
-  }, [e]), /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(xe, {
+  }, [e]), /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(ge, {
     keyId: e.id,
     locale: r,
     language: "typescript",
@@ -1552,8 +1552,8 @@ function gr({ value: e }) {
 }
 function Pr({ value: e }) {
   var k, v, o;
-  const { t: r } = C(), i = ee(e).doc, { state: { components: l, config: { defaultLocale: u }, resources: y }, localState: { currentLocale: a } } = ce(), x = ve(), g = ((k = l[e.renderer.componentId]) == null ? void 0 : k.data) ?? ((o = (v = y.components) == null ? void 0 : v[e.renderer.componentId]) == null ? void 0 : o.component), b = ke({ variant: "dialog" });
-  return /* @__PURE__ */ O(R, { gap: 1, children: [
+  const { t: r } = C(), i = ee(e).doc, { state: { components: l, config: { defaultLocale: u }, resources: y }, localState: { currentLocale: a } } = ce(), x = xe(), g = ((k = l[e.renderer.componentId]) == null ? void 0 : k.data) ?? ((o = (v = y.components) == null ? void 0 : v[e.renderer.componentId]) == null ? void 0 : o.component), b = ke({ variant: "dialog" });
+  return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 1, children: [
     /* @__PURE__ */ t(Se, {
       allComponents: x,
       excludes: [e.id],
@@ -1586,7 +1586,7 @@ function Pr({ value: e }) {
       }),
       /* @__PURE__ */ t(it, { ...Ze(b), component: e, type: "parameters" })
     ] })
-  ] });
+  ] }) });
 }
 function Se({ label: e, options: r, excludes: i, value: l, onChange: u, allComponents: y, ...a }) {
   var k;
@@ -1617,7 +1617,7 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
   $(() => {
     (() => {
       var w, c;
-      ((w = e == null ? void 0 : e.renderer) == null ? void 0 : w.type) === "react-component" && Pe(e == null ? void 0 : e.properties) ? Rt((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((h) => {
+      ((w = e == null ? void 0 : e.renderer) == null ? void 0 : w.type) === "react-component" && we(e == null ? void 0 : e.properties) ? Rt((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((h) => {
         const f = zt(h);
         b(f);
       }) : b(e == null ? void 0 : e.properties);
@@ -1639,14 +1639,14 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const m = A(Object.values(g), "index"), w = m.filter(({ data: f }) => f.key && be(g, f.id)), c = m.filter(({ data: f }) => f.key && f.type !== "component"), h = c.map(({ data: f }) => f.key);
+    const m = A(Object.values(g), "index"), w = m.filter(({ data: f }) => f.key && ye(g, f.id)), c = m.filter(({ data: f }) => f.key && f.type !== "component"), h = c.map(({ data: f }) => f.key);
     return {
       canUseProperties: c,
       visibleProperties: w,
       canUsePropertiesKeys: h
     };
   }, [JSON.stringify(g)]), s = o(), d = _t(s, "key");
-  return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
+  return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ t(B, { variant: "subtitle1", children: x("maker.properties.parameters") }),
     !e || n.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(de, { style: { fontSize: 12 }, children: x("maker.properties.noParameters") }) : /* @__PURE__ */ O(X, { children: [
       /* @__PURE__ */ t(R, { gap: 2, children: n.visibleProperties.map(({ data: m }) => {
@@ -1687,7 +1687,7 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
               return !Mt(m[h], (f = d == null ? void 0 : d[h]) == null ? void 0 : f.value);
             }).filter((h) => {
               var f, P, S, p;
-              return !(h === "locale" && !Jt(d[h], "locale") || ((f = d[h]) == null ? void 0 : f.type) === "component" || (((P = d[h]) == null ? void 0 : P.type) === "yaml" || ((S = d[h]) == null ? void 0 : S.type) === "json") && be(g, (p = d[h]) == null ? void 0 : p.id));
+              return !(h === "locale" && !Jt(d[h], "locale") || ((f = d[h]) == null ? void 0 : f.type) === "component" || (((P = d[h]) == null ? void 0 : P.type) === "yaml" || ((S = d[h]) == null ? void 0 : S.type) === "json") && ye(g, (p = d[h]) == null ? void 0 : p.id));
             }).reduce((h, f) => h.then(() => {
               const P = d[f], S = w.includes(f);
               if (P != null && P.id && S)
@@ -1702,8 +1702,8 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
               const p = `propertyNotFound${f}`;
               if (k === p)
                 return Promise.resolve();
-              fe.close(k);
-              const I = fe.warning(x("maker.properties.propertyNotFound", {
+              he.close(k);
+              const I = he.warning(x("maker.properties.propertyNotFound", {
                 key: f
               }), {
                 key: p

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.5.21",
+  "version": "0.5.23",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -71,13 +71,13 @@
   "dependencies": {
     "@arcblock/did-auth": "^1.20.11",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^2.13.47",
-    "@arcblock/react-hooks": "^2.13.47",
-    "@arcblock/ux": "^2.13.47",
+    "@arcblock/did-connect": "^2.13.50",
+    "@arcblock/react-hooks": "^2.13.50",
+    "@arcblock/ux": "^2.13.50",
     "@blocklet/ai-kit": "^0.1.78",
     "@blocklet/ai-runtime": "^0.4.271",
     "@blocklet/code-editor": "^0.4.271",
-    "@blocklet/crawler": "^2.3.46",
+    "@blocklet/crawler": "^2.3.50",
     "@blocklet/embed": "^0.2.4",
     "@blocklet/js-sdk": "^1.16.43",
     "@blocklet/logger": "1.16.36",
@@ -85,7 +85,7 @@
     "@blocklet/sdk": "^1.16.43",
     "@blocklet/studio-ui": "^0.4.271",
     "@blocklet/tracker": "^1.16.43",
-    "@blocklet/ui-react": "^2.13.47",
+    "@blocklet/ui-react": "^2.13.50",
     "@blocklet/uploader": "^0.1.93",
     "@blocklet/uploader-server": "^0.1.99",
     "@emotion/cache": "^11.13.1",
@@ -205,8 +205,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.5.21",
-    "@blocklet/pages-kit-block-studio": "^0.5.21"
+    "@blocklet/pages-kit": "^0.5.23",
+    "@blocklet/pages-kit-block-studio": "^0.5.23"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",

package/lib/cjs/chunks/home-DH9Z8Tuv.js

@@ -1,38 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),M=require("./state-CA6q2h83.js"),Y=require("@arcblock/ux/lib/Locale/context"),le=require("@arcblock/ux/lib/Result"),ue=require("@blocklet/pages-kit/builtin/page/header"),de=require("@blocklet/pages-kit/contexts/color"),J=require("@blocklet/pages-kit/utils/data-source"),pe=require("@blocklet/pages-kit/utils/route"),ge=require("@blocklet/ui-react/lib/Header"),Z=require("@emotion/css"),N=require("@emotion/react"),me=require("@emotion/styled"),b=require("@mui/material"),G=require("ahooks"),fe=require("isomorphic-dompurify"),he=require("lodash/cloneDeep"),xe=require("lodash/isEmpty"),je=require("lodash/isEqual"),m=require("react"),ye=require("react-helmet"),P=require("react-router-dom"),ee=require("react-use"),E=require("ufo"),I=require("./array-C0IVbCmb.js"),W=require("@arcblock/ux/lib/Theme"),be=require("@blocklet/ui-react/lib/Footer");require("webfontloader");const X=require("./session-BA7Qrcia.js"),S=t=>t&&t.__esModule?t:{default:t},te=S(le),ve=S(ge),ne=S(me),we=S(fe),V=S(he),Pe=S(xe),oe=S(je),ke=S(be),Re=W.styled(ke.default,{shouldForwardProp:t=>!!t})`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;function Se({meta:t,...o}){const r=W.useTheme();return e.jsx(Re,{...o,meta:t,theme:r||{}})}function se(t){return e.jsx(b.Box,{display:"flex",flex:1,height:"100%",alignItems:"center",justifyContent:"center",...t,children:e.jsx(b.CircularProgress,{size:30})})}function qe(t){return e.jsx(_e,{...t})}const _e=W.styled(b.Box)`
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 999999999999;
-  width: 80px;
-  font-size: 12px;
-  text-align: center;
-  opacity: 0.7;
-  transform: translateX(-23%) translateY(70%) rotate(-45deg);
-  pointer-events: none;
-`,Ce=`Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;function Ee({titleFontFamily:t,descriptionFontFamily:o}){var n;const r=b.useTheme(),s=(n=r==null?void 0:r.typography)==null?void 0:n.fontFamily;m.useEffect(()=>{},[t,o]);const i=`${s}, ${Ce}`;return e.jsx(N.Global,{styles:N.css`
-        #app {
-          font-family: ${i};
-
-          .page-kit-section__title {
-            font-family: ${i};
-          }
-
-          .page-kit-section__description {
-            font-family: ${i};
-          }
-        }
-      `})}function Me(){const[t]=P.useSearchParams(),{session:o}=X.useSessionContext(),r=X.useIsRoleOrMultiTenant("owner","admin","pagesEditor","member"),s=m.useMemo(()=>{const n=t.get("mode");return I.STATE_MODES.includes(n)?n:"production"},[t]),i=s==="production"?s:o.user?r?s:"production":null;return i?e.jsx(re,{mode:i}):null}function re({mode:t}){if(t!=="draft"){const o=window.__PAGE_STATE__;return o?e.jsx(A,{mode:t,state:o}):e.jsx(Be,{mode:t,children:({state:r})=>e.jsx(A,{mode:t,state:r})})}return e.jsx(Ie,{children:({state:o})=>e.jsx(A,{mode:t,state:o})})}const Ie=m.lazy(()=>Promise.resolve().then(()=>require("./draft-data-BLL0M7MI.js")));function Be({mode:t,children:o}){const r=document.querySelector('meta[property="pages:version"]'),s=r==null?void 0:r.content,i=M.useProjectId(),n=m.useMemo(()=>{if(s==="{{pagesPublishedAt}}"){const l=localStorage.getItem(M.getProjectPageVersionKey(i??""));return Number(l)?Number(l):new Date().getTime()}return Number(s)},[s]),{loading:g,value:a}=ee.useAsync(()=>I.getPages({mode:t,version:n}),[t,n]);return g?e.jsx(se,{}):a?o({state:a}):null}function A({mode:t,state:o}){const{t:r,locale:s}=Y.useLocaleContext(),[i]=P.useSearchParams(),n=i.get("hiddenBadge")==="true",g=i.get("showPublish")==="true",{pageIds:a,pages:l,routeIds:f,routes:d,supportedLocales:p,config:{defaultLocale:h},resources:v}=o,w=M.getAllComponents(o),j=m.useMemo(()=>p!=null&&p.some(u=>u.locale===s)?s:void 0,[s,p]),B=Object.values(d||{}).find(u=>(u==null?void 0:u.path)==="/")||Object.values(l).find(u=>(u==null?void 0:u.slug)==="/")?void 0:Object.values(l)[0],H=m.useMemo(()=>a.map(u=>{const c=l[u];return c&&{id:c.id,path:E.joinURL("/",j||"",c.slug,t!=="production"?`?mode=${t}`:"")}}).filter(I.nonNullable),[a,l,j,t]),q=([...u])=>(t!=="production"&&g&&u.unshift(e.jsx(m.Suspense,{fallback:e.jsx("div",{}),children:e.jsx(Le,{mode:"production",state:o})})),u);return e.jsxs(I.Provider,{value:{pages:H},children:[e.jsxs(P.Routes,{children:[B&&e.jsx(P.Route,{index:!0,element:e.jsx(P.Navigate,{to:E.joinURL("/",j||"",B.slug)})}),f==null?void 0:f.map(u=>{var T,L,k,x;const c=d==null?void 0:d[u];if(!c||!c.displayTemplateId)return null;const _=l[c.displayTemplateId];if(!_)return null;let C=[];if(c.params&&c.params.length>0){const R=pe.generateParamCombinations({basePath:c.path,params:c.params,routeId:c.id,paramsOptions:c.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});C=R==null?void 0:R.map(U=>{var O,$,K,Q;const D=U.paramOptionIds.join("-");return e.jsx(P.Route,{path:E.joinURL(":projectIdOrSlug?",U.path),element:e.jsx(z,{mode:t,components:w,page:_,locale:j,defaultLocale:h,headerAddons:q,state:o,pageData:(Q=(K=($=(O=c.dataSource)==null?void 0:O.pathDataMappings)==null?void 0:$[D])==null?void 0:K.dataCache)==null?void 0:Q[j||h||"en"]})},D)})}return C.push(e.jsx(P.Route,{path:E.joinURL(":projectIdOrSlug?",c.path),element:e.jsx(z,{mode:t,components:w,page:_,locale:j,defaultLocale:h,headerAddons:q,state:o,pageData:(x=(k=(L=(T=c.dataSource)==null?void 0:T.pathDataMappings)==null?void 0:L[c.id])==null?void 0:k.dataCache)==null?void 0:x[j||h||"en"]})},c.id)),C}),a.map(u=>{const c=l[u];return c?e.jsx(P.Route,{path:E.joinURL(":projectIdOrSlug?",c.slug),element:e.jsx(F,{mode:t,components:w,page:c,locale:j,defaultLocale:h,headerAddons:q})},c.id):null}),v.pages&&Object.values(v.pages).map(({blockletId:u,page:c})=>e.jsx(P.Route,{path:E.joinURL("/",`@${u}`,c.slug),element:e.jsx(F,{mode:t,components:w,page:c,locale:j,defaultLocale:h,headerAddons:q})},c.id)),e.jsx(P.Route,{path:"*",element:e.jsx(b.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(te.default,{status:404,extra:e.jsx(ie,{href:"/",children:r("common.back")})})})})]}),t!=="production"&&!n&&e.jsx(qe,{sx:{bgcolor:"info.light"},children:t}),e.jsx(Ee,{})]})}function z({mode:t,pageData:o,components:r,page:s,locale:i,defaultLocale:n,headerAddons:g,state:a}){const l=G.useReactive({page:null});m.useEffect(()=>{const d=s||null;d?l.page=V.default(d):l.page=null},[s,l]);const f=m.useRef();return m.useEffect(()=>{oe.default(o,f.current)||o&&l.page&&(J.setPageDataSource(l.page,a,i,o),f.current=V.default(o))},[l.page,o,i,a]),l.page?e.jsx(F,{mode:t,components:r,page:l.page,locale:i,defaultLocale:n,headerAddons:g}):null}function Te({mode:t,state:o,path:r,pageData:s}){const{t:i,locale:n}=Y.useLocaleContext(),{pages:g,supportedLocales:a,config:{defaultLocale:l},resources:f}=o,d=Object.values(g).find(y=>(y==null?void 0:y.slug)===r),p=Object.values(f.pages||{}).find(y=>y.page.slug===r),h=m.useMemo(()=>a!=null&&a.some(y=>y.locale===n)?n:void 0,[n,a]),v=G.useReactive({page:null});m.useEffect(()=>{const y=d||(p==null?void 0:p.page)||null;y?v.page=V.default(y):v.page=null},[d,p]);const w=m.useRef();if(m.useEffect(()=>{oe.default(s,w.current)||s&&v.page&&(J.setPageDataSource(v.page,o,h,s),w.current=V.default(s))},[{}]),!d&&!(p!=null&&p.page))return e.jsx(b.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(te.default,{style:{background:"inherit"},status:404,extra:e.jsx(ie,{href:"/",children:i("common.back")})})});const j=M.getAllComponents(o);return v.page?e.jsx(F,{mode:t,components:j,page:v.page,locale:h,defaultLocale:l}):null}function F({mode:t,components:o,page:r,locale:s,defaultLocale:i,headerAddons:n}){var B,H,q,u,c,_,C,T,L;const g=de.useColorConvert(),a=((B=r.locales)==null?void 0:B[s])??((H=r.locales)==null?void 0:H[i])??{},l=a.title||((q=window.blocklet)==null?void 0:q.appName),f=a.description||((u=window.blocklet)==null?void 0:u.appDescription),d=M.autoResizeImage(M.getImageAbsoluteUrl(a.image),540),{logo:p,brand:h,description:v,...w}=ue.useHeaderState(),j=m.useMemo(()=>k=>{var R;let x=(n==null?void 0:n(k))??k;return x=((R=w.addons)==null?void 0:R.call(w,x))??x,x},[w.addons,n]),y=(c=a.header)!=null&&c.translucent?ce:ae;return e.jsxs(I.PageProvider,{page:r,defaultLocale:i,currentLocale:s,children:[e.jsx(N.Global,{styles:N.css`
-          body {
-            background-color: ${g(!a.backgroundColor||a.backgroundColor==="transparent"?"background.default":a.backgroundColor)} !important;
-          }
-        `}),e.jsx(y,{hideNavMenu:!!((_=a.header)!=null&&_.hideNavMenus),translucentTextColor:(C=a.header)==null?void 0:C.translucentTextColor,...p?{logo:p}:{},...h?{brand:h}:{},...v?{description:v}:{},className:Z.cx(((T=a.header)==null?void 0:T.sticky)&&"sticky","page-header"),maxWidth:!1,addons:j}),e.jsx(P.ScrollRestoration,{}),e.jsxs(ye.Helmet,{children:[e.jsx("title",{children:l}),e.jsx("meta",{name:"og:title",content:l}),e.jsx("meta",{name:"og:description",content:f}),e.jsx("meta",{name:"og:image",content:d}),e.jsx("meta",{name:"twitter:image:src",content:d}),e.jsx("meta",{name:"twitter:image",content:d}),e.jsx("meta",{property:"twitter:description",content:f}),e.jsx("meta",{property:"twitter:title",content:l}),e.jsx("meta",{name:"description",content:f})]}),e.jsx(b.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:r.sectionIds.map(k=>{var D,O;const x=r.sections[k];if(!x||x.visibility==="hidden")return null;const R=(D=x.locales)==null?void 0:D[s],U=((O=x.locales)==null?void 0:O[i])??{};return e.jsx(I.BlockRenderer,{id:k,type:x.component,mode:t,section:x,config:{...Pe.default(R)?U:R,locale:s,dev:t==="draft"?{mode:t,components:o,defaultLocale:i}:{mode:t}}},k)})}),!((L=a.footer)!=null&&L.hidden)&&e.jsx(Se,{})]})}const Le=m.lazy(()=>Promise.resolve().then(()=>require("./publish-button-Cw_MfRfv.js"))),ae=ne.default(ve.default)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;function De({logo:t}){const[o,r]=m.useState(),s=b.useMediaQuery(n=>n.breakpoints.down("sm")),{value:i}=ee.useAsync(()=>{var a,l;const n=new URL(s?((a=window==null?void 0:window.blocklet)==null?void 0:a.appLogo)||"/.well-known/service/blocklet/logo":((l=window==null?void 0:window.blocklet)==null?void 0:l.appLogoRect)||"/.well-known/service/blocklet/logo-rect",window.location.origin);n.searchParams.delete("imageFilter"),n.searchParams.delete("f");const g=n.toString();return new Promise(f=>{fetch(g).then(d=>{const p=d.headers.get("content-type");p!=null&&p.includes("svg")&&d.text().then(h=>{r(h),f(null)}),f(d.url)})})},[s]);if(t)return t;if(o)return e.jsx(b.Box,{sx:{filter:"initial !important"},dangerouslySetInnerHTML:{__html:we.default.sanitize(o)}});if(i){const n=new URL(i);n.searchParams.set("imageFilter","convert"),n.searchParams.set("f","png"),n.searchParams.set("h","80");const g=n.toString();return e.jsx("img",{src:g,alt:"logo"})}return null}function ce({logo:t,translucentTextColor:o,...r}){const{top:s=0}=G.useScroll(()=>document.getElementById("app"))||{},i=b.useTheme();let n=Math.min(s/800,1),g="";return n>.1?(n=Math.max(n,.6),g=b.alpha(i.palette.text.primary,n)):g=o||"#EEEEEE",e.jsx(ae,{logo:e.jsx(De,{logo:t}),...r,className:Z.cx(n<=.7&&"reverse-color"),style:{backgroundColor:b.alpha(i.palette.background.default,n),"--logo-invert":n<=.7?1-n/6:1-n},sx:{backdropFilter:n>=.6?"blur(10px)":"blur(0px)",transition:"all 0.3s ease",position:"fixed !important",left:0,top:0,right:0,bgcolor:"transparent","&.reverse-color":{".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button":{color:`${g} !important`}},"& .navmenu--horizontal":{bgcolor:"transparent !important"},".header-logo > div":{filter:"invert(var(--logo-invert))"},".header-logo":{color:g}}})}const ie=ne.default(b.Button)``;exports.Home=Me;exports.HomeView=re;exports.Loading=se;exports.PageRoutes=A;exports.PageView=F;exports.PageViewByPath=Te;exports.PageViewWithDataSource=z;exports.TranslucentHeader=ce;