@blocklet/pages-kit-inner-components 0.5.47 → 0.5.49

package/lib/es/setting.js

@@ -1,51 +1,52 @@
 import { jsx as r, jsxs as O, Fragment as q } from "react/jsx-runtime";
-import { t as ge, g as We, b as ae, E as ur, n as Ke, h as Pe } from "./chunks/state-COB6reM7.js";
-import pe from "@arcblock/ux/lib/Empty";
+import { t as ge, g as We, b as pe, E as ur, h as Pe } from "./chunks/state-l--dTdHq.js";
+import te from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as ke } from "@blocklet/code-editor";
 import ar from "@mui/icons-material/AddRounded";
 import pr from "@mui/icons-material/ArrowDownward";
 import mr from "@mui/icons-material/ArrowUpward";
 import fr from "@mui/icons-material/DeleteOutline";
-import { Typography as W, TextField as R, Stack as j, FormLabel as se, Box as N, TableContainer as hr, Paper as te, Table as Me, TableHead as Fe, TableRow as ce, TableCell as de, TableBody as Je, Button as A, IconButton as ie, InputAdornment as ne, alpha as fe, Tooltip as Y, buttonClasses as br, Dialog as we, DialogTitle as _e, DialogContent as $e, DialogActions as He, FormControlLabel as Ge, Checkbox as yr, Autocomplete as Le, Switch as vr, MenuItem as he, Collapse as xr, Divider as gr, Popper as Pr } from "@mui/material";
+import { Typography as W, TextField as R, Stack as j, FormLabel as ce, Box as N, TableContainer as hr, Paper as ie, Table as Ke, TableHead as Me, TableRow as de, TableCell as ue, TableBody as Fe, Button as A, IconButton as ne, InputAdornment as le, alpha as fe, Tooltip as Y, buttonClasses as br, Dialog as we, DialogTitle as Je, DialogContent as _e, DialogActions as $e, FormControlLabel as He, Checkbox as yr, Autocomplete as Ge, Switch as vr, MenuItem as he, Collapse as xr, Divider as gr, Popper as Pr } from "@mui/material";
 import U from "lodash/sortBy";
 import { useCallback as D, useMemo as re, useRef as H, useId as kr, useEffect as _, useState as G } from "react";
-import { useUpdate as Ye } from "react-use";
+import { useUpdate as Le } from "react-use";
 import { ColorItem as wr, ConfigColorDialog as Sr } from "@blocklet/pages-kit/builtin/color-picker";
-import { C as Ir } from "./chunks/config-string-Dw6sJMn_.js";
+import { C as Ir } from "./chunks/config-string-WMpFf-7V.js";
 import J from "lodash/isEmpty";
-import qe from "lodash/set";
+import Ye from "lodash/set";
 import * as be from "yaml";
-import { UploaderButton as Qe, UploaderProvider as me, useUploader as Or, getImageSize as Cr, getVideoSize as Nr } from "@blocklet/pages-kit/builtin/uploader";
+import { UploaderButton as qe, UploaderProvider as me, useUploader as Or, getImageSize as Cr, getVideoSize as Nr } from "@blocklet/pages-kit/builtin/uploader";
 import jr from "lodash/cloneDeep";
 import ye from "@arcblock/ux/lib/Toast";
-import { CustomComponentRenderer as Xe, transpileAndLoadScript as zr, getPropertiesFromCode as Rr } from "@blocklet/pages-kit/components";
+import { CustomComponentRenderer as Qe, transpileAndLoadScript as zr, getPropertiesFromCode as Rr } from "@blocklet/pages-kit/components";
 import { parsePropertyValue as Vr } from "@blocklet/pages-kit/utils/property";
 import { unstable_useNumberInput as Er, ClickAwayListener as Tr } from "@mui/base";
-import { VisibilityOffRounded as Ar, VisibilityRounded as Dr, DeleteOutlineRounded as Wr, DragIndicatorRounded as Ur, TranslateRounded as Ze, AddRounded as er, InfoRounded as rr, PsychologyAlt as Br, StarRounded as Kr, SettingsRounded as tr } from "@mui/icons-material";
-import { getYjsValue as le } from "@syncedstore/core";
+import { VisibilityOffRounded as Ar, VisibilityRounded as Dr, DeleteOutlineRounded as Wr, DragIndicatorRounded as Ur, TranslateRounded as Xe, AddRounded as Ze, InfoRounded as er, PsychologyAlt as Br, StarRounded as Kr, SettingsRounded as rr } from "@mui/icons-material";
+import { getYjsValue as oe } from "@syncedstore/core";
 import { useUpdate as Mr, useReactive as Fr } from "ahooks";
 import Jr from "lodash/assign";
 import _r from "lodash/get";
 import $r from "lodash/has";
 import Hr from "lodash/isEqual";
-import ue from "lodash/isNil";
+import ae from "lodash/isNil";
 import Gr from "lodash/isObject";
 import Lr from "lodash/keyBy";
 import Yr from "lodash/omit";
 import qr from "lodash/pick";
 import Qr from "lodash/reduce";
