@blocklet/pages-kit-inner-components 0.5.34 → 0.5.36

package/lib/es/setting.js

@@ -1,29 +1,29 @@
-import { jsx as t, jsxs as O, Fragment as X } from "react/jsx-runtime";
-import { t as ve, g as Te, b as ce, E as ot, n as Ke, h as xe } from "./chunks/state-NhsHvaKm.js";
+import { jsx as t, jsxs as O, Fragment as Z } from "react/jsx-runtime";
+import { t as ve, g as Te, b as ce, E as ot, n as Ke, h as xe } from "./chunks/state-Br2xp7Mf.js";
 import de from "@arcblock/ux/lib/Empty";
-import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
+import { useLocaleContext as D } from "@arcblock/ux/lib/Locale/context";
 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 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 { Typography as B, TextField as V, Stack as R, FormLabel as le, Box as j, TableContainer as at, Paper as ee, Table as Be, TableHead as Fe, TableRow as oe, TableCell as ne, TableBody as Je, Button as E, IconButton as ae, InputAdornment as we, 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 { useCallback as C, useMemo as Q, useRef as J, useId as gt, useEffect as M, useState as X } 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-Btybe5Rd.js";
-import we from "lodash/isEmpty";
+import { ColorItem as wt, ConfigColorDialog as Pt } from "@blocklet/pages-kit/builtin/color-picker";
+import { C as kt } from "./chunks/config-string-17RNX8vu.js";
+import Pe from "lodash/isEmpty";
 import He from "lodash/set";
 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 { UploaderButton as Ye, UploaderProvider as ue, useUploader as St, getImageSize as It, getVideoSize as Ot } from "@blocklet/pages-kit/builtin/uploader";
 import jt from "lodash/cloneDeep";
 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";
-import { VisibilityOffRounded as Dt, VisibilityRounded as Et, DeleteOutlineRounded as At, DragIndicatorRounded as Tt, TranslateRounded as Le, AddRounded as Ge, InfoRounded as Qe, StarRounded as Ut, SettingsRounded as Xe } from "@mui/icons-material";
-import { getYjsValue as ee } from "@syncedstore/core";
+import { unstable_useNumberInput as Vt, ClickAwayListener as Dt } from "@mui/base";
+import { VisibilityOffRounded as Ct, VisibilityRounded as Et, DeleteOutlineRounded as At, DragIndicatorRounded as Tt, TranslateRounded as Le, AddRounded as Ge, InfoRounded as Qe, StarRounded as Ut, SettingsRounded as Xe } from "@mui/icons-material";
+import { getYjsValue as te } from "@syncedstore/core";
 import { useUpdate as Wt, useReactive as Kt } from "ahooks";
 import Bt from "lodash/assign";
 import Ft from "lodash/get";
@@ -35,7 +35,7 @@ import _t from "lodash/keyBy";
 import Ht from "lodash/omit";
 import Yt from "lodash/pick";
 import qt from "lodash/reduce";
-import { usePopupState as ke, bindTrigger as Ie, bindDialog as Ze, bindPopper as Lt } from "material-ui-popup-state/hooks";
+import { usePopupState as ke, bindTrigger as Se, bindDialog as Ze, bindPopper as Lt } from "material-ui-popup-state/hooks";
 import { ErrorBoundary as Gt } from "react-error-boundary";
 import { cx as Qt } from "@emotion/css";
 import { useDrop as et, useDrag as Xt } from "react-dnd";
@@ -68,75 +68,75 @@ function rr({
   value: r,
   onChange: i,
   disabled: l = !1,
-  itemLabel: u = "",
+  itemLabel: p = "",
   emptyHeight: y = 40,
   property: a,
-  renderItem: x,
-  ...g
+  renderItem: g,
+  ...P
 }) {
-  const { t: b, locale: k } = C(), v = _e(), o = D(
-    (p) => {
-      i(ve(p, a.type));
+  const { t: b, locale: v } = D(), x = _e(), o = C(
+    (f) => {
+      i(ve(f, a.type));
     },
     [i, a.type]
-  ), n = ne(() => Array.isArray(r) ? r : [], [r]), s = D(() => {
-    const p = [...n, ""];
-    o(p), v();
-  }, [n, o, v]), d = D(() => {
+  ), s = Q(() => Array.isArray(r) ? r : [], [r]), n = C(() => {
+    const f = [...s, ""];
+    o(f), x();
+  }, [s, o, x]), d = C(() => {
     if (!a || !a.subProperties)
-      return s();
-    const p = {};
+      return n();
+    const f = {};
     A(Object.values(a.subProperties), "index").forEach(({ data: N }) => {
       var U, W;
       if (!N.key) return;
-      const T = ((W = (U = N.locales) == null ? void 0 : U[k]) == null ? void 0 : W.defaultValue) ?? "";
-      p[N.key] = T;
+      const T = ((W = (U = N.locales) == null ? void 0 : U[v]) == null ? void 0 : W.defaultValue) ?? "";
+      f[N.key] = T;
     });
-    const z = [...n, p];
-    o(z), v();
-  }, [n, o, v, a, k, s]), m = D(
-    (p) => {
+    const z = [...s, f];
+    o(z), x();
+  }, [s, o, x, a, v, n]), h = C(
+    (f) => {
       try {
-        const I = JSON.parse(p);
-        Array.isArray(I) ? o(I) : console.error("JSON解析结果不是数组");
-      } catch (I) {
-        console.error("JSON解析错误:", I);
+        const S = JSON.parse(f);
+        Array.isArray(S) ? o(S) : console.error("JSON解析结果不是数组");
+      } catch (S) {
+        console.error("JSON解析错误:", S);
       }
     },
     [o]
-  ), w = D(
-    (p) => {
-      const I = n.filter((z, N) => N !== p);
-      o(I), v();
+  ), w = C(
+    (f) => {
+      const S = s.filter((z, N) => N !== f);
+      o(S), x();
     },
-    [n, o, v]
-  ), c = D(
-    (p) => {
-      if (p <= 0) return;
-      const I = [...n], z = I[p];
-      I[p] = I[p - 1], I[p - 1] = z, o(I), v();
+    [s, o, x]
+  ), c = C(
+    (f) => {
+      if (f <= 0) return;
+      const S = [...s], z = S[f];
+      S[f] = S[f - 1], S[f - 1] = z, o(S), x();
     },
-    [n, o, v]
-  ), h = D(
-    (p) => {
-      if (p >= n.length - 1) return;
-      const I = [...n], z = I[p];
-      I[p] = I[p + 1], I[p + 1] = z, o(I), v();
+    [s, o, x]
+  ), m = C(
+    (f) => {
+      if (f >= s.length - 1) return;
+      const S = [...s], z = S[f];
+      S[f] = S[f + 1], S[f + 1] = z, o(S), x();
     },
-    [n, o, v]
-  ), f = D(
-    (p, I) => {
-      const z = [...n];
-      z[p] = I, o(z);
+    [s, o, x]
+  ), u = C(
+    (f, S) => {
+      const z = [...s];
+      z[f] = S, o(z);
     },
-    [n, o]
-  ), P = a && a.subProperties && Object.keys(a.subProperties).length > 0, S = ne(() => [
+    [s, o]
+  ), k = a && a.subProperties && Object.keys(a.subProperties).length > 0, I = Q(() => [
     {
       field: "index",
       headerName: "#",
       width: 40,
       align: "center",
-      renderCell: ({ index: p }) => /* @__PURE__ */ t(
+      renderCell: ({ index: f }) => /* @__PURE__ */ t(
         B,
         {
           variant: "body1",
@@ -150,28 +150,28 @@ function rr({
             justifyContent: "center",
             color: "text.secondary"
           },
-          children: p + 1
+          children: f + 1
         }
       )
     },
     {
       field: "content",
       headerName: "",
-      renderCell: ({ row: p, index: I }) => x && P ? x({
-        item: p,
-        index: I,
+      renderCell: ({ row: f, index: S }) => g && k ? g({
+        item: f,
+        index: S,
         property: a,
-        onChange: (z) => f(I, z)
+        onChange: (z) => u(S, z)
       }) : /* @__PURE__ */ t(
         V,
         {
           fullWidth: !0,
           size: "small",
           disabled: l,
-          value: p,
-          placeholder: u || `${b("item")} ${I + 1}`,
-          onChange: (z) => f(I, z.target.value),
-          ...g
+          value: f,
+          placeholder: p || `${b("item")} ${S + 1}`,
+          onChange: (z) => u(S, z.target.value),
+          ...P
         }
       )
     },
@@ -181,35 +181,35 @@ function rr({
       width: 30,
       // 增加宽度以容纳更多按钮
       align: "center",
-      renderCell: ({ index: p }) => /* @__PURE__ */ O(R, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ t(er, { disabled: l || p === 0, onClick: () => c(p) }),
+      renderCell: ({ index: f }) => /* @__PURE__ */ O(R, { direction: "column", spacing: 0.25, children: [
+        /* @__PURE__ */ t(er, { disabled: l || f === 0, onClick: () => c(f) }),
         /* @__PURE__ */ t(
           tr,
           {
-            disabled: l || p === n.length - 1,
-            onClick: () => h(p)
+            disabled: l || f === s.length - 1,
+            onClick: () => m(f)
           }
         ),
-        /* @__PURE__ */ t(Zt, { disabled: l, onClick: () => w(p) })
+        /* @__PURE__ */ t(Zt, { disabled: l, onClick: () => w(f) })
       ] })
     }
   ], [
-    x,
-    P,
+    g,
+    k,
     a,
-    f,
     u,
+    p,
     b,
     l,
-    g,
+    P,
     w,
     c,
-    h,
-    n.length
+    m,
+    s.length
   ]);
-  return P ? /* @__PURE__ */ O(R, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ t(ie, { children: e }),
-    n.length > 0 ? /* @__PURE__ */ t(at, { component: Z, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ O(
+  return k ? /* @__PURE__ */ O(R, { width: "100%", gap: 1, children: [
+    e && /* @__PURE__ */ t(le, { children: e }),
+    s.length > 0 ? /* @__PURE__ */ t(at, { component: ee, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ O(
       Be,
       {
         size: "small",
@@ -227,28 +227,28 @@ function rr({
           borderCollapse: "collapse"
         },
         children: [
-          /* @__PURE__ */ t(Fe, { sx: { display: "none" }, children: /* @__PURE__ */ t(le, { children: S.map((p) => /* @__PURE__ */ t(
-            oe,
+          /* @__PURE__ */ t(Fe, { sx: { display: "none" }, children: /* @__PURE__ */ t(oe, { children: I.map((f) => /* @__PURE__ */ t(
+            ne,
             {
-              width: p.width,
-              align: p.align || "left",
+              width: f.width,
+              align: f.align || "left",
               sx: { fontWeight: "bold" },
-              children: p.renderHeader ? p.renderHeader() : p.headerName
+              children: f.renderHeader ? f.renderHeader() : f.headerName
             },
-            p.field
+            f.field
           )) }) }),
-          /* @__PURE__ */ t(Je, { children: n.map((p, I, z) => /* @__PURE__ */ t(
-            le,
+          /* @__PURE__ */ t(Je, { children: s.map((f, S, z) => /* @__PURE__ */ t(
+            oe,
             {
               sx: {
-                borderBottom: I < z.length - 1 ? "1px solid" : "none",
+                borderBottom: S < z.length - 1 ? "1px solid" : "none",
                 borderColor: "divider",
                 "&:hover": {
                   backgroundColor: "action.hover"
                 }
               },
-              children: S.map((N) => /* @__PURE__ */ t(
-                oe,
+              children: I.map((N) => /* @__PURE__ */ t(
+                ne,
                 {
                   width: N.width,
                   align: N.align || "left",
@@ -256,15 +256,15 @@ function rr({
                     borderBottom: "none"
                   },
                   children: N.renderCell({
-                    row: p,
-                    index: I,
-                    onChange: (T) => f(I, T)
+                    row: f,
+                    index: S,
+                    onChange: (T) => u(S, T)
                   })
                 },
-                `${I}-${N.field}`
+                `${S}-${N.field}`
               ))
             },
-            I
+            S
           )) })
         ]
       }
@@ -282,15 +282,15 @@ function rr({
       }
     )
   ] }) : /* @__PURE__ */ O(R, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ t(ie, { children: e }),
+    e && /* @__PURE__ */ t(le, { children: e }),
     /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
       ge,
       {
         keyId: a.id,
-        locale: k,
+        locale: v,
         language: "json",
-        value: JSON.stringify(n, null, 2),
-        onChange: (p) => m(p || ""),
+        value: JSON.stringify(s, null, 2),
+        onChange: (f) => h(f || ""),
         fullScreenOptions: {
           enableEscExit: !0,
           targetContainer: () => document.getElementById("parameters-config-dialog") || null
@@ -306,7 +306,7 @@ function ir({
   ...i
 }) {
   const l = J(null);
-  return /* @__PURE__ */ O(X, { children: [
+  return /* @__PURE__ */ O(Z, { children: [
     /* @__PURE__ */ t(
       kt,
       {
@@ -314,14 +314,14 @@ function ir({
         value: e,
         onChange: r,
         InputProps: {
-          endAdornment: /* @__PURE__ */ t(Pe, { position: "end", children: /* @__PURE__ */ t(
-            Pt,
+          endAdornment: /* @__PURE__ */ t(we, { position: "end", children: /* @__PURE__ */ t(
+            wt,
             {
               color: e ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
-                var u;
-                (u = l.current) == null || u.open({ value: e ?? "" });
+                var p;
+                (p = l.current) == null || p.open({ value: e ?? "" });
               }
             }
           ) })
@@ -329,11 +329,11 @@ function ir({
       }
     ),
     /* @__PURE__ */ t(
-      wt,
+      Pt,
       {
         ref: l,
-        onSave: ({ value: u }, y) => {
-          r(u), y();
+        onSave: ({ value: p }, y) => {
+          r(p), y();
         }
       }
     )
@@ -344,43 +344,43 @@ function lr({
   value: r,
   onChange: i,
   property: l,
-  component: u,
+  component: p,
   defaultLocale: y,
   allComponents: a,
-  PropertyValueField: x,
-  onUpload: g
+  PropertyValueField: g,
+  onUpload: P
 }) {
-  const { locale: b } = C(), k = J(null);
-  if (!we(l.subProperties)) {
+  const { locale: b } = D(), v = J(null);
+  if (!Pe(l.subProperties)) {
     const o = A(Object.values(l.subProperties || {}), "index").filter(
-      (n) => n.data.visible !== !1 && n.data.key
+      (s) => s.data.visible !== !1 && s.data.key
     );
     return /* @__PURE__ */ O(R, { width: "100%", children: [
-      /* @__PURE__ */ t(ie, { sx: { px: 0.25, py: 0.5 }, children: e }),
-      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(j, { sx: { position: "relative" }, children: o.map((n, s) => {
-        const { data: d } = n, m = d.key ?? d.id, w = s === o.length - 1;
+      /* @__PURE__ */ t(le, { sx: { px: 0.25, py: 0.5 }, children: e }),
+      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(j, { sx: { position: "relative" }, children: o.map((s, n) => {
+        const { data: d } = s, h = d.key ?? d.id, w = n === o.length - 1;
         let c = null;
         try {
-          r && typeof r == "object" ? c = r[m] : typeof r == "string" && (c = (l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}"))[m]);
+          r && typeof r == "object" ? c = r[h] : typeof r == "string" && (c = (l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}"))[h]);
         } 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));
-        const h = (P) => {
+        const m = (k) => {
           try {
-            let S = {};
+            let I = {};
             if (typeof r == "string")
               try {
-                S = l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}");
+                I = l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}");
               } catch {
               }
-            else typeof r == "object" && r !== null && (S = { ...r });
-            He(S, m, P);
-            const p = ve(S, l.type);
-            i == null || i(p);
-          } catch (S) {
-            console.error("Error updating property:", S);
+            else typeof r == "object" && r !== null && (I = { ...r });
+            He(I, h, k);
+            const f = ve(I, l.type);
+            i == null || i(f);
+          } catch (I) {
+            console.error("Error updating property:", I);
           }
-        }, f = 8;
+        }, u = 8;
         return /* @__PURE__ */ O(
           j,
           {
@@ -405,7 +405,7 @@ function lr({
                       {
                         sx: {
                           position: "absolute",
-                          left: f,
+                          left: u,
                           top: 0,
                           height: 16,
                           // 连接到字段中点的高度
@@ -420,7 +420,7 @@ function lr({
                       {
                         sx: {
                           position: "absolute",
-                          left: f,
+                          left: u,
                           top: 16,
                           // 连接到字段中点
                           width: 12,
@@ -435,7 +435,7 @@ function lr({
                       {
                         sx: {
                           position: "absolute",
-                          left: f,
+                          left: u,
                           top: 16,
                           // 从当前项中点
                           bottom: -8,
@@ -450,12 +450,12 @@ function lr({
                 }
               ),
               /* @__PURE__ */ t(j, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
-                x,
+                g,
                 {
-                  component: u,
+                  component: p,
                   property: d,
                   value: c,
-                  onChange: h,
+                  onChange: m,
                   size: "small",
                   fullWidth: !0,
                   defaultLocale: y,
@@ -483,7 +483,7 @@ function lr({
       },
       children: [
         /* @__PURE__ */ t(
-          ie,
+          le,
           {
             sx: {
               position: "absolute",
@@ -505,7 +505,7 @@ function lr({
               i == null || i(o);
             },
             onUpload: (o) => {
-              k.current = o, g && g(o);
+              v.current = o, P && P(o);
             },
             fullScreenOptions: {
               enableEscExit: !0,
@@ -548,57 +548,57 @@ function tt({
   renderItem: i,
   ...l
 }) {
-  const u = J(null), y = gt(), a = Wt(), x = A(Object.entries(r), (n) => n[1].index).map((n) => n[0]), g = J(x), b = D(
-    (n) => {
-      g.current = n, a();
+  const p = J(null), y = gt(), a = Wt(), g = A(Object.entries(r), (s) => s[1].index).map((s) => s[0]), P = J(g), b = C(
+    (s) => {
+      P.current = s, a();
     },
     [a]
-  ), k = D(
-    ({ index: n }, { index: s }) => {
-      const d = [...g.current];
-      d.splice(s, 0, ...d.splice(n, 1)), b(d);
+  ), v = C(
+    ({ index: s }, { index: n }) => {
+      const d = [...P.current];
+      d.splice(n, 0, ...d.splice(s, 1)), b(d);
     },
     [b]
   );
-  $(() => {
-    b(x);
-  }, [x.join("-")]);
-  const [{ isOver: v }, o] = et({
+  M(() => {
+    b(g);
+  }, [g.join("-")]);
+  const [{ isOver: x }, o] = et({
     accept: y,
-    collect: (n) => ({
-      isOver: n.isOver()
+    collect: (s) => ({
+      isOver: s.isOver()
     }),
     canDrop: () => !e,
     drop: () => {
       var d;
-      const n = () => {
-        g.current.forEach((m, w) => {
-          const c = r[m];
+      const s = () => {
+        P.current.forEach((h, w) => {
+          const c = r[h];
           c && (c.index = w);
         });
-      }, s = (d = ee(r)) == null ? void 0 : d.doc;
-      s ? s.transact(() => {
-        n();
-      }) : n();
+      }, n = (d = te(r)) == null ? void 0 : d.doc;
+      n ? n.transact(() => {
+        s();
+      }) : s();
     }
   });
-  return $(() => {
-    v || b(x);
-  }, [v]), o(u), /* @__PURE__ */ t(j, { ...l, ref: u, className: Qt(v && "isDragging"), children: g.current.map((n, s) => /* @__PURE__ */ t(
+  return M(() => {
+    x || b(g);
+  }, [x]), o(p), /* @__PURE__ */ t(j, { ...l, ref: p, className: Qt(x && "isDragging"), children: P.current.map((s, n) => /* @__PURE__ */ t(
     nr,
     {
       type: y,
       disabled: e,
-      id: n,
-      index: s,
-      itemIndex: (d) => g.current.indexOf(d),
-      move: k,
+      id: s,
+      index: n,
+      itemIndex: (d) => P.current.indexOf(d),
+      move: v,
       children: (d) => {
-        const m = r[n];
-        return m ? i(m.data, s, d) : null;
+        const h = r[s];
+        return h ? i(h.data, n, d) : null;
       }
     },
-    n
+    s
   )) });
 }
 function nr({
@@ -606,57 +606,57 @@ function nr({
   id: r,
   index: i,
   type: l,
-  children: u,
+  children: p,
   itemIndex: y,
   move: a
 }) {
-  const x = J(), [{ isDragging: g }, b, k] = Xt({
+  const g = J(), [{ isDragging: P }, b, v] = Xt({
     type: l,
     item: () => ({ id: r }),
     canDrag: () => !e,
     collect: (o) => ({ isDragging: o.isDragging() })
-  }), [, v] = et({
+  }), [, x] = et({
     accept: l,
     canDrop: () => !e,
-    hover(o, n) {
-      var f;
-      if (!x.current)
+    hover(o, s) {
+      var u;
+      if (!g.current)
         return;
-      const s = y(o.id), d = i;
-      if (s === d)
+      const n = y(o.id), d = i;
+      if (n === d)
         return;
-      const m = (f = x.current) == null ? void 0 : f.getBoundingClientRect(), w = (m.bottom - m.top) / 2, h = n.getClientOffset().y - m.top;
-      s < d && h < w || s > d && h > w || a({ id: o.id, index: s }, { id: r, index: i });
+      const h = (u = g.current) == null ? void 0 : u.getBoundingClientRect(), w = (h.bottom - h.top) / 2, m = s.getClientOffset().y - h.top;
+      n < d && m < w || n > d && m > w || a({ id: o.id, index: n }, { id: r, index: i });
     }
   });
-  return typeof u == "function" ? u({
-    isDragging: g,
+  return typeof p == "function" ? p({
+    isDragging: P,
     drag: b,
-    drop: (o) => (x.current = o, v(o)),
-    preview: k
-  }) : (b(v(k(x))), /* @__PURE__ */ t(j, { ref: x, children: u }));
+    drop: (o) => (g.current = o, x(o)),
+    preview: v
+  }) : (b(x(v(g))), /* @__PURE__ */ t(j, { ref: g, children: p }));
 }
 function sr({
   drop: e,
   preview: r,
   drag: i,
   disabled: l,
-  isDragging: u,
+  isDragging: p,
   children: y,
   onDelete: a,
-  onVisibilityChange: x,
-  visible: g = !0,
+  onVisibilityChange: g,
+  visible: P = !0,
   actions: b,
-  alwaysShowActions: k = !1
+  alwaysShowActions: v = !1
 }) {
-  const { t: v } = C();
+  const { t: x } = D();
   return /* @__PURE__ */ t(
     j,
     {
       ref: e,
       sx: {
         ":hover .hover-visible": { maxWidth: "100%" },
-        opacity: g ? 1 : 0.5
+        opacity: P ? 1 : 0.5
       },
       children: /* @__PURE__ */ O(j, { sx: { position: "relative" }, children: [
         /* @__PURE__ */ t(
@@ -666,7 +666,7 @@ function sr({
             sx: {
               flex: 1,
               borderRadius: 0.5,
-              bgcolor: u ? "action.hover" : "background.paper",
+              bgcolor: p ? "action.hover" : "background.paper",
               opacity: 0.9999
               // NOTE: make preview effective
             },
@@ -676,9 +676,9 @@ function sr({
         !l && /* @__PURE__ */ t(
           j,
           {
-            className: k ? "" : "hover-visible",
+            className: v ? "" : "hover-visible",
             sx: {
-              maxWidth: k ? "100%" : 0,
+              maxWidth: v ? "100%" : 0,
               overflow: "hidden",
               position: "absolute",
               right: 2,
@@ -702,9 +702,9 @@ function sr({
                 },
                 children: [
                   b,
-                  x && /* @__PURE__ */ t(G, { title: v(g ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { onClick: () => x(!g), children: g ? /* @__PURE__ */ t(Dt, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(Et, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  a && /* @__PURE__ */ t(G, { title: v("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { onClick: a, children: /* @__PURE__ */ t(At, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ t(G, { title: v("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { ref: i, children: /* @__PURE__ */ t(Tt, { sx: { color: "grey.500" } }) }) })
+                  g && /* @__PURE__ */ t(G, { title: x(P ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { onClick: () => g(!P), children: P ? /* @__PURE__ */ t(Ct, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(Et, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  a && /* @__PURE__ */ t(G, { title: x("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { onClick: a, children: /* @__PURE__ */ t(At, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  /* @__PURE__ */ t(G, { title: x("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { ref: i, children: /* @__PURE__ */ t(Tt, { sx: { color: "grey.500" } }) }) })
                 ]
               }
             )
@@ -719,7 +719,7 @@ function cr({
   value: r,
   onChange: i
 }) {
-  const [l, u] = Q(!1);
+  const [l, p] = X(!1);
   return /* @__PURE__ */ O(R, { gap: 1, children: [
     /* @__PURE__ */ t(
       V,
@@ -733,8 +733,8 @@ function cr({
             Ye,
             {
               onChange: ({ response: y }) => {
-                var x;
-                const a = (x = y == null ? void 0 : y.data) == null ? void 0 : x.filename;
+                var g;
+                const a = (g = y == null ? void 0 : y.data) == null ? void 0 : g.filename;
                 a && (i == null || i(a));
               }
             }
@@ -752,15 +752,15 @@ function cr({
         maxWidth: 100,
         maxHeight: 100,
         width: "100%",
-        onClick: () => u(!0)
+        onClick: () => p(!0)
       }
     ),
-    /* @__PURE__ */ t(Me, { open: l, onClose: () => u(!1), children: /* @__PURE__ */ t(j, { component: "img", sx: { objectFit: "contain" }, src: Te(r), alt: e }) })
+    /* @__PURE__ */ t(Me, { open: l, onClose: () => p(!1), children: /* @__PURE__ */ t(j, { component: "img", sx: { objectFit: "contain" }, src: Te(r), alt: e }) })
   ] });
 }
 function be(e, r = "") {
-  return qt(e, (i, l, u) => {
-    const y = r ? `${r}.${u}` : u;
+  return qt(e, (i, l, p) => {
+    const y = r ? `${r}.${p}` : p;
     return $t(l) ? Bt(i, be(l, y)) : i[y] = l, i;
   }, {});
 }
@@ -778,7 +778,7 @@ const dr = [
   { value: "component", label: "Component" },
   { value: "custom", label: "Custom (Render by a Component)" }
 ];
-function re(e, r, i) {
+function ie(e, r, i) {
   return !e || !i ? !1 : Object.values(e).some(({ data: l }) => l.id !== r && l.key === i);
 }
 function ye(e, r) {
@@ -787,54 +787,61 @@ function ye(e, r) {
 }
 function ci({ componentId: e }) {
   const { state: { components: r } } = ce(), i = r[e], l = i == null ? void 0 : i.data;
-  return l ? /* @__PURE__ */ t(R, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(j, { p: 2, children: /* @__PURE__ */ t(Gt, { FallbackComponent: ot, resetKeys: [e], children: /* @__PURE__ */ t(ar, { value: l }) }) }) }) : null;
+  return l ? /* @__PURE__ */ t(R, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(j, { p: 2, children: /* @__PURE__ */ t(Gt, { FallbackComponent: ot, resetKeys: [e], children: /* @__PURE__ */ t(ar, { value: l, componentId: e }) }) }) }) : null;
 }
-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 = xe(), g = Kt({
+function ar({ value: e, componentId: r }) {
+  var x, o, s;
+  const { t: i } = D(), { localState: { currentLocale: l, customComponentPreviewerProperties: p }, state: { config: { defaultLocale: y } }, localActions: { setCustomComponentPreviewerProperties: a } } = ce(), g = te(e).doc, P = xe(), b = Q(() => (p == null ? void 0 : p[r]) ?? {}, [r, p]), v = Kt({
+    componentId: r,
     propertiesValue: {
-      ...y
+      ...b
     }
   });
-  return $(() => {
-    const o = Object.fromEntries(Object.values(e.properties ?? {}).map(({ data: n }) => {
-      var s, d, m, w, c;
+  return M(() => {
+    v.componentId !== r && (v.componentId = r, v.propertiesValue = {
+      ...b
+    });
+  }, [r, b, v]), M(() => {
+    if (v.componentId !== r)
+      return;
+    const n = Object.fromEntries(Object.values(e.properties ?? {}).map(({ data: d }) => {
+      var h, w, c, m, u;
       return [
-        n.id,
+        d.id,
         {
-          value: ((s = g.propertiesValue[n.id]) == null ? void 0 : s.value) ?? Nt(n, ((m = (d = n.locales) == null ? void 0 : d[i]) == null ? void 0 : m.defaultValue) ?? ((c = (w = n.locales) == null ? void 0 : w[u]) == null ? void 0 : c.defaultValue), {
-            locale: i,
-            defaultLocale: u
+          value: ((h = v.propertiesValue[d.id]) == null ? void 0 : h.value) ?? Nt(d, ((c = (w = d.locales) == null ? void 0 : w[l]) == null ? void 0 : c.defaultValue) ?? ((u = (m = d.locales) == null ? void 0 : m[y]) == null ? void 0 : u.defaultValue), {
+            locale: l,
+            defaultLocale: y
           })
         }
       ];
     }));
-    y(o);
-  }, [JSON.stringify(g.propertiesValue)]), /* @__PURE__ */ t(R, { height: "100%", children: /* @__PURE__ */ O(R, { gap: 2, children: [
+    a(r, n);
+  }, [JSON.stringify(v.propertiesValue), r, v.componentId]), /* @__PURE__ */ t(R, { height: "100%", children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ t(ur, { config: e }),
     /* @__PURE__ */ t(mr, {
       config: e,
-      currentLocale: i,
-      defaultLocale: u,
-      allComponents: x,
-      onUpdateConfig: (o) => {
-        a.transact(() => {
-          o(e);
+      currentLocale: l,
+      defaultLocale: y,
+      allComponents: P,
+      onUpdateConfig: (n) => {
+        g.transact(() => {
+          n(e);
         });
       }
     }),
     /* @__PURE__ */ O(R, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("renderer") }),
+      /* @__PURE__ */ t(B, { variant: "subtitle1", children: i("renderer") }),
       /* @__PURE__ */ O(V, {
         hiddenLabel: !0,
         size: "small",
         select: !0,
         SelectProps: { autoWidth: !0 },
-        value: ((b = e.renderer) == null ? void 0 : b.type) || "react-component",
-        onChange: (o) => {
-          a.transact(() => {
-            const n = o.target.value;
-            e.renderer ?? (e.renderer = { type: n }), e.renderer.type = n;
+        value: ((x = e.renderer) == null ? void 0 : x.type) || "react-component",
+        onChange: (n) => {
+          g.transact(() => {
+            const d = n.target.value;
+            e.renderer ?? (e.renderer = { type: d }), e.renderer.type = d;
           });
         },
         children: [
@@ -843,31 +850,31 @@ function ar({ value: e }) {
         ]
       })
     ] }),
-    ((k = e.renderer) == null ? void 0 : k.type) === "component" && /* @__PURE__ */ t(Pr, { value: e }),
-    ((v = e.renderer) == null ? void 0 : v.type) === "react-component" && /* @__PURE__ */ t(gr, { value: e }),
+    ((o = e.renderer) == null ? void 0 : o.type) === "component" && /* @__PURE__ */ t(wr, { value: e }),
+    ((s = e.renderer) == null ? void 0 : s.type) === "react-component" && /* @__PURE__ */ t(gr, { value: e }),
     /* @__PURE__ */ t(lt, {
       config: e,
-      currentLocale: i,
-      defaultLocale: u,
-      allComponents: x,
-      propertiesValue: l,
-      onChange: ({ value: o, id: n, path: s }) => {
-        const d = [...s, "data"];
-        if (!Ft(e, d)) {
-          he.warning(r("cannotFindPropertyKey", {
-            key: d.join(".")
+      currentLocale: l,
+      defaultLocale: y,
+      allComponents: P,
+      propertiesValue: b,
+      onChange: ({ value: n, id: d, path: h }) => {
+        const w = [...h, "data"];
+        if (!Ft(e, w)) {
+          he.warning(i("cannotFindPropertyKey", {
+            key: w.join(".")
           }));
           return;
         }
-        g.propertiesValue[n] = {
-          value: o.value
+        v.propertiesValue[d] = {
+          value: n.value
         };
       }
     })
   ] }) });
 }
 function ur({ config: e }) {
-  const { t: r } = C();
+  const { t: r } = D();
   return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ t(V, {
@@ -902,65 +909,65 @@ function ur({ config: e }) {
     })
   ] }) });
 }
-function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defaultLocale: y, allComponents: a, onUpdateConfig: x }) {
-  var k, v, o, n, s, d;
-  const { t: g } = C(), b = ne(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : M, [e.type]);
+function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defaultLocale: y, allComponents: a, onUpdateConfig: g }) {
+  var v, x, o, s, n, d;
+  const { t: P } = D(), b = Q(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : $, [e.type]);
   return /* @__PURE__ */ t(sr, {
     preview: r.preview,
     drop: r.drop,
     drag: r.drag,
     isDragging: r.isDragging,
     onDelete: () => {
-      x((m) => {
-        if (m.properties) {
-          const c = Object.entries(m.properties).sort(([, f], [, P]) => f.index - P.index);
-          delete m.properties[e.id], c.filter(([f]) => f !== e.id).forEach(([, f], P) => {
-            f.index = P;
+      g((h) => {
+        if (h.properties) {
+          const c = Object.entries(h.properties).sort(([, u], [, k]) => u.index - k.index);
+          delete h.properties[e.id], c.filter(([u]) => u !== e.id).forEach(([, u], k) => {
+            u.index = k;
           });
         }
       });
     },
     visible: i,
-    onVisibilityChange: (m) => {
-      x((w) => {
+    onVisibilityChange: (h) => {
+      g((w) => {
         const c = w.properties[e.id].data;
-        c.visible = m;
+        c.visible = h;
       });
     },
     alwaysShowActions: !0,
     children: /* @__PURE__ */ O(R, { direction: "column", gap: 2, children: [
       /* @__PURE__ */ t(V, {
-        label: g("key"),
+        label: P("key"),
         size: "small",
         required: !0,
         sx: {
           width: "calc(100% - 80px - 8px)",
           flex: 1,
           "& .MuiOutlinedInput-root": {
-            borderColor: e.key ? re(l.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
+            borderColor: e.key ? ie(l.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
           },
           "& .MuiFormLabel-root": {
-            color: e.key ? re(l.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
+            color: e.key ? ie(l.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
           },
           "& .MuiFormLabel-root.Mui-focused": {
-            color: e.key ? re(l.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
+            color: e.key ? ie(l.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
           }
         },
         value: e.key || "",
-        onChange: (m) => {
-          x((w) => {
+        onChange: (h) => {
+          g((w) => {
             const c = w.properties[e.id].data;
-            c.key = m.target.value.trim();
+            c.key = h.target.value.trim();
           });
         },
         InputProps: {
-          endAdornment: !e.key || e.key && re(l.properties, e.id, e.key) ? /* @__PURE__ */ t(Pe, {
+          endAdornment: !e.key || e.key && ie(l.properties, e.id, e.key) ? /* @__PURE__ */ t(we, {
             position: "end",
             sx: {
               width: 16,
               ml: 0
             },
-            children: /* @__PURE__ */ t(G, { title: e.key ? g("duplicateKey") : g("requiredKey"), children: /* @__PURE__ */ t(Qe, {
+            children: /* @__PURE__ */ t(G, { title: e.key ? P("duplicateKey") : P("requiredKey"), children: /* @__PURE__ */ t(Qe, {
               sx: {
                 color: e.key ? "warning.main" : "error.main",
                 fontSize: 16
@@ -971,35 +978,35 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defau
       }),
       /* @__PURE__ */ O(R, { direction: "row", gap: 1, children: [
         /* @__PURE__ */ t(V, {
-          label: g("label"),
+          label: P("label"),
           size: "small",
           sx: { flex: 1 },
-          value: (((v = (k = e.locales) == null ? void 0 : k[u]) == null ? void 0 : v.name) ?? ((n = (o = e.locales) == null ? void 0 : o[y]) == null ? void 0 : n.name)) || "",
-          onChange: (m) => {
-            x((w) => {
-              var h;
+          value: (((x = (v = e.locales) == null ? void 0 : v[p]) == null ? void 0 : x.name) ?? ((s = (o = e.locales) == null ? void 0 : o[y]) == null ? void 0 : s.name)) || "",
+          onChange: (h) => {
+            g((w) => {
+              var m;
               const c = w.properties[e.id].data;
-              c.locales ?? (c.locales = {}), (h = c.locales)[u] ?? (h[u] = {}), c.locales[u].name = m.target.value;
+              c.locales ?? (c.locales = {}), (m = c.locales)[p] ?? (m[p] = {}), c.locales[p].name = h.target.value;
             });
           }
         }),
         /* @__PURE__ */ t(V, {
-          label: g("type"),
+          label: P("type"),
           size: "small",
           select: !0,
           sx: { flex: 1 },
           value: e.type === "string" && e.multiline ? "multiline" : e.type || "string",
-          onChange: (m) => {
-            x((w) => {
+          onChange: (h) => {
+            g((w) => {
               const c = w.properties[e.id].data;
               if (c.locales)
-                for (const f of Object.keys(c.locales))
-                  c.locales[f].defaultValue = void 0;
-              const h = m.target.value;
-              h === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = h);
+                for (const u of Object.keys(c.locales))
+                  c.locales[u].defaultValue = void 0;
+              const m = h.target.value;
+              m === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = m);
             });
           },
-          children: dr.map((m) => /* @__PURE__ */ t(me, { value: m.value, children: m.label }, m.value))
+          children: dr.map((h) => /* @__PURE__ */ t(me, { value: h.value, children: h.label }, h.value))
         })
       ] }),
       /* @__PURE__ */ O(R, { direction: "row", gap: 1, children: [
@@ -1008,21 +1015,21 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defau
           defaultLocale: y,
           component: l,
           property: e,
-          label: g("defaultValue"),
+          label: P("defaultValue"),
           size: "small",
           fullWidth: !0,
-          value: (d = (s = e.locales) == null ? void 0 : s[u]) == null ? void 0 : d.defaultValue,
-          onChange: (m, w) => {
-            x((c) => {
-              var f;
-              const h = c.properties[e.id].data;
+          value: (d = (n = e.locales) == null ? void 0 : n[p]) == null ? void 0 : d.defaultValue,
+          onChange: (h, w) => {
+            g((c) => {
+              var u;
+              const m = c.properties[e.id].data;
               if (w != null && w.forceUpdateProperty) {
-                const P = be(h), S = be(m);
-                Object.keys(S).forEach((p) => {
-                  P[p] || He(h, p, S[p]);
+                const k = be(m), I = be(h);
+                Object.keys(I).forEach((f) => {
+                  k[f] || He(m, f, I[f]);
                 });
               } else
-                h.locales ?? (h.locales = {}), (f = h.locales)[u] ?? (f[u] = {}), h.locales[u].defaultValue = m;
+                m.locales ?? (m.locales = {}), (u = m.locales)[p] ?? (u[p] = {}), m.locales[p].defaultValue = h;
             });
           }
         }),
@@ -1032,34 +1039,34 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defau
   });
 }
 function pr(e, r) {
-  const [i, l] = Q(0);
-  return $(() => {
+  const [i, l] = X(0);
+  return M(() => {
     const y = setTimeout(() => {
       if (e.current) {
-        let a = e.current.parentElement, x = 0;
+        let a = e.current.parentElement, g = 0;
         for (; a; )
-          a.classList.contains("property-container") && x++, a = a.parentElement;
-        l(x);
+          a.classList.contains("property-container") && g++, a = a.parentElement;
+        l(g);
       }
     }, 100);
     return () => clearTimeout(y);
   }, [e, r]), i;
 }
-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");
+function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, onUpdateConfig: p, useI18nEditor: y = !0 }) {
+  const { t: a } = D(), g = ke({ variant: "dialog" }), P = e.properties && A(Object.values(e.properties), "index");
   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 }),
-      y && /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(x), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
+      y && /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(g), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
     ] }),
     e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ t(tt, {
       component: R,
       gap: 2,
       list: e.properties,
-      renderItem: (b, k, v) => {
+      renderItem: (b, v, x) => {
         const o = ye(e.properties, b.id);
-        return /* @__PURE__ */ t(Z, {
+        return /* @__PURE__ */ t(ee, {
           elevation: 0,
           className: "property-container",
           sx: {
@@ -1070,13 +1077,13 @@ function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, o
           },
           children: /* @__PURE__ */ t(R, { gap: 2, children: /* @__PURE__ */ t(rt, {
             data: b,
-            params: v,
+            params: x,
             visible: o,
             config: e,
             currentLocale: r,
             defaultLocale: i,
             allComponents: l,
-            onUpdateConfig: u
+            onUpdateConfig: p
           }) })
         }, b.id);
       }
@@ -1086,32 +1093,32 @@ function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, o
       variant: "outlined",
       className: "ignore-style-override",
       onClick: () => {
-        u((b) => {
-          var v;
-          const k = Ke();
-          b.properties ?? (b.properties = {}), (v = b.properties)[k] ?? (v[k] = { index: (g == null ? void 0 : g.length) || 0, data: { id: k } });
+        p((b) => {
+          var x;
+          const v = Ke();
+          b.properties ?? (b.properties = {}), (x = b.properties)[v] ?? (x[v] = { index: (P == null ? void 0 : P.length) || 0, data: { id: v } });
         });
       },
       startIcon: /* @__PURE__ */ t(Ge, {}),
       children: a("addObject", { object: a("property") })
     }),
-    y && /* @__PURE__ */ t(it, { ...Ze(x), component: e })
+    y && /* @__PURE__ */ t(it, { ...Ze(g), component: e })
   ] }) });
 }
 function fr({ property: e, allComponents: r }) {
   const i = ke({ variant: "popper" });
-  return /* @__PURE__ */ O(X, { children: [
-    /* @__PURE__ */ t(E, { sx: { minWidth: 0 }, ...Ie(i), children: /* @__PURE__ */ t(Xe, { fontSize: "small" }) }),
-    /* @__PURE__ */ t(xt, { ...Lt(i), children: /* @__PURE__ */ t(Ct, { onClickAway: i.close, children: /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(j, { width: 500, p: 2, children: /* @__PURE__ */ t(Se, {
+  return /* @__PURE__ */ O(Z, { children: [
+    /* @__PURE__ */ t(E, { sx: { minWidth: 0 }, ...Se(i), children: /* @__PURE__ */ t(Xe, { fontSize: "small" }) }),
+    /* @__PURE__ */ t(xt, { ...Lt(i), children: /* @__PURE__ */ t(Dt, { onClickAway: i.close, children: /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(j, { width: 500, p: 2, children: /* @__PURE__ */ t(Ie, {
       value: e.componentId,
-      onChange: (l, u) => e.componentId = u,
+      onChange: (l, p) => e.componentId = p,
       allComponents: r
     }) }) }) }) })
   ] });
 }
-function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allComponents: u }) {
-  var k;
-  const [y, a] = Q(!1), { t: x, locale: g } = C(), b = typeof (e == null ? void 0 : e.componentId) == "string" ? (k = u[e.componentId]) == null ? void 0 : k.data : void 0;
+function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allComponents: p }) {
+  var v;
+  const [y, a] = X(!1), { t: g, locale: P } = D(), b = typeof (e == null ? void 0 : e.componentId) == "string" ? (v = p[e.componentId]) == null ? void 0 : v.data : void 0;
   return b ? /* @__PURE__ */ O(j, { sx: { width: "100%", position: "relative" }, children: [
     /* @__PURE__ */ t(ae, {
       sx: { minWidth: 0 },
@@ -1121,7 +1128,7 @@ function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allCom
       color: y ? "primary" : "default",
       children: /* @__PURE__ */ t(Xe, { fontSize: "small" })
     }),
-    y && /* @__PURE__ */ t(yt, { in: y, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(Z, {
+    y && /* @__PURE__ */ t(yt, { in: y, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(ee, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1134,92 +1141,92 @@ function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allCom
       children: [
         /* @__PURE__ */ t(j, { width: "100%", mb: 2, children: /* @__PURE__ */ t(lt, {
           config: b,
-          currentLocale: g,
+          currentLocale: P,
           defaultLocale: l,
-          allComponents: u,
+          allComponents: p,
           propertiesValue: e == null ? void 0 : e.properties,
-          onChange: ({ id: v, value: o }) => {
-            const n = jt(o.value), s = JSON.parse(JSON.stringify(e));
-            s != null && s.componentId && (r ? i == null || i({ ...s, properties: { ...s.properties, [v]: { value: n } } }) : (s.properties = s.properties ?? {}, s.properties[v] = { value: n }, i == null || i(s)));
+          onChange: ({ id: x, value: o }) => {
+            const s = jt(o.value), n = JSON.parse(JSON.stringify(e));
+            n != null && n.componentId && (r ? i == null || i({ ...n, properties: { ...n.properties, [x]: { value: s } } }) : (n.properties = n.properties ?? {}, n.properties[x] = { value: s }, i == null || i(n)));
           }
         }) }),
-        /* @__PURE__ */ t(E, { size: "small", onClick: () => a(!1), sx: { mt: 1 }, children: x("close") })
+        /* @__PURE__ */ t(E, { size: "small", onClick: () => a(!1), sx: { mt: 1 }, children: g("close") })
       ]
     }) })
   ] }) : null;
 }
 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 = 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;
+  var x, o, s;
+  const { t: l } = D(), { state: { components: p, supportedLocales: y, config: { defaultLocale: a } } } = ce(), g = xe(), P = te(r).doc, b = e === "properties" ? r.properties : e === "parameters" && ((x = r.renderer) == null ? void 0 : x.type) === "component" ? (o = p[r.renderer.componentId]) == null ? void 0 : o.data.properties : void 0, v = ((s = r.renderer) == null ? void 0 : s.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: [
-      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(le, { children: y.map(({ locale: s, name: d }) => /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ O(B, { color: "text.primary", children: [
+      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(oe, { children: y.map(({ locale: n, name: d }) => /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ O(B, { color: "text.primary", children: [
         d,
-        a === s && /* @__PURE__ */ t(Ut, { sx: { fontSize: 12 } })
-      ] }) }, s)) }) }),
-      /* @__PURE__ */ t(Je, { children: A(Object.values(b), "index").map(({ data: s }) => /* @__PURE__ */ t(le, { children: y.map(({ locale: d }) => {
-        var m, w, c, h, f, P, S, p, I, z, N, T, U, W, te, _, H, Y, q, L, Oe, je, Re, ze, Ne, Ve;
-        return /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(R, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(X, { children: [
+        a === n && /* @__PURE__ */ t(Ut, { sx: { fontSize: 12 } })
+      ] }) }, n)) }) }),
+      /* @__PURE__ */ t(Je, { children: A(Object.values(b), "index").map(({ data: n }) => /* @__PURE__ */ t(oe, { children: y.map(({ locale: d }) => {
+        var h, w, c, m, u, k, I, f, S, z, N, T, U, W, re, _, H, Y, q, L, Oe, je, Re, ze, Ne, Ve;
+        return /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(R, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(Z, { children: [
           /* @__PURE__ */ t(V, {
             size: "small",
             label: "Key",
-            value: s.key || "",
+            value: n.key || "",
             onChange: (F) => {
-              g.transact(() => {
-                s.key = F.target.value.trim();
+              P.transact(() => {
+                n.key = F.target.value.trim();
               });
             }
           }),
           /* @__PURE__ */ t(V, {
             size: "small",
             label: l("label"),
-            value: (((w = (m = s.locales) == null ? void 0 : m[d]) == null ? void 0 : w.name) ?? ((h = (c = s.locales) == null ? void 0 : c[a]) == null ? void 0 : h.name)) || "",
+            value: (((w = (h = n.locales) == null ? void 0 : h[d]) == null ? void 0 : w.name) ?? ((m = (c = n.locales) == null ? void 0 : c[a]) == null ? void 0 : m.name)) || "",
             onChange: (F) => {
-              g.transact(() => {
+              P.transact(() => {
                 var K;
-                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].name = F.target.value;
+                n.locales ?? (n.locales = {}), (K = n.locales)[d] ?? (K[d] = {}), n.locales[d].name = F.target.value;
               });
             }
           }),
-          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
-            allComponents: x,
+          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
+            allComponents: g,
             defaultLocale: a,
             component: r,
-            property: s,
+            property: n,
             size: "small",
             fullWidth: !0,
             label: "Default Value",
-            valueImmutable: se((P = (f = s.locales) == null ? void 0 : f[d]) == null ? void 0 : P.defaultValue),
-            value: ((p = (S = s.locales) == null ? void 0 : S[d]) == null ? void 0 : p.defaultValue) ?? ((z = (I = s.locales) == null ? void 0 : I[a]) == null ? void 0 : z.defaultValue),
+            valueImmutable: se((k = (u = n.locales) == null ? void 0 : u[d]) == null ? void 0 : k.defaultValue),
+            value: ((f = (I = n.locales) == null ? void 0 : I[d]) == null ? void 0 : f.defaultValue) ?? ((z = (S = n.locales) == null ? void 0 : S[a]) == null ? void 0 : z.defaultValue),
             onChange: (F) => {
-              g.transact(() => {
+              P.transact(() => {
                 var K;
-                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].defaultValue = F;
+                n.locales ?? (n.locales = {}), (K = n.locales)[d] ?? (K[d] = {}), n.locales[d].defaultValue = F;
               });
             }
           }) })
-        ] }) : e === "parameters" && k ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
-          allComponents: x,
+        ] }) : e === "parameters" && v ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
+          allComponents: g,
           defaultLocale: a,
           component: r,
-          property: s,
+          property: n,
           size: "small",
           fullWidth: !0,
-          valueImmutable: se((W = (U = (T = (N = k.renderer.properties) == null ? void 0 : N[s.id]) == null ? void 0 : T.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value),
-          value: ((Y = (H = (_ = (te = k.renderer.properties) == null ? void 0 : te[s.id]) == null ? void 0 : _.locales) == null ? void 0 : H[d]) == null ? void 0 : Y.value) ?? ((je = (Oe = (L = (q = k.renderer.properties) == null ? void 0 : q[s.id]) == null ? void 0 : L.locales) == null ? void 0 : Oe[a]) == null ? void 0 : je.value) ?? ((ze = (Re = s.locales) == null ? void 0 : Re[d]) == null ? void 0 : ze.defaultValue) ?? ((Ve = (Ne = s.locales) == null ? void 0 : Ne[a]) == null ? void 0 : Ve.defaultValue),
+          valueImmutable: se((W = (U = (T = (N = v.renderer.properties) == null ? void 0 : N[n.id]) == null ? void 0 : T.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value),
+          value: ((Y = (H = (_ = (re = v.renderer.properties) == null ? void 0 : re[n.id]) == null ? void 0 : _.locales) == null ? void 0 : H[d]) == null ? void 0 : Y.value) ?? ((je = (Oe = (L = (q = v.renderer.properties) == null ? void 0 : q[n.id]) == null ? void 0 : L.locales) == null ? void 0 : Oe[a]) == null ? void 0 : je.value) ?? ((ze = (Re = n.locales) == null ? void 0 : Re[d]) == null ? void 0 : ze.defaultValue) ?? ((Ve = (Ne = n.locales) == null ? void 0 : Ne[a]) == null ? void 0 : Ve.defaultValue),
           onChange: (F) => {
-            g.transact(() => {
-              var K, Ce, De, Ee, Ae;
-              (K = k.renderer).properties ?? (K.properties = {}), (Ce = k.renderer.properties)[De = s.id] ?? (Ce[De] = {}), (Ee = k.renderer.properties[s.id]).locales ?? (Ee.locales = {}), (Ae = k.renderer.properties[s.id].locales)[d] ?? (Ae[d] = {}), k.renderer.properties[s.id].locales[d].value = F;
+            P.transact(() => {
+              var K, De, Ce, Ee, Ae;
+              (K = v.renderer).properties ?? (K.properties = {}), (De = v.renderer.properties)[Ce = n.id] ?? (De[Ce] = {}), (Ee = v.renderer.properties[n.id]).locales ?? (Ee.locales = {}), (Ae = v.renderer.properties[n.id].locales)[d] ?? (Ae[d] = {}), v.renderer.properties[n.id].locales[d].value = F;
             });
           }
-        }) }) : null }, s.id) }, d);
-      }) }, s.id)) })
+        }) }) : null }, n.id) }, d);
+      }) }, n.id)) })
     ] }) }) }),
-    /* @__PURE__ */ t(bt, { children: /* @__PURE__ */ t(E, { onClick: (s) => {
+    /* @__PURE__ */ t(bt, { children: /* @__PURE__ */ t(E, { onClick: (n) => {
       var d;
-      return (d = i.onClose) == null ? void 0 : d.call(i, s, "escapeKeyDown");
+      return (d = i.onClose) == null ? void 0 : d.call(i, n, "escapeKeyDown");
     }, children: l("close") }) })
   ] });
 }
@@ -1230,7 +1237,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 = pe(y, 0.5), x = pe(y, 1);
+  ], p = Math.min(l.length - 1, e), y = l[p], a = pe(y, 0.5), g = pe(y, 1);
   return {
     // 保留原有的边框样式
     borderColor: `${a} !important`,
@@ -1238,58 +1245,58 @@ const We = (e, r) => (i) => {
     // 稍粗的左侧边框
     borderLeftColor: a,
     // 使用透明度适应深色/浅色模式
-    color: x,
+    color: g,
     ...r
   };
 };
 function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
-  const { t: u, locale: y } = C(), a = J(null), x = pr(a, e), g = D(() => {
+  const { t: p, locale: y } = D(), a = J(null), g = pr(a, e), P = C(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
         let b = {};
         A(Object.values(e.subProperties), "index").filter((o) => o.data.visible !== !1 && o.data.key).forEach(({ data: o }) => {
-          var s, d, m, w;
+          var n, d, h, w;
           if (!o.key)
             return;
-          let n = ((d = (s = o.locales) == null ? void 0 : s[y]) == null ? void 0 : d.defaultValue) ?? ((w = (m = o.locales) == null ? void 0 : m[i]) == null ? void 0 : w.defaultValue);
+          let s = ((d = (n = o.locales) == null ? void 0 : n[y]) == null ? void 0 : d.defaultValue) ?? ((w = (h = o.locales) == null ? void 0 : h[i]) == null ? void 0 : w.defaultValue);
           if (o.type === "number")
-            n = Number(n);
+            s = Number(s);
           else if (o.type === "boolean")
-            n = n === !0 || n === "true";
-          else if ((o.type === "json" || o.type === "yaml") && typeof n == "string")
+            s = s === !0 || s === "true";
+          else if ((o.type === "json" || o.type === "yaml") && typeof s == "string")
             try {
-              o.type === "json" ? n = JSON.parse(n) : n = fe.parse(n);
+              o.type === "json" ? s = JSON.parse(s) : s = fe.parse(s);
             } catch (c) {
-              console.error("Error parsing nested value", n, c), n = {};
+              console.error("Error parsing nested value", s, c), s = {};
             }
-          b[o.key] = n;
-        }), e.type === "array" && !Array.isArray(b) && (b = we(b) ? [] : [b]);
-        const v = ve(b, e.type);
-        r == null || r(v);
+          b[o.key] = s;
+        }), e.type === "array" && !Array.isArray(b) && (b = Pe(b) ? [] : [b]);
+        const x = ve(b, e.type);
+        r == null || r(x);
       } catch (b) {
         console.error("Error converting structure to text:", b);
       }
   }, [e, y, i, r]);
   return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ O(R, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: a, children: [
-    /* @__PURE__ */ t(vt, { sx: { mt: -1 }, children: /* @__PURE__ */ t(B, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
+    /* @__PURE__ */ t(vt, { sx: { mt: -1 }, children: /* @__PURE__ */ t(B, { variant: "caption", color: "text.secondary", children: p("maker.properties.subProperties") }) }),
     e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(tt, {
       component: R,
       gap: 2,
       list: e.subProperties,
-      renderItem: (b, k, v) => {
+      renderItem: (b, v, x) => {
         const o = b.visible !== !1;
-        return /* @__PURE__ */ t(Z, {
+        return /* @__PURE__ */ t(ee, {
           elevation: 0,
           className: "property-container",
           sx: {
             p: 1.25,
             borderRadius: 1,
             border: o ? "1px solid" : "1px dashed",
-            "&": We(x)
+            "&": We(g)
           },
           children: /* @__PURE__ */ t(R, { gap: 2, children: /* @__PURE__ */ t(rt, {
             data: b,
-            params: v,
+            params: x,
             visible: o,
             config: {
               properties: e.subProperties
@@ -1297,23 +1304,23 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
             currentLocale: y,
             defaultLocale: i,
             allComponents: l,
-            onUpdateConfig: (n) => {
+            onUpdateConfig: (s) => {
               try {
-                const s = { properties: e.subProperties || {} };
-                n(s);
+                const n = { properties: e.subProperties || {} };
+                s(n);
                 const d = {
                   ...e,
-                  subProperties: s.properties
+                  subProperties: n.properties
                 };
-                r == null || r(d, { forceUpdateProperty: !0 }), g();
-              } catch (s) {
-                console.error("Error updating property:", s);
+                r == null || r(d, { forceUpdateProperty: !0 }), P();
+              } catch (n) {
+                console.error("Error updating property:", n);
               }
             }
           }) })
         }, b.id);
       }
-    }) : /* @__PURE__ */ t(de, { style: { fontSize: 12, height: 100 }, children: u("maker.properties.noSubProperties") }),
+    }) : /* @__PURE__ */ t(de, { style: { fontSize: 12, height: 100 }, children: p("maker.properties.noSubProperties") }),
     /* @__PURE__ */ t(E, {
       fullWidth: !0,
       variant: "outlined",
@@ -1322,10 +1329,10 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
       startIcon: /* @__PURE__ */ t(Ge, {}),
       onClick: () => {
         try {
-          const b = e.subProperties || {}, k = Ke(), o = {
+          const b = e.subProperties || {}, v = Ke(), o = {
             index: Object.values(b).length,
             data: {
-              id: k,
+              id: v,
               key: "",
               type: "string",
               visible: !0,
@@ -1338,62 +1345,62 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
               // 为嵌套属性预初始化
               subProperties: {}
             }
-          }, n = {
+          }, s = {
             ...e,
             subProperties: {
               ...b,
-              [k]: o
+              [v]: o
             }
           };
-          r == null || r(n, { forceUpdateProperty: !0 }), g();
+          r == null || r(s, { forceUpdateProperty: !0 }), P();
         } catch (b) {
           console.error("Error adding property:", b);
         }
       },
       sx: {
-        "&": We(x, {
+        "&": We(g, {
           // borderLeft: undefined,
         })
       },
-      children: u("maker.properties.addSubProperty")
+      children: p("maker.properties.addSubProperty")
     })
   ] });
 }
-function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u, defaultLocale: y, allComponents: a, ...x }) {
-  var n, s, d, m, w;
-  const { locale: g } = C(), b = It(), k = J(null), v = () => {
-    var h;
-    const c = (h = b == null ? void 0 : b.current) == null ? void 0 : h.getUploader();
-    c == null || c.open(), k.current && c.onceUploadSuccess(({ response: f }) => {
-      var S, p;
-      let P = ((S = f == null ? void 0 : f.data) == null ? void 0 : S.filename) || "";
-      P && (P = `mediakit://${P}`, i && !i.includes("mediakit://") && (P += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (p = k.current) == null || p.call(k, P);
+function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p, defaultLocale: y, allComponents: a, ...g }) {
+  var s, n, d, h, w;
+  const { locale: P } = D(), b = St(), v = J(null), x = () => {
+    var m;
+    const c = (m = b == null ? void 0 : b.current) == null ? void 0 : m.getUploader();
+    c == null || c.open(), v.current && c.onceUploadSuccess(({ response: u }) => {
+      var I, f;
+      let k = ((I = u == null ? void 0 : u.data) == null ? void 0 : I.filename) || "";
+      k && (k = `mediakit://${k}`, i && !i.includes("mediakit://") && (k += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (f = v.current) == null || f.call(v, k);
     });
-  }, o = x.label ?? (((s = (n = r.locales) == null ? void 0 : n[g]) == null ? void 0 : s.name) || ((m = (d = r.locales) == null ? void 0 : d[y]) == null ? void 0 : m.name) || r.key || r.id);
+  }, o = g.label ?? (((n = (s = r.locales) == null ? void 0 : s[P]) == null ? void 0 : n.name) || ((h = (d = r.locales) == null ? void 0 : d[y]) == null ? void 0 : h.name) || r.key || r.id);
   if (r.type === "number")
     return /* @__PURE__ */ t(yr, {
-      ...x,
+      ...g,
       label: o,
       NumberProps: {
         value: ["number", "string"].includes(typeof i) ? i : null,
-        onChange: (c, h) => l == null ? void 0 : l(h)
+        onChange: (c, m) => l == null ? void 0 : l(m)
       }
     });
   if (r.type === "decimal")
     return /* @__PURE__ */ t(V, {
-      ...x,
+      ...g,
       label: o,
       type: "text",
       value: i ?? "",
       onChange: (c) => {
-        const h = c.target.value;
-        if (h === "" || h === "-") {
-          l == null || l(h);
+        const m = c.target.value;
+        if (m === "" || m === "-") {
+          l == null || l(m);
           return;
         }
-        if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(h)) {
-          let P = h;
-          /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(P) && (P = Number(P)), l == null || l(P);
+        if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(m)) {
+          let k = m;
+          /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(k) && (k = Number(k)), l == null || l(k);
         }
       }
     });
@@ -1401,7 +1408,7 @@ function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u
     return /* @__PURE__ */ t(pt, {
       label: o,
       labelPlacement: "start",
-      control: /* @__PURE__ */ t(mt, { checked: i === !0, onChange: (c, h) => l == null ? void 0 : l(h) })
+      control: /* @__PURE__ */ t(mt, { checked: i === !0, onChange: (c, m) => l == null ? void 0 : l(m) })
     });
   if (r.type === "color")
     return /* @__PURE__ */ t(ir, {
@@ -1422,9 +1429,9 @@ function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u
       component: e,
       defaultLocale: y,
       allComponents: a,
-      PropertyValueField: M,
+      PropertyValueField: $,
       onUpload: (c) => {
-        k.current = c, v();
+        v.current = c, x();
       }
     });
   if (r.type === "custom") {
@@ -1432,27 +1439,27 @@ function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u
     return c ? /* @__PURE__ */ t(j, { width: "100%", children: /* @__PURE__ */ t(qe, {
       componentId: c.id,
       props: { label: o, value: i, onChange: l },
-      locale: g,
+      locale: P,
       dev: {
         mode: "draft",
         components: a,
         defaultLocale: y
       }
-    }) }) : /* @__PURE__ */ t(V, { ...x, label: o, disabled: !0, placeholder: "Click right button select a component" });
+    }) }) : /* @__PURE__ */ t(V, { ...g, label: o, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (r.type === "component")
     return /* @__PURE__ */ O(R, { width: "100%", direction: "column", gap: 1, children: [
-      /* @__PURE__ */ t(Se, {
+      /* @__PURE__ */ t(Ie, {
         allComponents: a,
         label: o,
         value: i == null ? void 0 : i.componentId,
-        onChange: (c, h) => {
-          u || !i ? l == null || l({ ...i && JSON.parse(JSON.stringify(i)), componentId: h }) : typeof i == "object" && (i.componentId = h, l == null || l({ ...i && JSON.parse(JSON.stringify(i)), componentId: h }));
+        onChange: (c, m) => {
+          p || !i ? l == null || l({ ...i && JSON.parse(JSON.stringify(i)), componentId: m }) : typeof i == "object" && (i.componentId = m, l == null || l({ ...i && JSON.parse(JSON.stringify(i)), componentId: m }));
         }
       }),
       (i == null ? void 0 : i.componentId) && /* @__PURE__ */ t(hr, {
         value: i,
-        valueImmutable: u,
+        valueImmutable: p,
         onChange: l,
         defaultLocale: y,
         allComponents: a
@@ -1461,33 +1468,33 @@ function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u
   if (!r.type || ["string", "url", "multiline"].includes(r.type)) {
     let c = r.type === "string" ? r.multiline : void 0;
     r.type === "multiline" && (c = !0);
-    const h = r.type === "url" ? i == null ? void 0 : i.url : i;
+    const m = r.type === "url" ? i == null ? void 0 : i.url : i;
     return /* @__PURE__ */ t(V, {
-      ...x,
+      ...g,
       label: o,
-      value: typeof h == "string" ? h : "",
+      value: typeof m == "string" ? m : "",
       multiline: c,
       minRows: c ? 2 : void 0,
       maxRows: c ? 10 : void 0,
-      onChange: (f) => l == null ? void 0 : l(r.type === "url" ? { ...i, url: f.target.value, mediaKitUrl: f.target.value } : f.target.value),
+      onChange: (u) => l == null ? void 0 : l(r.type === "url" ? { ...i, url: u.target.value, mediaKitUrl: u.target.value } : u.target.value),
       InputProps: r.type === "url" ? {
         sx: {
           pr: 0
         },
-        endAdornment: /* @__PURE__ */ O(Pe, { position: "end", children: [
+        endAdornment: /* @__PURE__ */ O(we, { position: "end", children: [
           /* @__PURE__ */ t(Ye, {
-            onChange: async ({ response: f }) => {
-              var I, z, N;
-              const P = ((I = f == null ? void 0 : f.data) == null ? void 0 : I.url) || ((z = f == null ? void 0 : f.data) == null ? void 0 : z.fileUrl);
-              let S;
-              P && (S = await St(P).catch(() => Ot(P)).catch(() => {
+            onChange: async ({ response: u }) => {
+              var S, z, N;
+              const k = ((S = u == null ? void 0 : u.data) == null ? void 0 : S.url) || ((z = u == null ? void 0 : u.data) == null ? void 0 : z.fileUrl);
+              let I;
+              k && (I = await It(k).catch(() => Ot(k)).catch(() => {
               }));
-              let p = ((N = f == null ? void 0 : f.data) == null ? void 0 : N.filename) || "";
-              p && (p = `mediakit://${p}`), l == null || l({
-                url: P,
-                mediaKitUrl: p,
-                width: S == null ? void 0 : S.naturalWidth,
-                height: S == null ? void 0 : S.naturalHeight
+              let f = ((N = u == null ? void 0 : u.data) == null ? void 0 : N.filename) || "";
+              f && (f = `mediakit://${f}`), l == null || l({
+                url: k,
+                mediaKitUrl: f,
+                width: I == null ? void 0 : I.naturalWidth,
+                height: I == null ? void 0 : I.naturalHeight
               });
             }
           }),
@@ -1501,19 +1508,19 @@ function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u
     value: Array.isArray(i) ? i : [],
     onChange: (c) => l == null ? void 0 : l(c),
     property: r,
-    renderItem: ({ item: c, index: h, onChange: f }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(R, { gap: 1, width: "100%", children: A(Object.values(r.subProperties), "index").filter((P) => P.data.visible !== !1).map(({ data: P }) => P.key ? /* @__PURE__ */ t(M, {
+    renderItem: ({ item: c, index: m, onChange: u }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(R, { gap: 1, width: "100%", children: A(Object.values(r.subProperties), "index").filter((k) => k.data.visible !== !1).map(({ data: k }) => k.key ? /* @__PURE__ */ t($, {
       component: e,
-      property: P,
-      value: c[P.key],
-      onChange: (S) => {
-        const p = { ...c, [P.key]: S };
-        f(p);
+      property: k,
+      value: c[k.key],
+      onChange: (I) => {
+        const f = { ...c, [k.key]: I };
+        u(f);
       },
       size: "small",
       fullWidth: !0,
       defaultLocale: y,
       allComponents: a
-    }, P.id) : null) }, h) : /* @__PURE__ */ t(V, { size: x.size, fullWidth: !0, value: c, onChange: (P) => f(P.target.value) })
+    }, k.id) : null) }, m) : /* @__PURE__ */ t(V, { size: g.size, fullWidth: !0, value: c, onChange: (k) => u(k.target.value) })
   }) : (console.error("Unsupported property type", r.type), null);
 }
 function yr({ NumberProps: e, ...r }) {
@@ -1532,10 +1539,10 @@ export default function () {
 }`, xr = `console.log('hello')
 `;
 function gr({ value: e }) {
-  const { locale: r } = C(), i = _e(), l = ee(e).doc;
-  return $(() => {
-    var u;
-    (u = e.renderer) != null && u.script || (l.transact(() => {
+  const { locale: r } = D(), i = _e(), l = te(e).doc;
+  return M(() => {
+    var p;
+    (p = e.renderer) != null && p.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(ge, {
@@ -1543,172 +1550,172 @@ function gr({ value: e }) {
     locale: r,
     language: "typescript",
     value: e.renderer.script || "",
-    onChange: (u) => e.renderer.script = u,
+    onChange: (p) => e.renderer.script = p,
     typeScriptNoValidation: !1,
     fullScreenOptions: {
       enableEscExit: !0
     }
   }, e.id) });
 }
-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 = 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" });
+function wr({ value: e }) {
+  var v, x, o;
+  const { t: r } = D(), i = te(e).doc, { state: { components: l, config: { defaultLocale: p }, resources: y }, localState: { currentLocale: a } } = ce(), g = xe(), P = ((v = l[e.renderer.componentId]) == null ? void 0 : v.data) ?? ((o = (x = y.components) == null ? void 0 : x[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,
+    /* @__PURE__ */ t(Ie, {
+      allComponents: g,
       excludes: [e.id],
       value: e.renderer.componentId,
-      onChange: (n, s) => e.renderer.componentId = s
+      onChange: (s, n) => e.renderer.componentId = n
     }),
-    g && /* @__PURE__ */ O(X, { children: [
+    P && /* @__PURE__ */ O(Z, { children: [
       /* @__PURE__ */ O(R, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ t(B, { variant: "subtitle2", children: r("parameters") }),
-        /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(b), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
+        /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(b), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
       ] }),
-      g.properties && A(Object.values(g.properties), "index").map(({ data: n }) => {
-        var s, d, m, w, c, h, f, P, S, p, I, z, N, T, U, W;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
-          allComponents: x,
-          defaultLocale: u,
-          component: g,
-          property: n,
+      P.properties && A(Object.values(P.properties), "index").map(({ data: s }) => {
+        var n, d, h, w, c, m, u, k, I, f, S, z, N, T, U, W;
+        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
+          allComponents: g,
+          defaultLocale: p,
+          component: P,
+          property: s,
           fullWidth: !0,
           size: "small",
-          valueImmutable: se((w = (m = (d = (s = e.renderer.properties) == null ? void 0 : s[n.id]) == null ? void 0 : d.locales) == null ? void 0 : m[a]) == null ? void 0 : w.value),
-          value: ((P = (f = (h = (c = e.renderer.properties) == null ? void 0 : c[n.id]) == null ? void 0 : h.locales) == null ? void 0 : f[a]) == null ? void 0 : P.value) ?? ((z = (I = (p = (S = e.renderer.properties) == null ? void 0 : S[n.id]) == null ? void 0 : p.locales) == null ? void 0 : I[u]) == null ? void 0 : z.value) ?? ((T = (N = n.locales) == null ? void 0 : N[a]) == null ? void 0 : T.defaultValue) ?? ((W = (U = n.locales) == null ? void 0 : U[u]) == null ? void 0 : W.defaultValue),
-          onChange: (te) => {
+          valueImmutable: se((w = (h = (d = (n = e.renderer.properties) == null ? void 0 : n[s.id]) == null ? void 0 : d.locales) == null ? void 0 : h[a]) == null ? void 0 : w.value),
+          value: ((k = (u = (m = (c = e.renderer.properties) == null ? void 0 : c[s.id]) == null ? void 0 : m.locales) == null ? void 0 : u[a]) == null ? void 0 : k.value) ?? ((z = (S = (f = (I = e.renderer.properties) == null ? void 0 : I[s.id]) == null ? void 0 : f.locales) == null ? void 0 : S[p]) == null ? void 0 : z.value) ?? ((T = (N = s.locales) == null ? void 0 : N[a]) == null ? void 0 : T.defaultValue) ?? ((W = (U = s.locales) == null ? void 0 : U[p]) == null ? void 0 : W.defaultValue),
+          onChange: (re) => {
             i.transact(() => {
               var _, H, Y, q, L;
-              (_ = e.renderer).properties ?? (_.properties = {}), (H = e.renderer.properties)[Y = n.id] ?? (H[Y] = {}), (q = e.renderer.properties[n.id]).locales ?? (q.locales = {}), (L = e.renderer.properties[n.id].locales)[a] ?? (L[a] = {}), e.renderer.properties[n.id].locales[a].value = te;
+              (_ = e.renderer).properties ?? (_.properties = {}), (H = e.renderer.properties)[Y = s.id] ?? (H[Y] = {}), (q = e.renderer.properties[s.id]).locales ?? (q.locales = {}), (L = e.renderer.properties[s.id].locales)[a] ?? (L[a] = {}), e.renderer.properties[s.id].locales[a].value = re;
             });
           }
-        }) }, n.id);
+        }) }, s.id);
       }),
       /* @__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;
-  const { t: x } = C(), g = r ?? A(Object.values(Ht(y, ...i ?? [])), "index").map((v) => v.data), b = (typeof l == "string" ? (k = y[l]) == null ? void 0 : k.data : void 0) ?? null;
+function Ie({ label: e, options: r, excludes: i, value: l, onChange: p, allComponents: y, ...a }) {
+  var v;
+  const { t: g } = D(), P = r ?? A(Object.values(Ht(y, ...i ?? [])), "index").map((x) => x.data), b = (typeof l == "string" ? (v = y[l]) == null ? void 0 : v.data : void 0) ?? null;
   return /* @__PURE__ */ t($e, {
     ...a,
     size: "small",
-    options: g,
+    options: P,
     autoHighlight: !0,
-    isOptionEqualToValue: (v, o) => v.id === o.id,
-    getOptionKey: (v) => v.id,
-    getOptionLabel: (v) => v.name || v.id,
-    renderInput: (v) => /* @__PURE__ */ t(V, { label: e || x("component"), ...v }),
+    isOptionEqualToValue: (x, o) => x.id === o.id,
+    getOptionKey: (x) => x.id,
+    getOptionLabel: (x) => x.name || x.id,
+    renderInput: (x) => /* @__PURE__ */ t(V, { label: e || g("component"), ...x }),
     value: b,
-    onChange: (v, o) => {
-      var s, d, m, w, c, h;
-      let n = {};
-      o && (n = {
-        blockletId: (s = y[o == null ? void 0 : o.id]) == null ? void 0 : s.blockletId,
+    onChange: (x, o) => {
+      var n, d, h, w, c, m;
+      let s = {};
+      o && (s = {
+        blockletId: (n = y[o == null ? void 0 : o.id]) == null ? void 0 : n.blockletId,
         blockletTitle: (d = y[o == null ? void 0 : o.id]) == null ? void 0 : d.blockletTitle,
-        componentName: ((w = (m = y[o == null ? void 0 : o.id]) == null ? void 0 : m.data) == null ? void 0 : w.name) || ((h = (c = y[o == null ? void 0 : o.id]) == null ? void 0 : c.data) == null ? void 0 : h.id)
-      }), u == null || u(v, o == null ? void 0 : o.id, n);
+        componentName: ((w = (h = y[o == null ? void 0 : o.id]) == null ? void 0 : h.data) == null ? void 0 : w.name) || ((m = (c = y[o == null ? void 0 : o.id]) == null ? void 0 : c.data) == null ? void 0 : m.id)
+      }), p == null || p(x, o == null ? void 0 : o.id, s);
     }
   });
 }
-function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l, currentLocale: u, onChange: y, props: a }) {
-  const { t: x } = C(), [g, b] = Q(e == null ? void 0 : e.properties), [k, v] = Q(null);
-  $(() => {
+function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l, currentLocale: p, onChange: y, props: a }) {
+  const { t: g } = D(), [P, b] = X(e == null ? void 0 : e.properties), [v, x] = X(null);
+  M(() => {
     (() => {
       var w, c;
-      ((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);
+      ((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((m) => {
+        const u = zt(m);
+        b(u);
       }) : b(e == null ? void 0 : e.properties);
     })();
   }, [JSON.stringify(e)]);
-  const o = D(() => !e || !g ? {} : Object.values(g).reduce((m, { data: w }) => {
-    var h, f, P, S, p;
+  const o = C(() => !e || !P ? {} : Object.values(P).reduce((h, { data: w }) => {
+    var m, u, k, I, f;
     const c = w.key || w.id;
-    return m[w.id] = {
+    return h[w.id] = {
       key: c,
-      value: (a == null ? void 0 : a[c]) ?? ((h = l == null ? void 0 : l[w.id]) == null ? void 0 : h.value) ?? ((P = (f = w.locales) == null ? void 0 : f[u]) == null ? void 0 : P.defaultValue) ?? ((p = (S = w.locales) == null ? void 0 : S[i]) == null ? void 0 : p.defaultValue),
+      value: (a == null ? void 0 : a[c]) ?? ((m = l == null ? void 0 : l[w.id]) == null ? void 0 : m.value) ?? ((k = (u = w.locales) == null ? void 0 : u[p]) == null ? void 0 : k.defaultValue) ?? ((f = (I = w.locales) == null ? void 0 : I[i]) == null ? void 0 : f.defaultValue),
       id: w.id,
       type: w.type
-    }, m;
-  }, {}), [JSON.stringify(g), e, l, u, i]), n = ne(() => {
-    if (!g)
+    }, h;
+  }, {}), [JSON.stringify(P), e, l, p, i]), s = Q(() => {
+    if (!P)
       return {
         canUseProperties: [],
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    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);
+    const h = A(Object.values(P), "index"), w = h.filter(({ data: u }) => u.key && ye(P, u.id)), c = h.filter(({ data: u }) => u.key && u.type !== "component"), m = c.map(({ data: u }) => u.key);
     return {
       canUseProperties: c,
       visibleProperties: w,
-      canUsePropertiesKeys: h
+      canUsePropertiesKeys: m
     };
-  }, [JSON.stringify(g)]), s = o(), d = _t(s, "key");
+  }, [JSON.stringify(P)]), n = o(), d = _t(n, "key");
   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 }) => {
+    /* @__PURE__ */ t(B, { variant: "subtitle1", children: g("maker.properties.parameters") }),
+    !e || s.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(de, { style: { fontSize: 12 }, children: g("maker.properties.noParameters") }) : /* @__PURE__ */ O(Z, { children: [
+      /* @__PURE__ */ t(R, { gap: 2, children: s.visibleProperties.map(({ data: h }) => {
         var w, c;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
+        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
           allComponents: r,
           defaultLocale: i,
           size: "small",
           fullWidth: !0,
           component: e,
-          property: m,
-          valueImmutable: se((w = l == null ? void 0 : l[m.id]) == null ? void 0 : w.value),
-          value: (a == null ? void 0 : a[m.key || m.id]) ?? ((c = s[m.id]) == null ? void 0 : c.value),
-          onChange: (h) => {
+          property: h,
+          valueImmutable: se((w = l == null ? void 0 : l[h.id]) == null ? void 0 : w.value),
+          value: (a == null ? void 0 : a[h.key || h.id]) ?? ((c = n[h.id]) == null ? void 0 : c.value),
+          onChange: (m) => {
             y({
-              path: ["properties", m.id],
-              id: m.id,
-              value: { value: h },
-              shouldSync: Ue(m),
+              path: ["properties", h.id],
+              id: h.id,
+              value: { value: m },
+              shouldSync: Ue(h),
               excludeKeys: [],
-              key: m.key || m.id
+              key: h.key || h.id
             });
           }
-        }) }, m.id);
+        }) }, h.id);
       }) }),
       /* @__PURE__ */ t(R, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ t(qe, {
         componentId: (e == null ? void 0 : e.id) || "",
         renderType: "setting",
-        locale: u,
-        properties: s,
+        locale: p,
+        properties: n,
         dev: { mode: "draft", components: r, defaultLocale: i },
         props: {
-          ...Yt(a ?? {}, n.canUsePropertiesKeys),
-          onChange: (m) => {
-            const { canUsePropertiesKeys: w } = n;
-            Object.keys(m).filter((h) => {
-              var f;
-              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") && 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)
+          ...Yt(a ?? {}, s.canUsePropertiesKeys),
+          onChange: (h) => {
+            const { canUsePropertiesKeys: w } = s;
+            Object.keys(h).filter((m) => {
+              var u;
+              return !Mt(h[m], (u = d == null ? void 0 : d[m]) == null ? void 0 : u.value);
+            }).filter((m) => {
+              var u, k, I, f;
+              return !(m === "locale" && !Jt(d[m], "locale") || ((u = d[m]) == null ? void 0 : u.type) === "component" || (((k = d[m]) == null ? void 0 : k.type) === "yaml" || ((I = d[m]) == null ? void 0 : I.type) === "json") && ye(P, (f = d[m]) == null ? void 0 : f.id));
+            }).reduce((m, u) => m.then(() => {
+              const k = d[u], I = w.includes(u);
+              if (k != null && k.id && I)
                 return y({
-                  path: ["properties", P.id],
-                  id: P.id,
-                  value: { value: m[f] },
-                  shouldSync: Ue(P),
+                  path: ["properties", k.id],
+                  id: k.id,
+                  value: { value: h[u] },
+                  shouldSync: Ue(k),
                   excludeKeys: [],
-                  key: P.key || P.id
+                  key: k.key || k.id
                 }), Promise.resolve();
-              const p = `propertyNotFound${f}`;
-              if (k === p)
+              const f = `propertyNotFound${u}`;
+              if (v === f)
                 return Promise.resolve();
-              he.close(k);
-              const I = he.warning(x("maker.properties.propertyNotFound", {
-                key: f
+              he.close(v);
+              const S = he.warning(g("maker.properties.propertyNotFound", {
+                key: u
               }), {
-                key: p
+                key: f
               });
-              return v(I), Promise.resolve();
+              return x(S), Promise.resolve();
             }), Promise.resolve());
           }
         }
@@ -1718,11 +1725,11 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
 }
 export {
   ur as BasicInfo,
-  Se as CustomComponentAutocomplete,
+  Ie as CustomComponentAutocomplete,
   ci as CustomComponentSettings,
   vr as DefaultReactComponentScriptTemplate,
   xr as DefaultWebComponentScriptTemplate,
   lt as ParametersConfig,
   mr as PropertiesConfig,
-  M as PropertyValueField
+  $ as PropertyValueField
 };