-import { usePopupState as Se, bindTrigger as Ie, bindDialog as ir, bindPopper as Xr } from "material-ui-popup-state/hooks";
+import { usePopupState as Se, bindTrigger as Ie, bindDialog as tr, bindPopper as Xr } from "material-ui-popup-state/hooks";
 import { ErrorBoundary as Zr } from "react-error-boundary";
 import { cx as et } from "@emotion/css";
-import { useDrop as nr, useDrag as rt } from "react-dnd";
+import { useDrop as ir, useDrag as rt } from "react-dnd";
+import { nextId as nr } from "@blocklet/pages-kit/utils/common";
 function tt({
   onClick: e,
   disabled: t,
   sx: i,
   ...n
 }) {
-  return /* @__PURE__ */ r(ie, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(fr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(ne, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(fr, { fontSize: "small" }) });
 }
 function it({
   onClick: e,
@@ -53,7 +54,7 @@ function it({
   sx: i,
   ...n
 }) {
-  return /* @__PURE__ */ r(ie, { size: "small", color: "primary", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(mr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(ne, { size: "small", color: "primary", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(mr, { fontSize: "small" }) });
 }
 function nt({
   onClick: e,
@@ -61,7 +62,7 @@ function nt({
   sx: i,
   ...n
 }) {
-  return /* @__PURE__ */ r(ie, { size: "small", color: "primary", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(pr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(ne, { size: "small", color: "primary", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(pr, { fontSize: "small" }) });
 }
 function lt({
   label: e,
@@ -74,7 +75,7 @@ function lt({
   renderItem: w,
   ...P
 }) {
-  const { t: b, locale: g } = V(), v = Ye(), l = D(
+  const { t: b, locale: g } = V(), v = Le(), l = D(
     (a) => {
       i(ge(a, p.type));
     },
@@ -208,9 +209,9 @@ function lt({
     c.length
   ]);
   return y ? /* @__PURE__ */ O(j, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ r(se, { children: e }),
-    c.length > 0 ? /* @__PURE__ */ r(hr, { component: te, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ O(
-      Me,
+    e && /* @__PURE__ */ r(ce, { children: e }),
+    c.length > 0 ? /* @__PURE__ */ r(hr, { component: ie, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ O(
+      Ke,
       {
         size: "small",
         sx: {
@@ -227,8 +228,8 @@ function lt({
           borderCollapse: "collapse"
         },
         children: [
-          /* @__PURE__ */ r(Fe, { sx: { display: "none" }, children: /* @__PURE__ */ r(ce, { children: I.map((a) => /* @__PURE__ */ r(
-            de,
+          /* @__PURE__ */ r(Me, { sx: { display: "none" }, children: /* @__PURE__ */ r(de, { children: I.map((a) => /* @__PURE__ */ r(
+            ue,
             {
               width: a.width,
               align: a.align || "left",
@@ -237,8 +238,8 @@ function lt({
             },
             a.field
           )) }) }),
-          /* @__PURE__ */ r(Je, { children: c.map((a, S, C) => /* @__PURE__ */ r(
-            ce,
+          /* @__PURE__ */ r(Fe, { children: c.map((a, S, C) => /* @__PURE__ */ r(
+            de,
             {
               sx: {
                 borderBottom: S < C.length - 1 ? "1px solid" : "none",
@@ -248,7 +249,7 @@ function lt({
                 }
               },
               children: I.map((z) => /* @__PURE__ */ r(
-                de,
+                ue,
                 {
                   width: z.width,
                   align: z.align || "left",
@@ -268,7 +269,7 @@ function lt({
           )) })
         ]
       }
-    ) }) : /* @__PURE__ */ r(pe, { style: { fontSize: 12, height: x }, children: b("maker.properties.arrayEmpty") }),
+    ) }) : /* @__PURE__ */ r(te, { style: { fontSize: 12, height: x }, children: b("maker.properties.arrayEmpty") }),
     /* @__PURE__ */ r(
       A,
       {
@@ -282,7 +283,7 @@ function lt({
       }
     )
   ] }) : /* @__PURE__ */ O(j, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ r(se, { children: e }),
+    e && /* @__PURE__ */ r(ce, { children: e }),
     /* @__PURE__ */ r(N, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ r(
       ke,
       {
@@ -314,7 +315,7 @@ function ot({
         value: e,
         onChange: t,
         InputProps: {
-          endAdornment: /* @__PURE__ */ r(ne, { position: "end", children: /* @__PURE__ */ r(
+          endAdornment: /* @__PURE__ */ r(le, { position: "end", children: /* @__PURE__ */ r(
             wr,
             {
               color: e ?? "",
@@ -356,7 +357,7 @@ function st({
       (c) => c.data.visible !== !1 && c.data.key
     );
     return /* @__PURE__ */ O(j, { width: "100%", children: [
-      /* @__PURE__ */ r(se, { sx: { px: 0.25, py: 0.5 }, children: e }),
+      /* @__PURE__ */ r(ce, { sx: { px: 0.25, py: 0.5 }, children: e }),
       /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(N, { sx: { position: "relative" }, children: l.map((c, s) => {
         const { data: u } = c, d = u.key ?? u.id, k = s === l.length - 1;
         let o = null;
@@ -374,7 +375,7 @@ function st({
               } catch {
               }
             else typeof t == "object" && t !== null && (I = { ...t });
-            qe(I, d, y);
+            Ye(I, d, y);
             const a = ge(I, n.type);
             i == null || i(a);
           } catch (I) {
@@ -483,7 +484,7 @@ function st({
       },
       children: [
         /* @__PURE__ */ r(
-          se,
+          ce,
           {
             sx: {
               position: "absolute",
@@ -563,7 +564,7 @@ function lr({
   _(() => {
     b(w);
   }, [w.join("-")]);
-  const [{ isOver: v }, l] = nr({
+  const [{ isOver: v }, l] = ir({
     accept: x,
     collect: (c) => ({
       isOver: c.isOver()
@@ -576,7 +577,7 @@ function lr({
           const o = t[d];
           o && (o.index = k);
         });
-      }, s = (u = le(t)) == null ? void 0 : u.doc;
+      }, s = (u = oe(t)) == null ? void 0 : u.doc;
       s ? s.transact(() => {
         c();
       }) : c();
@@ -615,7 +616,7 @@ function dt({
     item: () => ({ id: t }),
     canDrag: () => !e,
     collect: (l) => ({ isDragging: l.isDragging() })
-  }), [, v] = nr({
+  }), [, v] = ir({
     accept: n,
     canDrop: () => !e,
     hover(l, c) {
@@ -824,7 +825,7 @@ function mt({
     }
   }, u = (d, k = [], o = !0) => {
     if (!d || J(d))
-      return null;
+      return /* @__PURE__ */ r(te, { children: b("maker.properties.noProperties") });
     const h = U(Object.entries(d), ([, m]) => m.displayName);
     return /* @__PURE__ */ r(j, { spacing: 1.5, children: h.map(([m, y], I) => {
       const a = [...k, m], S = I === h.length - 1, C = y.subProperties && !J(y.subProperties), z = y.displayName || m, E = !o;
@@ -893,7 +894,7 @@ function mt({
               width: "100%",
               children: [
                 /* @__PURE__ */ r(
-                  Ge,
+                  He,
                   {
                     control: /* @__PURE__ */ r(
                       yr,
@@ -946,12 +947,12 @@ function mt({
     }) });
   };
   return /* @__PURE__ */ O(we, { open: e, onClose: l, maxWidth: "lg", fullWidth: !0, children: [
-    /* @__PURE__ */ r(_e, { children: w || b("maker.properties.llmConfigTitle") }),
-    /* @__PURE__ */ r($e, { children: /* @__PURE__ */ r(N, { my: 3, children: P ? /* @__PURE__ */ r(W, { children: b("maker.properties.loading") }) : n ? g ? /* @__PURE__ */ O(j, { spacing: 3, children: [
+    /* @__PURE__ */ r(Je, { children: w || b("maker.properties.llmConfigTitle") }),
+    /* @__PURE__ */ r(_e, { children: /* @__PURE__ */ r(N, { my: 3, children: P ? /* @__PURE__ */ r(W, { children: b("maker.properties.loading") }) : n ? g ? /* @__PURE__ */ O(j, { spacing: 3, children: [
       /* @__PURE__ */ r(W, { variant: "subtitle2", children: b("maker.properties.llmConfigInstructions") }),
       u(g.properties)
     ] }) : /* @__PURE__ */ r(W, { children: b("maker.properties.loading") }) : /* @__PURE__ */ r(W, { color: "error", children: b("maker.properties.componentNotFound") }) }) }),
-    /* @__PURE__ */ O(He, { children: [
+    /* @__PURE__ */ O($e, { children: [
       /* @__PURE__ */ r(A, { onClick: l, children: b("common.cancel") }),
       /* @__PURE__ */ r(A, { variant: "contained", onClick: c, disabled: !g || P, children: b("common.confirm") })
     ] })
@@ -975,8 +976,8 @@ function ft({
           sx: {
             pr: 0
           },
-          endAdornment: /* @__PURE__ */ r(ne, { position: "end", children: /* @__PURE__ */ r(
-            Qe,
+          endAdornment: /* @__PURE__ */ r(le, { position: "end", children: /* @__PURE__ */ r(
+            qe,
             {
               onChange: ({ response: x }) => {
                 var w;
@@ -1024,20 +1025,20 @@ const ht = [
   { value: "component", label: "Component" },
   { value: "custom", label: "Custom (Render by a Component)" }
 ];
-function oe(e, t, i) {
+function se(e, t, i) {
   return !e || !i ? !1 : Object.values(e).some(({ data: n }) => n.id !== t && n.key === i);
 }
 function xe(e, t) {
   var i;
   return !e || !t ? !1 : ((i = e[t]) == null ? void 0 : i.data.visible) ?? !0;
 }
-function hi({ componentId: e }) {
-  const { state: { components: t } } = ae(), i = t[e], n = i == null ? void 0 : i.data;
+function bi({ componentId: e }) {
+  const { state: { components: t } } = pe(), i = t[e], n = i == null ? void 0 : i.data;
   return n ? /* @__PURE__ */ r(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ r(N, { p: 2, children: /* @__PURE__ */ r(Zr, { FallbackComponent: ur, resetKeys: [e], children: /* @__PURE__ */ r(bt, { value: n, componentId: e }) }) }) }) : null;
 }
 function bt({ value: e, componentId: t }) {
   var v, l, c;
-  const { t: i } = V(), { localState: { currentLocale: n, customComponentPreviewerProperties: f }, state: { config: { defaultLocale: x } }, localActions: { setCustomComponentPreviewerProperties: p } } = ae(), w = le(e).doc, P = Pe(), b = re(() => (f == null ? void 0 : f[t]) ?? {}, [t, f]), g = Fr({
+  const { t: i } = V(), { localState: { currentLocale: n, customComponentPreviewerProperties: f }, state: { config: { defaultLocale: x } }, localActions: { setCustomComponentPreviewerProperties: p } } = pe(), w = oe(e).doc, P = Pe(), b = re(() => (f == null ? void 0 : f[t]) ?? {}, [t, f]), g = Fr({
     componentId: t,
     propertiesValue: {
       ...b
@@ -1139,10 +1140,10 @@ function yt({ config: e }) {
       value: e.description || "",
       onChange: (i) => e.description = i.target.value,
       InputProps: {
-        endAdornment: /* @__PURE__ */ r(ne, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ r(Nt, { config: e }) })
+        endAdornment: /* @__PURE__ */ r(le, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ r(Nt, { config: e }) })
       }
     }),
-    /* @__PURE__ */ r(Le, {
+    /* @__PURE__ */ r(Ge, {
       size: "small",
       options: [],
       multiple: !0,
@@ -1193,13 +1194,13 @@ function sr({ data: e, params: t, visible: i, config: n, currentLocale: f, defau
           width: "calc(100% - 80px - 8px)",
           flex: 1,
           "& .MuiOutlinedInput-root": {
-            borderColor: e.key ? oe(n.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
+            borderColor: e.key ? se(n.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
           },
           "& .MuiFormLabel-root": {
-            color: e.key ? oe(n.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
+            color: e.key ? se(n.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
           },
           "& .MuiFormLabel-root.Mui-focused": {
-            color: e.key ? oe(n.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
+            color: e.key ? se(n.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
           }
         },
         value: e.key || "",
@@ -1210,13 +1211,13 @@ function sr({ data: e, params: t, visible: i, config: n, currentLocale: f, defau
           });
         },
         InputProps: {
-          endAdornment: !e.key || e.key && oe(n.properties, e.id, e.key) ? /* @__PURE__ */ r(ne, {
+          endAdornment: !e.key || e.key && se(n.properties, e.id, e.key) ? /* @__PURE__ */ r(le, {
             position: "end",
             sx: {
               width: 16,
               ml: 0
             },
-            children: /* @__PURE__ */ r(Y, { title: e.key ? P("duplicateKey") : P("requiredKey"), children: /* @__PURE__ */ r(rr, {
+            children: /* @__PURE__ */ r(Y, { title: e.key ? P("duplicateKey") : P("requiredKey"), children: /* @__PURE__ */ r(er, {
               sx: {
                 color: e.key ? "warning.main" : "error.main",
                 fontSize: 16
@@ -1275,7 +1276,7 @@ function sr({ data: e, params: t, visible: i, config: n, currentLocale: f, defau
               if (k != null && k.forceUpdateProperty) {
                 const y = ve(h), I = ve(d);
                 Object.keys(I).forEach((a) => {
-                  y[a] || qe(h, a, I[a]);
+                  y[a] || Ye(h, a, I[a]);
                 });
               } else
                 h.locales ?? (h.locales = {}), (m = h.locales)[f] ?? (m[f] = {}), h.locales[f].defaultValue = d;
@@ -1307,7 +1308,7 @@ function xt({ config: e, currentLocale: t, defaultLocale: i, allComponents: n, o
     /* @__PURE__ */ O(j, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
       /* @__PURE__ */ r(W, { variant: "subtitle1", children: p("properties") }),
       /* @__PURE__ */ r(N, { flex: 1 }),
-      x && /* @__PURE__ */ r(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(w), children: /* @__PURE__ */ r(Ze, { fontSize: "small" }) })
+      x && /* @__PURE__ */ r(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(w), children: /* @__PURE__ */ r(Xe, { fontSize: "small" }) })
     ] }),
     e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ r(lr, {
       component: j,
@@ -1315,7 +1316,7 @@ function xt({ config: e, currentLocale: t, defaultLocale: i, allComponents: n, o
       list: e.properties,
       renderItem: (b, g, v) => {
         const l = xe(e.properties, b.id);
-        return /* @__PURE__ */ r(te, {
+        return /* @__PURE__ */ r(ie, {
           elevation: 0,
           className: "property-container",
           sx: {
@@ -1336,7 +1337,7 @@ function xt({ config: e, currentLocale: t, defaultLocale: i, allComponents: n, o
           }) })
         }, b.id);
       }
-    }) : /* @__PURE__ */ r(pe, { style: { fontSize: 12 }, children: p("maker.properties.noProperties") }),
+    }) : /* @__PURE__ */ r(te, { style: { fontSize: 12 }, children: p("maker.properties.noProperties") }),
     /* @__PURE__ */ r(A, {
       fullWidth: !0,
       variant: "outlined",
@@ -1344,21 +1345,21 @@ function xt({ config: e, currentLocale: t, defaultLocale: i, allComponents: n, o
       onClick: () => {
         f((b) => {
           var v;
-          const g = Ke();
+          const g = nr();
           b.properties ?? (b.properties = {}), (v = b.properties)[g] ?? (v[g] = { index: (P == null ? void 0 : P.length) || 0, data: { id: g } });
         });
       },
-      startIcon: /* @__PURE__ */ r(er, {}),
+      startIcon: /* @__PURE__ */ r(Ze, {}),
       children: p("addObject", { object: p("property") })
     }),
-    x && /* @__PURE__ */ r(cr, { ...ir(w), component: e })
+    x && /* @__PURE__ */ r(cr, { ...tr(w), component: e })
   ] }) });
 }
 function gt({ property: e, allComponents: t }) {
   const i = Se({ variant: "popper" });
   return /* @__PURE__ */ O(q, { children: [
-    /* @__PURE__ */ r(A, { sx: { minWidth: 0 }, ...Ie(i), children: /* @__PURE__ */ r(tr, { fontSize: "small" }) }),
-    /* @__PURE__ */ r(Pr, { ...Xr(i), children: /* @__PURE__ */ r(Tr, { onClickAway: i.close, children: /* @__PURE__ */ r(te, { children: /* @__PURE__ */ r(N, { width: 500, p: 2, children: /* @__PURE__ */ r(Oe, {
+    /* @__PURE__ */ r(A, { sx: { minWidth: 0 }, ...Ie(i), children: /* @__PURE__ */ r(rr, { fontSize: "small" }) }),
+    /* @__PURE__ */ r(Pr, { ...Xr(i), children: /* @__PURE__ */ r(Tr, { onClickAway: i.close, children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(N, { width: 500, p: 2, children: /* @__PURE__ */ r(Oe, {
       value: e.componentId,
       onChange: (n, f) => e.componentId = f,
       allComponents: t
@@ -1369,15 +1370,15 @@ function Pt({ value: e, valueImmutable: t, onChange: i, defaultLocale: n, allCom
   var g;
   const [x, p] = G(!1), { t: w, locale: P } = V(), b = typeof (e == null ? void 0 : e.componentId) == "string" ? (g = f[e.componentId]) == null ? void 0 : g.data : void 0;
   return b ? /* @__PURE__ */ O(N, { sx: { width: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ r(ie, {
+    /* @__PURE__ */ r(ne, {
       sx: { minWidth: 0 },
       disabled: !b,
       size: "small",
       onClick: () => p(!x),
       color: x ? "primary" : "default",
-      children: /* @__PURE__ */ r(tr, { fontSize: "small" })
+      children: /* @__PURE__ */ r(rr, { fontSize: "small" })
     }),
-    x && /* @__PURE__ */ r(xr, { in: x, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(te, {
+    x && /* @__PURE__ */ r(xr, { in: x, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(ie, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1406,17 +1407,17 @@ function Pt({ value: e, valueImmutable: t, onChange: i, defaultLocale: n, allCom
 }
 function cr({ type: e = "properties", component: t, ...i }) {
   var v, l, c;
-  const { t: n } = V(), { state: { components: f, supportedLocales: x, config: { defaultLocale: p } } } = ae(), w = Pe(), P = le(t).doc, b = e === "properties" ? t.properties : e === "parameters" && ((v = t.renderer) == null ? void 0 : v.type) === "component" ? (l = f[t.renderer.componentId]) == null ? void 0 : l.data.properties : void 0, g = ((c = t.renderer) == null ? void 0 : c.type) === "component" ? t : void 0;
+  const { t: n } = V(), { state: { components: f, supportedLocales: x, config: { defaultLocale: p } } } = pe(), w = Pe(), P = oe(t).doc, b = e === "properties" ? t.properties : e === "parameters" && ((v = t.renderer) == null ? void 0 : v.type) === "component" ? (l = f[t.renderer.componentId]) == null ? void 0 : l.data.properties : void 0, g = ((c = t.renderer) == null ? void 0 : c.type) === "component" ? t : void 0;
   return /* @__PURE__ */ O(we, { ...i, fullWidth: !0, maxWidth: "lg", children: [
-    /* @__PURE__ */ r(_e, { children: n("i18nEditorTitle") }),
-    /* @__PURE__ */ r($e, { children: b && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ O(Me, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ r(Fe, { children: /* @__PURE__ */ r(ce, { children: x.map(({ locale: s, name: u }) => /* @__PURE__ */ r(de, { children: /* @__PURE__ */ O(W, { color: "text.primary", children: [
+    /* @__PURE__ */ r(Je, { children: n("i18nEditorTitle") }),
+    /* @__PURE__ */ r(_e, { children: b && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ O(Ke, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ r(Me, { children: /* @__PURE__ */ r(de, { children: x.map(({ locale: s, name: u }) => /* @__PURE__ */ r(ue, { children: /* @__PURE__ */ O(W, { color: "text.primary", children: [
         u,
         p === s && /* @__PURE__ */ r(Kr, { sx: { fontSize: 12 } })
       ] }) }, s)) }) }),
-      /* @__PURE__ */ r(Je, { children: U(Object.values(b), "index").map(({ data: s }) => /* @__PURE__ */ r(ce, { children: x.map(({ locale: u }) => {
+      /* @__PURE__ */ r(Fe, { children: U(Object.values(b), "index").map(({ data: s }) => /* @__PURE__ */ r(de, { children: x.map(({ locale: u }) => {
         var d, k, o, h, m, y, I, a, S, C, z, E, T, B, K, M, Q, X, Z, ee, Ce, Ne, je, ze, Re, Ve;
-        return /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(q, { children: [
+        return /* @__PURE__ */ r(ue, { children: /* @__PURE__ */ r(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(q, { children: [
           /* @__PURE__ */ r(R, {
             size: "small",
             label: "Key",
@@ -1446,7 +1447,7 @@ function cr({ type: e = "properties", component: t, ...i }) {
             size: "small",
             fullWidth: !0,
             label: "Default Value",
-            valueImmutable: ue((y = (m = s.locales) == null ? void 0 : m[u]) == null ? void 0 : y.defaultValue),
+            valueImmutable: ae((y = (m = s.locales) == null ? void 0 : m[u]) == null ? void 0 : y.defaultValue),
             value: ((a = (I = s.locales) == null ? void 0 : I[u]) == null ? void 0 : a.defaultValue) ?? ((C = (S = s.locales) == null ? void 0 : S[p]) == null ? void 0 : C.defaultValue),
             onChange: ($) => {
               P.transact(() => {
@@ -1462,7 +1463,7 @@ function cr({ type: e = "properties", component: t, ...i }) {
           property: s,
           size: "small",
           fullWidth: !0,
-          valueImmutable: ue((B = (T = (E = (z = g.renderer.properties) == null ? void 0 : z[s.id]) == null ? void 0 : E.locales) == null ? void 0 : T[u]) == null ? void 0 : B.value),
+          valueImmutable: ae((B = (T = (E = (z = g.renderer.properties) == null ? void 0 : z[s.id]) == null ? void 0 : E.locales) == null ? void 0 : T[u]) == null ? void 0 : B.value),
           value: ((X = (Q = (M = (K = g.renderer.properties) == null ? void 0 : K[s.id]) == null ? void 0 : M.locales) == null ? void 0 : Q[u]) == null ? void 0 : X.value) ?? ((Ne = (Ce = (ee = (Z = g.renderer.properties) == null ? void 0 : Z[s.id]) == null ? void 0 : ee.locales) == null ? void 0 : Ce[p]) == null ? void 0 : Ne.value) ?? ((ze = (je = s.locales) == null ? void 0 : je[u]) == null ? void 0 : ze.defaultValue) ?? ((Ve = (Re = s.locales) == null ? void 0 : Re[p]) == null ? void 0 : Ve.defaultValue),
           onChange: ($) => {
             P.transact(() => {
@@ -1473,7 +1474,7 @@ function cr({ type: e = "properties", component: t, ...i }) {
         }) }) : null }, s.id) }, u);
       }) }, s.id)) })
     ] }) }) }),
-    /* @__PURE__ */ r(He, { children: /* @__PURE__ */ r(A, { onClick: (s) => {
+    /* @__PURE__ */ r($e, { children: /* @__PURE__ */ r(A, { onClick: (s) => {
       var u;
       return (u = i.onClose) == null ? void 0 : u.call(i, s, "escapeKeyDown");
     }, children: n("close") }) })
@@ -1534,7 +1535,7 @@ function kt({ property: e, onChange: t, defaultLocale: i, allComponents: n }) {
       list: e.subProperties,
       renderItem: (b, g, v) => {
         const l = b.visible !== !1;
-        return /* @__PURE__ */ r(te, {
+        return /* @__PURE__ */ r(ie, {
           elevation: 0,
           className: "property-container",
           sx: {
@@ -1569,16 +1570,16 @@ function kt({ property: e, onChange: t, defaultLocale: i, allComponents: n }) {
           }) })
         }, b.id);
       }
-    }) : /* @__PURE__ */ r(pe, { style: { fontSize: 12, height: 100 }, children: f("maker.properties.noSubProperties") }),
+    }) : /* @__PURE__ */ r(te, { style: { fontSize: 12, height: 100 }, children: f("maker.properties.noSubProperties") }),
     /* @__PURE__ */ r(A, {
       fullWidth: !0,
       variant: "outlined",
       className: "ignore-style-override",
       size: "small",
-      startIcon: /* @__PURE__ */ r(er, {}),
+      startIcon: /* @__PURE__ */ r(Ze, {}),
       onClick: () => {
         try {
-          const b = e.subProperties || {}, g = Ke(), l = {
+          const b = e.subProperties || {}, g = nr(), l = {
             index: Object.values(b).length,
             data: {
               id: g,
@@ -1654,7 +1655,7 @@ function L({ component: e, property: t, value: i, onChange: n, valueImmutable: f
       }
     });
   if (t.type === "boolean")
-    return /* @__PURE__ */ r(Ge, {
+    return /* @__PURE__ */ r(He, {
       label: l,
       labelPlacement: "start",
       control: /* @__PURE__ */ r(vr, { checked: i === !0, onChange: (o, h) => n == null ? void 0 : n(h) })
@@ -1685,7 +1686,7 @@ function L({ component: e, property: t, value: i, onChange: n, valueImmutable: f
     });
   if (t.type === "custom") {
     const o = (k = p[t.componentId]) == null ? void 0 : k.data;
-    return o ? /* @__PURE__ */ r(N, { width: "100%", children: /* @__PURE__ */ r(Xe, {
+    return o ? /* @__PURE__ */ r(N, { width: "100%", children: /* @__PURE__ */ r(Qe, {
       componentId: o.id,
       props: { label: l, value: i, onChange: n },
       locale: P,
@@ -1730,7 +1731,7 @@ function L({ component: e, property: t, value: i, onChange: n, valueImmutable: f
         sx: {
           pr: 0
         },
-        endAdornment: /* @__PURE__ */ O(ne, {
+        endAdornment: /* @__PURE__ */ O(le, {
           position: "end",
           sx: {
             display: "flex",
@@ -1738,7 +1739,7 @@ function L({ component: e, property: t, value: i, onChange: n, valueImmutable: f
             justifyContent: "center"
           },
           children: [
-            /* @__PURE__ */ r(Qe, {
+            /* @__PURE__ */ r(qe, {
               onChange: async ({ response: m }) => {
                 var S, C, z;
                 const y = ((S = m == null ? void 0 : m.data) == null ? void 0 : S.url) || ((C = m == null ? void 0 : m.data) == null ? void 0 : C.fileUrl);
@@ -1754,7 +1755,7 @@ function L({ component: e, property: t, value: i, onChange: n, valueImmutable: f
                 });
               }
             }),
-            /* @__PURE__ */ r(Y, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ r(rr, { sx: { cursor: "default", mr: 1 }, fontSize: "small" }) })
+            /* @__PURE__ */ r(Y, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ r(er, { sx: { cursor: "default", mr: 1 }, fontSize: "small" }) })
           ]
         })
       } : void 0
@@ -1796,7 +1797,7 @@ export default function () {
 }`, It = `console.log('hello')
 `;
 function Ot({ value: e }) {
-  const { locale: t } = V(), i = Ye(), n = le(e).doc;
+  const { locale: t } = V(), i = Le(), n = oe(e).doc;
   return _(() => {
     var f;
     (f = e.renderer) != null && f.script || (n.transact(() => {
@@ -1816,7 +1817,7 @@ function Ot({ value: e }) {
 }
 function Ct({ value: e }) {
   var g, v, l;
-  const { t } = V(), i = le(e).doc, { state: { components: n, config: { defaultLocale: f }, resources: x }, localState: { currentLocale: p } } = ae(), w = Pe(), P = ((g = n[e.renderer.componentId]) == null ? void 0 : g.data) ?? ((l = (v = x.components) == null ? void 0 : v[e.renderer.componentId]) == null ? void 0 : l.component), b = Se({ variant: "dialog" });
+  const { t } = V(), i = oe(e).doc, { state: { components: n, config: { defaultLocale: f }, resources: x }, localState: { currentLocale: p } } = pe(), w = Pe(), P = ((g = n[e.renderer.componentId]) == null ? void 0 : g.data) ?? ((l = (v = x.components) == null ? void 0 : v[e.renderer.componentId]) == null ? void 0 : l.component), b = Se({ variant: "dialog" });
   return /* @__PURE__ */ r(me, { children: /* @__PURE__ */ O(j, { gap: 1, children: [
     /* @__PURE__ */ r(Oe, {
       allComponents: w,
@@ -1827,7 +1828,7 @@ function Ct({ value: e }) {
     P && /* @__PURE__ */ O(q, { children: [
       /* @__PURE__ */ O(j, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ r(W, { variant: "subtitle2", children: t("parameters") }),
-        /* @__PURE__ */ r(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(b), children: /* @__PURE__ */ r(Ze, { fontSize: "small" }) })
+        /* @__PURE__ */ r(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(b), children: /* @__PURE__ */ r(Xe, { fontSize: "small" }) })
       ] }),
       P.properties && U(Object.values(P.properties), "index").map(({ data: c }) => {
         var s, u, d, k, o, h, m, y, I, a, S, C, z, E, T, B;
@@ -1838,7 +1839,7 @@ function Ct({ value: e }) {
           property: c,
           fullWidth: !0,
           size: "small",
-          valueImmutable: ue((k = (d = (u = (s = e.renderer.properties) == null ? void 0 : s[c.id]) == null ? void 0 : u.locales) == null ? void 0 : d[p]) == null ? void 0 : k.value),
+          valueImmutable: ae((k = (d = (u = (s = e.renderer.properties) == null ? void 0 : s[c.id]) == null ? void 0 : u.locales) == null ? void 0 : d[p]) == null ? void 0 : k.value),
           value: ((y = (m = (h = (o = e.renderer.properties) == null ? void 0 : o[c.id]) == null ? void 0 : h.locales) == null ? void 0 : m[p]) == null ? void 0 : y.value) ?? ((C = (S = (a = (I = e.renderer.properties) == null ? void 0 : I[c.id]) == null ? void 0 : a.locales) == null ? void 0 : S[f]) == null ? void 0 : C.value) ?? ((E = (z = c.locales) == null ? void 0 : z[p]) == null ? void 0 : E.defaultValue) ?? ((B = (T = c.locales) == null ? void 0 : T[f]) == null ? void 0 : B.defaultValue),
           onChange: (K) => {
             i.transact(() => {
@@ -1848,14 +1849,14 @@ function Ct({ value: e }) {
           }
         }) }, c.id);
       }),
-      /* @__PURE__ */ r(cr, { ...ir(b), component: e, type: "parameters" })
+      /* @__PURE__ */ r(cr, { ...tr(b), component: e, type: "parameters" })
     ] })
   ] }) });
 }
 function Oe({ label: e, options: t, excludes: i, value: n, onChange: f, allComponents: x, ...p }) {
   var g;
   const { t: w } = V(), P = t ?? U(Object.values(Yr(x, ...i ?? [])), "index").map((v) => v.data), b = (typeof n == "string" ? (g = x[n]) == null ? void 0 : g.data : void 0) ?? null;
-  return /* @__PURE__ */ r(Le, {
+  return /* @__PURE__ */ r(Ge, {
     ...p,
     size: "small",
     options: P,
@@ -1912,7 +1913,7 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: n,
   }, [JSON.stringify(P)]), s = l(), u = Lr(s, "key");
   return /* @__PURE__ */ r(me, { children: /* @__PURE__ */ O(j, { gap: 2, children: [
     /* @__PURE__ */ r(W, { variant: "subtitle1", children: w("maker.properties.parameters") }),
-    !e || c.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ r(pe, { style: { fontSize: 12 }, children: w("maker.properties.noParameters") }) : /* @__PURE__ */ O(q, { children: [
+    !e || c.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ r(te, { style: { fontSize: 12 }, children: w("maker.properties.noParameters") }) : /* @__PURE__ */ O(q, { children: [
       /* @__PURE__ */ r(j, { gap: 2, children: c.visibleProperties.map(({ data: d }) => {
         var k, o;
         return /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(L, {
@@ -1922,7 +1923,7 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: n,
           fullWidth: !0,
           component: e,
           property: d,
-          valueImmutable: ue((k = n == null ? void 0 : n[d.id]) == null ? void 0 : k.value),
+          valueImmutable: ae((k = n == null ? void 0 : n[d.id]) == null ? void 0 : k.value),
           value: (p == null ? void 0 : p[d.key || d.id]) ?? ((o = s[d.id]) == null ? void 0 : o.value),
           onChange: (h) => {
             x({
@@ -1936,7 +1937,7 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: n,
           }
         }) }, d.id);
       }) }),
-      /* @__PURE__ */ r(j, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ r(Xe, {
+      /* @__PURE__ */ r(j, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ r(Qe, {
         componentId: (e == null ? void 0 : e.id) || "",
         renderType: "setting",
         locale: f,
@@ -1985,7 +1986,7 @@ function Nt({ config: e }) {
     e.llmConfig = p;
   };
   return /* @__PURE__ */ O(q, { children: [
-    /* @__PURE__ */ r(Y, { title: t("maker.properties.configLLMDescription"), children: /* @__PURE__ */ r(ie, { color: "primary", onClick: () => f(!0), size: "small", children: /* @__PURE__ */ r(Br, {}) }) }),
+    /* @__PURE__ */ r(Y, { title: t("maker.properties.configLLMDescription"), children: /* @__PURE__ */ r(ne, { color: "primary", onClick: () => f(!0), size: "small", children: /* @__PURE__ */ r(Br, {}) }) }),
     n && /* @__PURE__ */ r(mt, {
       open: n,
       onClose: () => f(!1),
@@ -2001,7 +2002,7 @@ function Nt({ config: e }) {
 export {
   yt as BasicInfo,
   Oe as CustomComponentAutocomplete,
-  hi as CustomComponentSettings,
+  bi as CustomComponentSettings,
   St as DefaultReactComponentScriptTemplate,
   It as DefaultWebComponentScriptTemplate,
   dr as ParametersConfig,