@blocklet/pages-kit-inner-components 0.4.43 → 0.4.44

package/lib/es/setting.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as S, Fragment as $ } from "react/jsx-runtime";
-import { t as ge, g as ne, i as _e, b as Je, h as de, E as gt, n as $e, j as xe } from "./_chunks/state-kKXkQecK.js";
+import { t as ge, g as ne, i as _e, b as Je, h as de, E as gt, n as $e, j as xe } from "./_chunks/state-DqChB5ys.js";
 import te from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as A } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as ke } from "@blocklet/code-editor";
@@ -7,17 +7,17 @@ import xt from "@mui/icons-material/AddRounded";
 import kt from "@mui/icons-material/ArrowDownward";
 import wt from "@mui/icons-material/ArrowUpward";
 import Pt from "@mui/icons-material/DeleteOutline";
-import { Typography as F, TextField as D, Stack as j, FormLabel as oe, Box as O, TableContainer as It, Paper as re, Table as He, TableHead as Me, TableRow as se, TableCell as ce, TableBody as Ye, Button as V, IconButton as we, FormControlLabel as Ge, Switch as qe, InputAdornment as ue, Dialog as Pe, DialogTitle as Le, DialogContent as Qe, DialogActions as Xe, alpha as St, Tooltip as X, buttonClasses as Ot, Autocomplete as Ze, MenuItem as he, Popper as et, Divider as Ct } from "@mui/material";
-import T from "lodash/sortBy";
-import { useCallback as N, useMemo as ae, forwardRef as tt, useState as Z, useEffect as H, useImperativeHandle as rt, lazy as jt, Suspense as zt, useRef as J, useId as Rt } from "react";
+import { Typography as F, TextField as D, Stack as j, FormLabel as oe, Box as O, TableContainer as It, Paper as re, Table as Me, TableHead as He, TableRow as se, TableCell as ce, TableBody as Ye, Button as T, IconButton as we, FormControlLabel as Ge, Switch as Le, InputAdornment as ue, Dialog as Pe, DialogTitle as qe, DialogContent as Qe, DialogActions as Xe, alpha as St, Tooltip as X, buttonClasses as Ot, Autocomplete as Ze, MenuItem as he, Popper as et, Divider as Ct } from "@mui/material";
+import V from "lodash/sortBy";
+import { useCallback as N, useMemo as ae, forwardRef as tt, useState as Z, useEffect as M, useImperativeHandle as rt, lazy as jt, Suspense as zt, useRef as J, useId as Rt } from "react";
 import { useUpdate as it, useDebounce as Dt } from "react-use";
 import { styled as At } from "@arcblock/ux/lib/Theme";
 import { cx as Nt } from "@emotion/css";
-import { useReactive as Vt, useBoolean as Tt, useUpdate as Et } from "ahooks";
+import { useReactive as Tt, useBoolean as Vt, useUpdate as Et } from "ahooks";
 import Ue from "gradient-parser";
 import "lodash/without";
 import Ut from "tinycolor2";
-import { red as Wt, pink as Bt, purple as Kt, indigo as Ft, blue as _t, cyan as Jt, teal as $t, green as Ht, lime as Mt, yellow as Yt, amber as Gt, orange as qt, brown as Lt, grey as Qt, blueGrey as Xt } from "@mui/material/colors";
+import { red as Wt, pink as Bt, purple as Kt, indigo as Ft, blue as _t, cyan as Jt, teal as $t, green as Mt, lime as Ht, yellow as Yt, amber as Gt, orange as Lt, brown as qt, grey as Qt, blueGrey as Xt } from "@mui/material/colors";
 import { getImageSize as fe, getVideoSize as be, UploaderButton as Ie, UploaderProvider as Se, useUploader as Zt } from "./uploader.js";
 import { Icon as er } from "@iconify-icon/react";
 import lt from "lodash/isEmpty";
@@ -29,7 +29,7 @@ import { CustomComponentRenderer as ot, transpileAndLoadScript as tr, getPropert
 import { unstable_useNumberInput as ir, ClickAwayListener as st } from "@mui/base";
 import { VisibilityOffRounded as lr, VisibilityRounded as nr, DeleteOutlineRounded as or, DragIndicatorRounded as sr, TranslateRounded as ct, AddRounded as at, InfoRounded as dt, StarRounded as cr, SettingsRounded as ut } from "@mui/icons-material";
 import { alpha as Be } from "@mui/material/styles";
-import { getYjsValue as M } from "@syncedstore/core";
+import { getYjsValue as H } from "@syncedstore/core";
 import ar from "lodash/assign";
 import dr from "lodash/has";
 import ee from "lodash/isNil";
@@ -43,52 +43,52 @@ import { ErrorBoundary as br } from "react-error-boundary";
 import { useDrop as ht, useDrag as yr } from "react-dnd";
 function vr({
   onClick: e,
-  disabled: i,
+  disabled: r,
   sx: l,
-  ...r
+  ...i
 }) {
-  return /* @__PURE__ */ t(we, { size: "small", color: "warning", variant: "outlined", disabled: i, onClick: e, ...r, children: /* @__PURE__ */ t(Pt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(we, { size: "small", color: "warning", variant: "outlined", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(Pt, { fontSize: "small" }) });
 }
 function gr({
   onClick: e,
-  disabled: i,
+  disabled: r,
   sx: l,
-  ...r
+  ...i
 }) {
-  return /* @__PURE__ */ t(we, { size: "small", color: "primary", disabled: i, onClick: e, ...r, children: /* @__PURE__ */ t(wt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(we, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(wt, { fontSize: "small" }) });
 }
 function xr({
   onClick: e,
-  disabled: i,
+  disabled: r,
   sx: l,
-  ...r
+  ...i
 }) {
-  return /* @__PURE__ */ t(we, { size: "small", color: "primary", disabled: i, onClick: e, ...r, children: /* @__PURE__ */ t(kt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(we, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(kt, { fontSize: "small" }) });
 }
 function kr({
   label: e,
-  value: i,
+  value: r,
   onChange: l,
-  disabled: r = !1,
-  itemLabel: a = "",
-  emptyHeight: f = 40,
-  property: d,
+  disabled: i = !1,
+  itemLabel: u = "",
+  emptyHeight: m = 40,
+  property: a,
   renderItem: p,
   ...k
 }) {
-  const { t: m, locale: x } = A(), b = it(), n = N(
+  const { t: h, locale: x } = A(), b = it(), n = N(
     (y) => {
-      l(ge(y, d.type));
+      l(ge(y, a.type));
     },
-    [l, d.type]
-  ), o = ae(() => Array.isArray(i) ? i : [], [i]), s = N(() => {
+    [l, a.type]
+  ), o = ae(() => Array.isArray(r) ? r : [], [r]), s = N(() => {
     const y = [...o, ""];
     n(y), b();
-  }, [o, n, b]), u = N(() => {
-    if (!d || !d.subProperties)
+  }, [o, n, b]), d = N(() => {
+    if (!a || !a.subProperties)
       return s();
     const y = {};
-    T(Object.values(d.subProperties), "index").forEach(({ data: R }) => {
+    V(Object.values(a.subProperties), "index").forEach(({ data: R }) => {
       var U, W;
       if (!R.key) return;
       const E = ((W = (U = R.locales) == null ? void 0 : U[x]) == null ? void 0 : W.defaultValue) ?? "";
@@ -96,7 +96,7 @@ function kr({
     });
     const z = [...o, y];
     n(z), b();
-  }, [o, n, b, d, x, s]), h = N(
+  }, [o, n, b, a, x, s]), f = N(
     (y) => {
       try {
         const I = JSON.parse(y);
@@ -132,7 +132,7 @@ function kr({
       z[y] = I, n(z);
     },
     [o, n]
-  ), P = d && d.subProperties && Object.keys(d.subProperties).length > 0, C = ae(() => [
+  ), P = a && a.subProperties && Object.keys(a.subProperties).length > 0, C = ae(() => [
     {
       field: "index",
       headerName: "#",
@@ -162,16 +162,16 @@ function kr({
       renderCell: ({ row: y, index: I }) => p && P ? p({
         item: y,
         index: I,
-        property: d,
+        property: a,
         onChange: (z) => g(I, z)
       }) : /* @__PURE__ */ t(
         D,
         {
           fullWidth: !0,
           size: "small",
-          disabled: r,
+          disabled: i,
           value: y,
-          placeholder: a || `${m("item")} ${I + 1}`,
+          placeholder: u || `${h("item")} ${I + 1}`,
           onChange: (z) => g(I, z.target.value),
           ...k
         }
@@ -184,25 +184,25 @@ function kr({
       // 增加宽度以容纳更多按钮
       align: "center",
       renderCell: ({ index: y }) => /* @__PURE__ */ S(j, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ t(gr, { disabled: r || y === 0, onClick: () => c(y) }),
+        /* @__PURE__ */ t(gr, { disabled: i || y === 0, onClick: () => c(y) }),
         /* @__PURE__ */ t(
           xr,
           {
-            disabled: r || y === o.length - 1,
+            disabled: i || y === o.length - 1,
             onClick: () => v(y)
           }
         ),
-        /* @__PURE__ */ t(vr, { disabled: r, onClick: () => w(y) })
+        /* @__PURE__ */ t(vr, { disabled: i, onClick: () => w(y) })
       ] })
     }
   ], [
     p,
     P,
-    d,
-    g,
     a,
-    m,
-    r,
+    g,
+    u,
+    h,
+    i,
     k,
     w,
     c,
@@ -212,7 +212,7 @@ function kr({
   return P ? /* @__PURE__ */ S(j, { width: "100%", gap: 1, children: [
     e && /* @__PURE__ */ t(oe, { children: e }),
     o.length > 0 ? /* @__PURE__ */ t(It, { component: re, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ S(
-      He,
+      Me,
       {
         size: "small",
         sx: {
@@ -229,7 +229,7 @@ function kr({
           borderCollapse: "collapse"
         },
         children: [
-          /* @__PURE__ */ t(Me, { sx: { display: "none" }, children: /* @__PURE__ */ t(se, { children: C.map((y) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(He, { sx: { display: "none" }, children: /* @__PURE__ */ t(se, { children: C.map((y) => /* @__PURE__ */ t(
             ce,
             {
               width: y.width,
@@ -270,17 +270,17 @@ function kr({
           )) })
         ]
       }
-    ) }) : /* @__PURE__ */ t(te, { style: { fontSize: 12, height: f }, children: m("maker.properties.arrayEmpty") }),
+    ) }) : /* @__PURE__ */ t(te, { style: { fontSize: 12, height: m }, children: h("maker.properties.arrayEmpty") }),
     /* @__PURE__ */ t(
-      V,
+      T,
       {
         fullWidth: !0,
         size: "small",
         variant: "outlined",
-        disabled: r,
+        disabled: i,
         startIcon: /* @__PURE__ */ t(xt, {}),
-        onClick: u,
-        children: m("maker.properties.addArrayItem")
+        onClick: d,
+        children: h("maker.properties.addArrayItem")
       }
     )
   ] }) : /* @__PURE__ */ S(j, { width: "100%", gap: 1, children: [
@@ -288,61 +288,61 @@ function kr({
     /* @__PURE__ */ t(O, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
       ke,
       {
-        keyId: d.id,
+        keyId: a.id,
         locale: x,
         language: "json",
         value: JSON.stringify(o, null, 2),
-        onChange: (y) => h(y || "")
+        onChange: (y) => f(y || "")
       },
-      d.id
+      a.id
     ) })
   ] });
 }
 Wt[300], Bt[300], Kt[300], // deepPurple['300'],
 Ft[300], _t[300], // lightBlue['300'],
-Jt[300], $t[300], Ht[300], // lightGreen['300'],
-Mt[300], Yt[300], Gt[300], qt[300], // deepOrange['300'],
-Lt[300], Qt[300], Xt[300];
-const wr = tt(function({ showMarkdown: i, markdown: l, onMarkdownChange: r, showUploader: a, value: f, meta: d, onChange: p, ...k }, m) {
+Jt[300], $t[300], Mt[300], // lightGreen['300'],
+Ht[300], Yt[300], Gt[300], Lt[300], // deepOrange['300'],
+qt[300], Qt[300], Xt[300];
+const wr = tt(function({ showMarkdown: r, markdown: l, onMarkdownChange: i, showUploader: u, value: m, meta: a, onChange: p, ...k }, h) {
   const [x, b] = Z("");
-  H(() => {
-    b(f || "");
-  }, [f, b]);
+  M(() => {
+    b(m || "");
+  }, [m, b]);
   const n = async () => {
-    if (x !== f) {
+    if (x !== m) {
       const s = ne(x);
       if (!s) {
         p(x, void 0);
         return;
       }
-      const u = await fe(s).catch(() => be(s)).catch(() => {
+      const d = await fe(s).catch(() => be(s)).catch(() => {
       });
-      p(x, { ...u, filename: x });
+      p(x, { ...d, filename: x });
     }
   };
   Dt(
     () => {
-      x !== f && p(x);
+      x !== m && p(x);
     },
     300,
     [x]
-  ), rt(m, () => ({
+  ), rt(h, () => ({
     submit: n
   }));
   const o = {};
-  return a && (o.InputProps = {
+  return u && (o.InputProps = {
     sx: { pr: 0 },
     endAdornment: /* @__PURE__ */ t(ue, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ t(
       Ie,
       {
         onChange: async ({ response: s }) => {
           var c;
-          const u = (c = s == null ? void 0 : s.data) == null ? void 0 : c.filename, h = ne(u) || "";
+          const d = (c = s == null ? void 0 : s.data) == null ? void 0 : c.filename, f = ne(d) || "";
           let w = {};
-          h && (w = await fe(h).catch(() => be(h)).catch(() => {
-          })), p(u, {
+          f && (w = await fe(f).catch(() => be(f)).catch(() => {
+          })), p(d, {
             ...w,
-            filename: u
+            filename: d
           });
         }
       }
@@ -355,7 +355,7 @@ const wr = tt(function({ showMarkdown: i, markdown: l, onMarkdownChange: r, show
       ...k,
       label: /* @__PURE__ */ S(j, { direction: "row", spacing: 1, alignItems: "center", children: [
         k.label,
-        i && /* @__PURE__ */ S($, { children: [
+        r && /* @__PURE__ */ S($, { children: [
           " (",
           /* @__PURE__ */ t(
             Ge,
@@ -363,9 +363,9 @@ const wr = tt(function({ showMarkdown: i, markdown: l, onMarkdownChange: r, show
               checked: l,
               label: /* @__PURE__ */ t(O, { component: er, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
               labelPlacement: "start",
-              control: /* @__PURE__ */ t(qe, { size: "small" }),
+              control: /* @__PURE__ */ t(Le, { size: "small" }),
               sx: { ml: 0.25, pr: 1 },
-              onChange: (s, u) => r == null ? void 0 : r(u)
+              onChange: (s, d) => i == null ? void 0 : i(d)
             }
           ),
           ")"
@@ -383,21 +383,21 @@ const wr = tt(function({ showMarkdown: i, markdown: l, onMarkdownChange: r, show
 }), Pr = jt(() => import("react-best-gradient-color-picker"));
 function Ir(e) {
   try {
-    const l = Ue.parse(e).map((a) => {
-      const f = a.colorStops.map((d) => {
-        if (d.type !== "rgba") {
-          const p = Ut(d.value).toRgb();
+    const l = Ue.parse(e).map((u) => {
+      const m = u.colorStops.map((a) => {
+        if (a.type !== "rgba") {
+          const p = Ut(a.value).toRgb();
           return {
-            ...d,
+            ...a,
             value: [p.r, p.g, p.b, p.a],
             type: "rgba"
           };
         }
-        return d;
+        return a;
       });
       return {
-        ...a,
-        colorStops: f
+        ...u,
+        colorStops: m
       };
     });
     return Ue.stringify(l);
@@ -405,14 +405,14 @@ function Ir(e) {
     return Je(e) ? e : "";
   }
 }
-function Sr({ color: e, sx: i = {}, ...l }) {
+function Sr({ color: e, sx: r = {}, ...l }) {
   Je(e);
-  const r = {};
-  return _e(e) ? r.backgroundImage = e : r.backgroundColor = e, /* @__PURE__ */ t(
+  const i = {};
+  return _e(e) ? i.backgroundImage = e : i.backgroundColor = e, /* @__PURE__ */ t(
     O,
     {
       sx: {
-        ...i,
+        ...r,
         width: "100%",
         paddingBottom: "100%",
         cursor: "pointer",
@@ -422,41 +422,41 @@ function Sr({ color: e, sx: i = {}, ...l }) {
         "&:hover": {
           opacity: 0.75
         },
-        ...r
+        ...i
       },
       ...l
     }
   );
 }
-const Or = tt(function({ onSave: i }, l) {
-  const r = Vt({
+const Or = tt(function({ onSave: r }, l) {
+  const i = Tt({
     value: ""
-  }), { t: a } = A(), f = {};
-  r.value ? _e(r.value) ? f.backgroundImage = r.value : f.backgroundColor = r.value : f.border = "1px solid #ccc";
-  const [d, { setFalse: p, setTrue: k }] = Tt(!1), m = N(() => {
+  }), { t: u } = A(), m = {};
+  i.value ? _e(i.value) ? m.backgroundImage = i.value : m.backgroundColor = i.value : m.border = "1px solid #ccc";
+  const [a, { setFalse: p, setTrue: k }] = Vt(!1), h = N(() => {
     p();
   }, [p]), x = () => {
-    i({ value: r.value }, m);
+    r({ value: i.value }, h);
   };
   return rt(l, () => ({
     open({ value: b } = { value: "" }) {
-      r.value = b, k();
+      i.value = b, k();
     },
     close() {
-      m();
+      h();
     }
-  })), /* @__PURE__ */ S(Pe, { open: d, onClose: m, hideBackdrop: !0, children: [
-    /* @__PURE__ */ t(Le, { children: a("maker.configBackground") }),
+  })), /* @__PURE__ */ S(Pe, { open: a, onClose: h, hideBackdrop: !0, children: [
+    /* @__PURE__ */ t(qe, { children: u("maker.configBackground") }),
     /* @__PURE__ */ t(Qe, { sx: { width: 600 }, children: /* @__PURE__ */ S(O, { width: "100%", display: "flex", children: [
-      /* @__PURE__ */ t(O, { flex: 1, mr: 1, sx: f, children: !r.value && /* @__PURE__ */ t(te, { children: a("error.notConfig") }) }),
+      /* @__PURE__ */ t(O, { flex: 1, mr: 1, sx: m, children: !i.value && /* @__PURE__ */ t(te, { children: u("error.notConfig") }) }),
       /* @__PURE__ */ t(zt, { children: /* @__PURE__ */ t(
         Pr,
         {
           width: 200,
           height: 200,
-          value: Ir(r.value),
+          value: Ir(i.value),
           onChange: (b) => {
-            r.value = b;
+            i.value = b;
           },
           hidePresets: !0,
           hideAdvancedSliders: !0,
@@ -466,8 +466,8 @@ const Or = tt(function({ onSave: i }, l) {
       ) })
     ] }) }),
     /* @__PURE__ */ S(Xe, { children: [
-      /* @__PURE__ */ t(V, { variant: "outlined", size: "small", onClick: m, children: a("common.cancel") }),
-      /* @__PURE__ */ t(V, { variant: "contained", size: "small", onClick: x, children: a("maker.save") })
+      /* @__PURE__ */ t(T, { variant: "outlined", size: "small", onClick: h, children: u("common.cancel") }),
+      /* @__PURE__ */ t(T, { variant: "contained", size: "small", onClick: x, children: u("maker.save") })
     ] })
   ] });
 });
@@ -494,17 +494,17 @@ At(O)`
 `;
 function Cr({
   value: e,
-  onChange: i,
+  onChange: r,
   ...l
 }) {
-  const r = J(null);
+  const i = J(null);
   return /* @__PURE__ */ S($, { children: [
     /* @__PURE__ */ t(
       wr,
       {
         ...l,
         value: e,
-        onChange: i,
+        onChange: r,
         InputProps: {
           endAdornment: /* @__PURE__ */ t(ue, { position: "end", children: /* @__PURE__ */ t(
             Sr,
@@ -512,8 +512,8 @@ function Cr({
               color: e ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
-                var a;
-                (a = r.current) == null || a.open({ value: e ?? "" });
+                var u;
+                (u = i.current) == null || u.open({ value: e ?? "" });
               }
             }
           ) })
@@ -523,9 +523,9 @@ function Cr({
     /* @__PURE__ */ t(
       Or,
       {
-        ref: r,
-        onSave: ({ value: a }, f) => {
-          i(a), f();
+        ref: i,
+        onSave: ({ value: u }, m) => {
+          r(u), m();
         }
       }
     )
@@ -533,41 +533,41 @@ function Cr({
 }
 function jr({
   label: e,
-  value: i,
+  value: r,
   onChange: l,
-  property: r,
-  component: a,
-  defaultLocale: f,
-  allComponents: d,
+  property: i,
+  component: u,
+  defaultLocale: m,
+  allComponents: a,
   PropertyValueField: p,
   onUpload: k
 }) {
-  const { locale: m } = A(), x = J(null);
-  if (!lt(r.subProperties)) {
-    const n = T(Object.values(r.subProperties || {}), "index").filter(
+  const { locale: h } = A(), x = J(null);
+  if (!lt(i.subProperties)) {
+    const n = V(Object.values(i.subProperties || {}), "index").filter(
       (o) => o.data.visible !== !1 && o.data.key
     );
     return /* @__PURE__ */ S(j, { width: "100%", children: [
       /* @__PURE__ */ t(oe, { sx: { px: 0.25, py: 0.5 }, children: e }),
       /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(O, { sx: { position: "relative" }, children: n.map((o, s) => {
-        const { data: u } = o, h = u.key ?? u.id, w = s === n.length - 1;
+        const { data: d } = o, f = d.key ?? d.id, w = s === n.length - 1;
         let c = null;
         try {
-          i && typeof i == "object" ? c = i[h] : typeof i == "string" && (c = (r.type === "yaml" ? ye.parse(i || "") : JSON.parse(i || "{}"))[h]);
+          r && typeof r == "object" ? c = r[f] : typeof r == "string" && (c = (i.type === "yaml" ? ye.parse(r || "") : JSON.parse(r || "{}"))[f]);
         } catch {
         }
-        c == null && (u.locales && m && u.locales[m] ? c = u.locales[m].defaultValue : u.locales && f && u.locales[f] && (c = u.locales[f].defaultValue));
+        c == null && (d.locales && h && d.locales[h] ? c = d.locales[h].defaultValue : d.locales && m && d.locales[m] && (c = d.locales[m].defaultValue));
         const v = (P) => {
           try {
             let C = {};
-            if (typeof i == "string")
+            if (typeof r == "string")
               try {
-                C = r.type === "yaml" ? ye.parse(i || "") : JSON.parse(i || "{}");
+                C = i.type === "yaml" ? ye.parse(r || "") : JSON.parse(r || "{}");
               } catch {
               }
-            else typeof i == "object" && i !== null && (C = { ...i });
-            nt(C, h, P);
-            const y = ge(C, r.type);
+            else typeof r == "object" && r !== null && (C = { ...r });
+            nt(C, f, P);
+            const y = ge(C, i.type);
             l == null || l(y);
           } catch (C) {
             console.error("Error updating property:", C);
@@ -644,19 +644,19 @@ function jr({
               /* @__PURE__ */ t(O, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
                 p,
                 {
-                  component: a,
-                  property: u,
+                  component: u,
+                  property: d,
                   value: c,
                   onChange: v,
                   size: "small",
                   fullWidth: !0,
-                  defaultLocale: f,
-                  allComponents: d
+                  defaultLocale: m,
+                  allComponents: a
                 }
               ) })
             ]
           },
-          u.id
+          d.id
         );
       }) }) })
     ] });
@@ -689,10 +689,10 @@ function jr({
         /* @__PURE__ */ t(
           ke,
           {
-            keyId: r.id,
-            locale: m,
-            language: r.type === "yaml" ? "yaml" : "json",
-            value: typeof i == "string" ? i : "",
+            keyId: i.id,
+            locale: h,
+            language: i.type === "yaml" ? "yaml" : "json",
+            value: typeof r == "string" ? r : "",
             onChange: (n) => {
               l == null || l(n);
             },
@@ -700,7 +700,7 @@ function jr({
               x.current = n, k && k(n);
             }
           },
-          r.id
+          i.id
         ),
         /* @__PURE__ */ t(
           O,
@@ -729,58 +729,58 @@ function jr({
 const Ke = ["string", "multiline", "json", "yaml", "component", "custom", "url"];
 function ft({
   disabled: e,
-  list: i,
+  list: r,
   renderItem: l,
-  ...r
+  ...i
 }) {
-  const a = J(null), f = Rt(), d = Et(), p = T(Object.entries(i), (o) => o[1].index).map((o) => o[0]), k = J(p), m = N(
+  const u = J(null), m = Rt(), a = Et(), p = V(Object.entries(r), (o) => o[1].index).map((o) => o[0]), k = J(p), h = N(
     (o) => {
-      k.current = o, d();
+      k.current = o, a();
     },
-    [d]
+    [a]
   ), x = N(
     ({ index: o }, { index: s }) => {
-      const u = [...k.current];
-      u.splice(s, 0, ...u.splice(o, 1)), m(u);
+      const d = [...k.current];
+      d.splice(s, 0, ...d.splice(o, 1)), h(d);
     },
-    [m]
+    [h]
   );
-  H(() => {
-    m(p);
+  M(() => {
+    h(p);
   }, [p.join("-")]);
   const [{ isOver: b }, n] = ht({
-    accept: f,
+    accept: m,
     collect: (o) => ({
       isOver: o.isOver()
     }),
     canDrop: () => !e,
     drop: () => {
-      var u;
+      var d;
       const o = () => {
-        k.current.forEach((h, w) => {
-          const c = i[h];
+        k.current.forEach((f, w) => {
+          const c = r[f];
           c && (c.index = w);
         });
-      }, s = (u = M(i)) == null ? void 0 : u.doc;
+      }, s = (d = H(r)) == null ? void 0 : d.doc;
       s ? s.transact(() => {
         o();
       }) : o();
     }
   });
-  return H(() => {
-    b || m(p);
-  }, [b]), n(a), /* @__PURE__ */ t(O, { ...r, ref: a, className: Nt(b && "isDragging"), children: k.current.map((o, s) => /* @__PURE__ */ t(
+  return M(() => {
+    b || h(p);
+  }, [b]), n(u), /* @__PURE__ */ t(O, { ...i, ref: u, className: Nt(b && "isDragging"), children: k.current.map((o, s) => /* @__PURE__ */ t(
     zr,
     {
-      type: f,
+      type: m,
       disabled: e,
       id: o,
       index: s,
-      itemIndex: (u) => k.current.indexOf(u),
+      itemIndex: (d) => k.current.indexOf(d),
       move: x,
-      children: (u) => {
-        const h = i[o];
-        return h ? l(h.data, s, u) : null;
+      children: (d) => {
+        const f = r[o];
+        return f ? l(f.data, s, d) : null;
       }
     },
     o
@@ -788,50 +788,50 @@ function ft({
 }
 function zr({
   disabled: e,
-  id: i,
+  id: r,
   index: l,
-  type: r,
-  children: a,
-  itemIndex: f,
-  move: d
+  type: i,
+  children: u,
+  itemIndex: m,
+  move: a
 }) {
-  const p = J(), [{ isDragging: k }, m, x] = yr({
-    type: r,
-    item: () => ({ id: i }),
+  const p = J(), [{ isDragging: k }, h, x] = yr({
+    type: i,
+    item: () => ({ id: r }),
     canDrag: () => !e,
     collect: (n) => ({ isDragging: n.isDragging() })
   }), [, b] = ht({
-    accept: r,
+    accept: i,
     canDrop: () => !e,
     hover(n, o) {
       var g;
       if (!p.current)
         return;
-      const s = f(n.id), u = l;
-      if (s === u)
+      const s = m(n.id), d = l;
+      if (s === d)
         return;
-      const h = (g = p.current) == null ? void 0 : g.getBoundingClientRect(), w = (h.bottom - h.top) / 2, v = o.getClientOffset().y - h.top;
-      s < u && v < w || s > u && v > w || d({ id: n.id, index: s }, { id: i, index: l });
+      const f = (g = p.current) == null ? void 0 : g.getBoundingClientRect(), w = (f.bottom - f.top) / 2, v = o.getClientOffset().y - f.top;
+      s < d && v < w || s > d && v > w || a({ id: n.id, index: s }, { id: r, index: l });
     }
   });
-  return typeof a == "function" ? a({
+  return typeof u == "function" ? u({
     isDragging: k,
-    drag: m,
+    drag: h,
     drop: (n) => (p.current = n, b(n)),
     preview: x
-  }) : (m(b(x(p))), /* @__PURE__ */ t(O, { ref: p, children: a }));
+  }) : (h(b(x(p))), /* @__PURE__ */ t(O, { ref: p, children: u }));
 }
 function Rr({
   drop: e,
-  preview: i,
+  preview: r,
   drag: l,
-  disabled: r,
-  isDragging: a,
-  children: f,
-  onDelete: d,
+  disabled: i,
+  isDragging: u,
+  children: m,
+  onDelete: a,
   onVisibilityChange: p,
   visible: k = !0,
-  actions: m,
+  actions: h,
   alwaysShowActions: x = !1
 }) {
   const { t: b } = A();
@@ -847,18 +847,18 @@ function Rr({
         /* @__PURE__ */ t(
           O,
           {
-            ref: i,
+            ref: r,
             sx: {
               flex: 1,
               borderRadius: 0.5,
-              bgcolor: a ? "action.hover" : "background.paper",
+              bgcolor: u ? "action.hover" : "background.paper",
               opacity: 0.9999
               // NOTE: make preview effective
             },
-            children: f
+            children: m
           }
         ),
-        !r && /* @__PURE__ */ t(
+        !i && /* @__PURE__ */ t(
           O,
           {
             className: x ? "" : "hover-visible",
@@ -886,10 +886,10 @@ function Rr({
                   }
                 },
                 children: [
-                  m,
-                  p && /* @__PURE__ */ t(X, { title: b(k ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(V, { onClick: () => p(!k), children: k ? /* @__PURE__ */ t(lr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(nr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  d && /* @__PURE__ */ t(X, { title: b("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(V, { onClick: d, children: /* @__PURE__ */ t(or, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ t(X, { title: b("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(V, { ref: l, children: /* @__PURE__ */ t(sr, { sx: { color: "grey.500" } }) }) })
+                  h,
+                  p && /* @__PURE__ */ t(X, { title: b(k ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: () => p(!k), children: k ? /* @__PURE__ */ t(lr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(nr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  a && /* @__PURE__ */ t(X, { title: b("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: a, children: /* @__PURE__ */ t(or, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  /* @__PURE__ */ t(X, { title: b("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { ref: l, children: /* @__PURE__ */ t(sr, { sx: { color: "grey.500" } }) }) })
                 ]
               }
             )
@@ -901,54 +901,54 @@ function Rr({
 }
 function Dr({
   label: e,
-  value: i,
+  value: r,
   onChange: l
 }) {
-  const [r, a] = Z(!1);
+  const [i, u] = Z(!1);
   return /* @__PURE__ */ S(j, { gap: 1, children: [
     /* @__PURE__ */ t(
       D,
       {
         label: e,
         size: "small",
-        value: i,
-        onChange: (f) => l == null ? void 0 : l(f.target.value),
+        value: r,
+        onChange: (m) => l == null ? void 0 : l(m.target.value),
         InputProps: {
           endAdornment: /* @__PURE__ */ t(
             Ie,
             {
-              onChange: ({ response: f }) => {
+              onChange: ({ response: m }) => {
                 var p;
-                const d = (p = f == null ? void 0 : f.data) == null ? void 0 : p.filename;
-                d && (l == null || l(d));
+                const a = (p = m == null ? void 0 : m.data) == null ? void 0 : p.filename;
+                a && (l == null || l(a));
               }
             }
           )
         }
       }
     ),
-    i && /* @__PURE__ */ t(
+    r && /* @__PURE__ */ t(
       O,
       {
         component: "img",
         sx: { objectFit: "contain", borderRadius: 1, cursor: "pointer" },
-        src: ne(i),
+        src: ne(r),
         alt: e,
         maxWidth: 100,
         maxHeight: 100,
         width: "100%",
-        onClick: () => a(!0)
+        onClick: () => u(!0)
       }
     ),
-    /* @__PURE__ */ t(Pe, { open: r, onClose: () => a(!1), children: /* @__PURE__ */ t(O, { component: "img", sx: { objectFit: "contain" }, src: ne(i), alt: e }) })
+    /* @__PURE__ */ t(Pe, { open: i, onClose: () => u(!1), children: /* @__PURE__ */ t(O, { component: "img", sx: { objectFit: "contain" }, src: ne(r), alt: e }) })
   ] });
 }
-function ve(e, i = "") {
+function ve(e, r = "") {
   return fr(
     e,
-    (l, r, a) => {
-      const f = i ? `${i}.${a}` : a;
-      return ur(r) ? ar(l, ve(r, f)) : l[f] = r, l;
+    (l, i, u) => {
+      const m = r ? `${r}.${u}` : u;
+      return ur(i) ? ar(l, ve(i, m)) : l[m] = i, l;
     },
     {}
   );
@@ -967,46 +967,46 @@ const Ar = [
   { value: "component", label: "Component" },
   { value: "custom", label: "Custom (Render by a Component)" }
 ];
-function le(e, i, l) {
-  return !e || !l ? !1 : Object.values(e).some(({ data: r }) => r.id !== i && r.key === l);
+function le(e, r, l) {
+  return !e || !l ? !1 : Object.values(e).some(({ data: i }) => i.id !== r && i.key === l);
 }
-function bt(e, i) {
+function bt(e, r) {
   var l;
-  return !e || !i ? !1 : ((l = e[i]) == null ? void 0 : l.data.visible) ?? !0;
+  return !e || !r ? !1 : ((l = e[r]) == null ? void 0 : l.data.visible) ?? !0;
 }
-function Vi({ componentId: e }) {
+function Ti({ componentId: e }) {
   const {
-    state: { components: i }
-  } = de(), l = i[e], r = l == null ? void 0 : l.data;
-  return r ? /* @__PURE__ */ t(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(O, { p: 2, children: /* @__PURE__ */ t(br, { FallbackComponent: gt, resetKeys: [e], children: /* @__PURE__ */ t(Nr, { value: r }) }) }) }) : null;
+    state: { components: r }
+  } = de(), l = r[e], i = l == null ? void 0 : l.data;
+  return i ? /* @__PURE__ */ t(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(O, { p: 2, children: /* @__PURE__ */ t(br, { FallbackComponent: gt, resetKeys: [e], children: /* @__PURE__ */ t(Nr, { value: i }) }) }) }) : null;
 }
 function Nr({ value: e }) {
-  var k, m, x;
-  const { t: i } = A(), {
-    localState: { currentLocale: l, componentDebugProps: r },
+  var k, h, x;
+  const { t: r } = A(), {
+    localState: { currentLocale: l, componentDebugProps: i },
     state: {
-      config: { defaultLocale: a }
+      config: { defaultLocale: u }
     },
-    localActions: { setComponentDebugProps: f }
-  } = de(), d = M(e).doc, p = xe();
+    localActions: { setComponentDebugProps: m }
+  } = de(), a = H(e).doc, p = xe();
   return /* @__PURE__ */ t(j, { height: "100%", children: /* @__PURE__ */ S(j, { gap: 2, children: [
-    /* @__PURE__ */ t(Vr, { config: e }),
+    /* @__PURE__ */ t(Tr, { config: e }),
     /* @__PURE__ */ t(
       Er,
       {
         config: e,
         currentLocale: l,
-        defaultLocale: a,
+        defaultLocale: u,
         allComponents: p,
         onUpdateConfig: (b) => {
-          d.transact(() => {
+          a.transact(() => {
             b(e);
           });
         }
       }
     ),
     /* @__PURE__ */ S(j, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ t(F, { variant: "subtitle1", children: i("renderer") }),
+      /* @__PURE__ */ t(F, { variant: "subtitle1", children: r("renderer") }),
       /* @__PURE__ */ S(
         D,
         {
@@ -1016,7 +1016,7 @@ function Nr({ value: e }) {
           SelectProps: { autoWidth: !0 },
           value: ((k = e.renderer) == null ? void 0 : k.type) || "react-component",
           onChange: (b) => {
-            d.transact(() => {
+            a.transact(() => {
               const n = b.target.value;
               e.renderer ?? (e.renderer = { type: n }), e.renderer.type = n;
             });
@@ -1028,34 +1028,34 @@ function Nr({ value: e }) {
         }
       )
     ] }),
-    ((m = e.renderer) == null ? void 0 : m.type) === "component" ? /* @__PURE__ */ t($r, { value: e }) : ((x = e.renderer) == null ? void 0 : x.type) === "react-component" ? /* @__PURE__ */ t(Jr, { value: e }) : null,
+    ((h = e.renderer) == null ? void 0 : h.type) === "component" ? /* @__PURE__ */ t($r, { value: e }) : ((x = e.renderer) == null ? void 0 : x.type) === "react-component" ? /* @__PURE__ */ t(Jr, { value: e }) : null,
     /* @__PURE__ */ t(
-      Hr,
+      Mr,
       {
         config: e,
         currentLocale: l,
-        defaultLocale: a,
+        defaultLocale: u,
         allComponents: p,
         onChange: ({ key: b, value: n }) => {
-          f({
+          m({
             [b]: n.value
           });
         },
         props: {
-          ...r
+          ...i
         }
       }
     )
   ] }) });
 }
-function Vr({ config: e }) {
-  const { t: i } = A();
+function Tr({ config: e }) {
+  const { t: r } = A();
   return /* @__PURE__ */ t(Se, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
-    /* @__PURE__ */ t(F, { variant: "subtitle1", children: i("basicInfo") }),
+    /* @__PURE__ */ t(F, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ t(
       D,
       {
-        label: i("name"),
+        label: r("name"),
         size: "small",
         value: e.name || "",
         onChange: (l) => e.name = l.target.value
@@ -1064,7 +1064,7 @@ function Vr({ config: e }) {
     /* @__PURE__ */ t(
       D,
       {
-        label: i("description"),
+        label: r("description"),
         size: "small",
         multiline: !0,
         minRows: 2,
@@ -1082,14 +1082,14 @@ function Vr({ config: e }) {
         multiple: !0,
         freeSolo: !0,
         value: e.tags ?? [],
-        onChange: (l, r) => e.tags = r,
-        renderInput: (l) => /* @__PURE__ */ t(D, { label: i("tags"), ...l })
+        onChange: (l, i) => e.tags = i,
+        renderInput: (l) => /* @__PURE__ */ t(D, { label: r("tags"), ...l })
       }
     ),
     /* @__PURE__ */ t(
       Dr,
       {
-        label: i("previewImage"),
+        label: r("previewImage"),
         value: e.previewImage || "",
         onChange: (l) => e.previewImage = l
       }
@@ -1098,38 +1098,38 @@ function Vr({ config: e }) {
 }
 function yt({
   data: e,
-  params: i,
+  params: r,
   visible: l,
-  config: r,
-  currentLocale: a,
-  defaultLocale: f,
-  allComponents: d,
+  config: i,
+  currentLocale: u,
+  defaultLocale: m,
+  allComponents: a,
   onUpdateConfig: p
 }) {
-  var x, b, n, o, s, u;
-  const { t: k } = A(), m = ae(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? Br : K, [e.type]);
+  var x, b, n, o, s, d;
+  const { t: k } = A(), h = ae(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? Br : K, [e.type]);
   return /* @__PURE__ */ t(
     Rr,
     {
-      preview: i.preview,
-      drop: i.drop,
-      drag: i.drag,
-      isDragging: i.isDragging,
+      preview: r.preview,
+      drop: r.drop,
+      drag: r.drag,
+      isDragging: r.isDragging,
       onDelete: () => {
-        p((h) => {
-          if (h.properties) {
-            const c = Object.entries(h.properties).sort(([, g], [, P]) => g.index - P.index);
-            delete h.properties[e.id], c.filter(([g]) => g !== e.id).forEach(([, g], P) => {
+        p((f) => {
+          if (f.properties) {
+            const c = Object.entries(f.properties).sort(([, g], [, P]) => g.index - P.index);
+            delete f.properties[e.id], c.filter(([g]) => g !== e.id).forEach(([, g], P) => {
               g.index = P;
             });
           }
         });
       },
       visible: l,
-      onVisibilityChange: (h) => {
+      onVisibilityChange: (f) => {
         p((w) => {
           const c = w.properties[e.id].data;
-          c.visible = h;
+          c.visible = f;
         });
       },
       alwaysShowActions: !0,
@@ -1144,24 +1144,24 @@ function yt({
               width: "calc(100% - 80px - 8px)",
               flex: 1,
               "& .MuiOutlinedInput-root": {
-                borderColor: e.key ? le(r.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
+                borderColor: e.key ? le(i.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
               },
               "& .MuiFormLabel-root": {
-                color: e.key ? le(r.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
+                color: e.key ? le(i.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
               },
               "& .MuiFormLabel-root.Mui-focused": {
-                color: e.key ? le(r.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
+                color: e.key ? le(i.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
               }
             },
             value: e.key || "",
-            onChange: (h) => {
+            onChange: (f) => {
               p((w) => {
                 const c = w.properties[e.id].data;
-                c.key = h.target.value.trim();
+                c.key = f.target.value.trim();
               });
             },
             InputProps: {
-              endAdornment: !e.key || e.key && le(r.properties, e.id, e.key) ? /* @__PURE__ */ t(
+              endAdornment: !e.key || e.key && le(i.properties, e.id, e.key) ? /* @__PURE__ */ t(
                 ue,
                 {
                   position: "end",
@@ -1190,12 +1190,12 @@ function yt({
               label: k("label"),
               size: "small",
               sx: { flex: 1 },
-              value: (((b = (x = e.locales) == null ? void 0 : x[a]) == null ? void 0 : b.name) ?? ((o = (n = e.locales) == null ? void 0 : n[f]) == null ? void 0 : o.name)) || "",
-              onChange: (h) => {
+              value: (((b = (x = e.locales) == null ? void 0 : x[u]) == null ? void 0 : b.name) ?? ((o = (n = e.locales) == null ? void 0 : n[m]) == null ? void 0 : o.name)) || "",
+              onChange: (f) => {
                 p((w) => {
                   var v;
                   const c = w.properties[e.id].data;
-                  c.locales ?? (c.locales = {}), (v = c.locales)[a] ?? (v[a] = {}), c.locales[a].name = h.target.value;
+                  c.locales ?? (c.locales = {}), (v = c.locales)[u] ?? (v[u] = {}), c.locales[u].name = f.target.value;
                 });
               }
             }
@@ -1208,78 +1208,81 @@ function yt({
               select: !0,
               sx: { flex: 1 },
               value: e.type === "string" && e.multiline ? "multiline" : e.type || "string",
-              onChange: (h) => {
+              onChange: (f) => {
                 p((w) => {
                   const c = w.properties[e.id].data;
                   if (c.locales)
                     for (const g of Object.keys(c.locales))
                       c.locales[g].defaultValue = void 0;
-                  const v = h.target.value;
+                  const v = f.target.value;
                   v === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = v);
                 });
               },
-              children: Ar.map((h) => /* @__PURE__ */ t(he, { value: h.value, children: h.label }, h.value))
+              children: Ar.map((f) => /* @__PURE__ */ t(he, { value: f.value, children: f.label }, f.value))
             }
           )
         ] }),
         /* @__PURE__ */ S(j, { direction: "row", gap: 1, children: [
           /* @__PURE__ */ t(
-            m,
+            h,
             {
-              allComponents: d,
-              defaultLocale: f,
-              component: r,
+              allComponents: a,
+              defaultLocale: m,
+              component: i,
               property: e,
               label: k("defaultValue"),
               size: "small",
               fullWidth: !0,
-              value: (u = (s = e.locales) == null ? void 0 : s[a]) == null ? void 0 : u.defaultValue,
-              onChange: (h, w) => {
+              value: (d = (s = e.locales) == null ? void 0 : s[u]) == null ? void 0 : d.defaultValue,
+              onChange: (f, w) => {
                 p((c) => {
                   var g;
                   const v = c.properties[e.id].data;
                   if (w != null && w.forceUpdateProperty) {
-                    const P = ve(v), C = ve(h);
+                    const P = ve(v), C = ve(f);
                     Object.keys(C).forEach((y) => {
                       P[y] || nt(v, y, C[y]);
                     });
                   } else
-                    v.locales ?? (v.locales = {}), (g = v.locales)[a] ?? (g[a] = {}), v.locales[a].defaultValue = h;
+                    v.locales ?? (v.locales = {}), (g = v.locales)[u] ?? (g[u] = {}), v.locales[u].defaultValue = f;
                 });
               }
             }
           ),
-          e.type === "custom" ? /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(Ur, { property: e, allComponents: d }) }) : null
+          e.type === "custom" ? /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(Ur, { property: e, allComponents: a }) }) : null
         ] })
       ] })
     }
   );
 }
-function Tr(e) {
-  const [i, l] = Z(0);
-  return H(() => {
-    if (e.current) {
-      let r = e.current.parentElement, a = 0;
-      for (; r; )
-        r.classList.contains("property-container") && a++, r = r.parentElement;
-      l(a);
-    }
-  }, []), i;
+function Vr(e, r) {
+  const [l, i] = Z(0);
+  return M(() => {
+    const m = setTimeout(() => {
+      if (e.current) {
+        let a = e.current.parentElement, p = 0;
+        for (; a; )
+          a.classList.contains("property-container") && p++, a = a.parentElement;
+        i(p);
+      }
+    }, 100);
+    return () => clearTimeout(m);
+  }, [e, r]), l;
 }
 function Er({
   config: e,
-  currentLocale: i,
+  currentLocale: r,
   defaultLocale: l,
-  allComponents: r,
-  onUpdateConfig: a,
-  useI18nEditor: f = !0
+  allComponents: i,
+  onUpdateConfig: u,
+  useI18nEditor: m = !0
 }) {
-  const { t: d } = A(), p = pe({ variant: "dialog" }), k = e.properties && T(Object.values(e.properties), "index");
+  const { t: a } = A(), p = pe({ variant: "dialog" }), k = e.properties && V(Object.values(e.properties), "index");
   return /* @__PURE__ */ t(Se, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
     /* @__PURE__ */ S(j, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(F, { variant: "subtitle1", children: d("properties") }),
+      /* @__PURE__ */ t(F, { variant: "subtitle1", children: a("properties") }),
       /* @__PURE__ */ t(O, { flex: 1 }),
-      f && /* @__PURE__ */ t(V, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...me(p), children: /* @__PURE__ */ t(ct, { fontSize: "small" }) })
+      m && /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...me(p), children: /* @__PURE__ */ t(ct, { fontSize: "small" }) })
     ] }),
     e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ t(
       ft,
@@ -1287,8 +1290,8 @@ function Er({
         component: j,
         gap: 2,
         list: e.properties,
-        renderItem: (m, x, b) => {
-          const n = bt(e.properties, m.id);
+        renderItem: (h, x, b) => {
+          const n = bt(e.properties, h.id);
           return /* @__PURE__ */ t(
             re,
             {
@@ -1303,103 +1306,103 @@ function Er({
               children: /* @__PURE__ */ t(j, { gap: 2, children: /* @__PURE__ */ t(
                 yt,
                 {
-                  data: m,
+                  data: h,
                   params: b,
                   visible: n,
                   config: e,
-                  currentLocale: i,
+                  currentLocale: r,
                   defaultLocale: l,
-                  allComponents: r,
-                  onUpdateConfig: a
+                  allComponents: i,
+                  onUpdateConfig: u
                 }
               ) })
             },
-            m.id
+            h.id
           );
         }
       }
-    ) : /* @__PURE__ */ t(te, { style: { fontSize: 12 }, children: d("maker.properties.noProperties") }),
+    ) : /* @__PURE__ */ t(te, { style: { fontSize: 12 }, children: a("maker.properties.noProperties") }),
     /* @__PURE__ */ t(
-      V,
+      T,
       {
         fullWidth: !0,
         variant: "outlined",
         className: "ignore-style-override",
         onClick: () => {
-          a((m) => {
+          u((h) => {
             var b;
             const x = $e();
-            m.properties ?? (m.properties = {}), (b = m.properties)[x] ?? (b[x] = { index: (k == null ? void 0 : k.length) || 0, data: { id: x } });
+            h.properties ?? (h.properties = {}), (b = h.properties)[x] ?? (b[x] = { index: (k == null ? void 0 : k.length) || 0, data: { id: x } });
           });
         },
         startIcon: /* @__PURE__ */ t(at, {}),
-        children: d("addObject", { object: d("property") })
+        children: a("addObject", { object: a("property") })
       }
     ),
-    f && /* @__PURE__ */ t(vt, { ...pt(p), component: e })
+    m && /* @__PURE__ */ t(vt, { ...pt(p), component: e })
   ] }) });
 }
 function Ur({
   property: e,
-  allComponents: i
+  allComponents: r
 }) {
   const l = pe({ variant: "popper" });
   return /* @__PURE__ */ S($, { children: [
-    /* @__PURE__ */ t(V, { sx: { minWidth: 0 }, ...me(l), children: /* @__PURE__ */ t(ut, { fontSize: "small" }) }),
+    /* @__PURE__ */ t(T, { sx: { minWidth: 0 }, ...me(l), children: /* @__PURE__ */ t(ut, { fontSize: "small" }) }),
     /* @__PURE__ */ t(et, { ...mt(l), children: /* @__PURE__ */ t(st, { onClickAway: l.close, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(O, { width: 500, p: 2, children: /* @__PURE__ */ t(
       Oe,
       {
         value: e.componentId,
-        onChange: (r, a) => e.componentId = a,
-        allComponents: i
+        onChange: (i, u) => e.componentId = u,
+        allComponents: r
       }
     ) }) }) }) })
   ] });
 }
 function Wr({
   value: e,
-  valueImmutable: i,
+  valueImmutable: r,
   onChange: l,
-  defaultLocale: r,
-  allComponents: a
+  defaultLocale: i,
+  allComponents: u
 }) {
   var k;
-  const f = pe({ variant: "popper" }), { locale: d } = A(), p = typeof (e == null ? void 0 : e.componentId) == "string" ? (k = a[e.componentId]) == null ? void 0 : k.data : void 0;
+  const m = pe({ variant: "popper" }), { locale: a } = A(), p = typeof (e == null ? void 0 : e.componentId) == "string" ? (k = u[e.componentId]) == null ? void 0 : k.data : void 0;
   return p ? /* @__PURE__ */ S($, { children: [
-    /* @__PURE__ */ t(V, { sx: { minWidth: 0 }, disabled: !p, ...me(f), children: /* @__PURE__ */ t(ut, { fontSize: "small" }) }),
+    /* @__PURE__ */ t(T, { sx: { minWidth: 0 }, disabled: !p, ...me(m), children: /* @__PURE__ */ t(ut, { fontSize: "small" }) }),
     /* @__PURE__ */ t(
       et,
       {
-        ...mt(f),
+        ...mt(m),
         sx: {
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ t(st, { onClickAway: f.close, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ S(O, { width: 500, p: 2, children: [
+        children: /* @__PURE__ */ t(st, { onClickAway: m.close, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ S(O, { width: 500, p: 2, children: [
           /* @__PURE__ */ t(F, { variant: "subtitle1", children: "Parameters" }),
-          /* @__PURE__ */ t(j, { gap: 1, children: (p == null ? void 0 : p.properties) && T(Object.values(p.properties), "index").map(({ data: m }) => {
-            var x, b, n, o, s, u, h, w;
+          /* @__PURE__ */ t(j, { gap: 1, children: (p == null ? void 0 : p.properties) && V(Object.values(p.properties), "index").map(({ data: h }) => {
+            var x, b, n, o, s, d, f, w;
             return /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
               K,
               {
-                allComponents: a,
-                defaultLocale: r,
+                allComponents: u,
+                defaultLocale: i,
                 size: "small",
                 fullWidth: !0,
                 component: p,
-                property: m,
-                valueImmutable: ee((b = (x = e.properties) == null ? void 0 : x[m.id]) == null ? void 0 : b.value),
-                value: ((o = (n = e.properties) == null ? void 0 : n[m.id]) == null ? void 0 : o.value) ?? ((u = (s = m.locales) == null ? void 0 : s[d]) == null ? void 0 : u.defaultValue) ?? ((w = (h = m.locales) == null ? void 0 : h[r]) == null ? void 0 : w.defaultValue),
+                property: h,
+                valueImmutable: ee((b = (x = e.properties) == null ? void 0 : x[h.id]) == null ? void 0 : b.value),
+                value: ((o = (n = e.properties) == null ? void 0 : n[h.id]) == null ? void 0 : o.value) ?? ((d = (s = h.locales) == null ? void 0 : s[a]) == null ? void 0 : d.defaultValue) ?? ((w = (f = h.locales) == null ? void 0 : f[i]) == null ? void 0 : w.defaultValue),
                 onChange: (c) => {
-                  if (i) {
+                  if (r) {
                     const v = JSON.parse(JSON.stringify(e));
-                    l == null || l({ ...v, properties: { ...v.properties, [m.id]: { value: c } } });
+                    l == null || l({ ...v, properties: { ...v.properties, [h.id]: { value: c } } });
                   } else
-                    M(p).doc.transact(() => {
-                      e.properties ?? (e.properties = {}), e.properties[m.id] = { value: c };
+                    H(p).doc.transact(() => {
+                      e.properties ?? (e.properties = {}), e.properties[h.id] = { value: c };
                     });
                 }
               }
-            ) }, m.id);
+            ) }, h.id);
           }) })
         ] }) }) })
       }
@@ -1408,26 +1411,26 @@ function Wr({
 }
 function vt({
   type: e = "properties",
-  component: i,
+  component: r,
   ...l
 }) {
   var b, n, o;
-  const { t: r } = A(), {
+  const { t: i } = A(), {
     state: {
-      components: a,
-      supportedLocales: f,
-      config: { defaultLocale: d }
+      components: u,
+      supportedLocales: m,
+      config: { defaultLocale: a }
     }
-  } = de(), p = xe(), k = M(i).doc, m = e === "properties" ? i.properties : e === "parameters" && ((b = i.renderer) == null ? void 0 : b.type) === "component" ? (n = a[i.renderer.componentId]) == null ? void 0 : n.data.properties : void 0, x = ((o = i.renderer) == null ? void 0 : o.type) === "component" ? i : void 0;
+  } = de(), p = xe(), k = H(r).doc, h = e === "properties" ? r.properties : e === "parameters" && ((b = r.renderer) == null ? void 0 : b.type) === "component" ? (n = u[r.renderer.componentId]) == null ? void 0 : n.data.properties : void 0, x = ((o = r.renderer) == null ? void 0 : o.type) === "component" ? r : void 0;
   return /* @__PURE__ */ S(Pe, { ...l, fullWidth: !0, maxWidth: "lg", children: [
-    /* @__PURE__ */ t(Le, { children: r("i18nEditorTitle") }),
-    /* @__PURE__ */ t(Qe, { children: m && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ S(He, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ t(se, { children: f.map(({ locale: s, name: u }) => /* @__PURE__ */ S(ce, { children: [
-        u,
-        d === s && /* @__PURE__ */ t(cr, { sx: { fontSize: 12, color: "text.secondary" } })
+    /* @__PURE__ */ t(qe, { children: i("i18nEditorTitle") }),
+    /* @__PURE__ */ t(Qe, { children: h && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ S(Me, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(se, { children: m.map(({ locale: s, name: d }) => /* @__PURE__ */ S(ce, { children: [
+        d,
+        a === s && /* @__PURE__ */ t(cr, { sx: { fontSize: 12, color: "text.secondary" } })
       ] }, s)) }) }),
-      /* @__PURE__ */ t(Ye, { children: T(Object.values(m), "index").map(({ data: s }) => /* @__PURE__ */ t(se, { children: f.map(({ locale: u }) => {
-        var h, w, c, v, g, P, C, y, I, z, R, E, U, W, ie, Y, G, q, L, Q, Ce, je, ze, Re, De, Ae;
+      /* @__PURE__ */ t(Ye, { children: V(Object.values(h), "index").map(({ data: s }) => /* @__PURE__ */ t(se, { children: m.map(({ locale: d }) => {
+        var f, w, c, v, g, P, C, y, I, z, R, E, U, W, ie, Y, G, L, q, Q, Ce, je, ze, Re, De, Ae;
         return /* @__PURE__ */ t(ce, { children: /* @__PURE__ */ t(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ S($, { children: [
           /* @__PURE__ */ t(
             D,
@@ -1446,12 +1449,12 @@ function vt({
             D,
             {
               size: "small",
-              label: r("label"),
-              value: (((w = (h = s.locales) == null ? void 0 : h[u]) == null ? void 0 : w.name) ?? ((v = (c = s.locales) == null ? void 0 : c[d]) == null ? void 0 : v.name)) || "",
+              label: i("label"),
+              value: (((w = (f = s.locales) == null ? void 0 : f[d]) == null ? void 0 : w.name) ?? ((v = (c = s.locales) == null ? void 0 : c[a]) == null ? void 0 : v.name)) || "",
               onChange: (_) => {
                 k.transact(() => {
                   var B;
-                  s.locales ?? (s.locales = {}), (B = s.locales)[u] ?? (B[u] = {}), s.locales[u].name = _.target.value;
+                  s.locales ?? (s.locales = {}), (B = s.locales)[d] ?? (B[d] = {}), s.locales[d].name = _.target.value;
                 });
               }
             }
@@ -1460,18 +1463,18 @@ function vt({
             K,
             {
               allComponents: p,
-              defaultLocale: d,
-              component: i,
+              defaultLocale: a,
+              component: r,
               property: s,
               size: "small",
               fullWidth: !0,
               label: "Default Value",
-              valueImmutable: ee((P = (g = s.locales) == null ? void 0 : g[u]) == null ? void 0 : P.defaultValue),
-              value: ((y = (C = s.locales) == null ? void 0 : C[u]) == null ? void 0 : y.defaultValue) ?? ((z = (I = s.locales) == null ? void 0 : I[d]) == null ? void 0 : z.defaultValue),
+              valueImmutable: ee((P = (g = s.locales) == null ? void 0 : g[d]) == null ? void 0 : P.defaultValue),
+              value: ((y = (C = s.locales) == null ? void 0 : C[d]) == null ? void 0 : y.defaultValue) ?? ((z = (I = s.locales) == null ? void 0 : I[a]) == null ? void 0 : z.defaultValue),
               onChange: (_) => {
                 k.transact(() => {
                   var B;
-                  s.locales ?? (s.locales = {}), (B = s.locales)[u] ?? (B[u] = {}), s.locales[u].defaultValue = _;
+                  s.locales ?? (s.locales = {}), (B = s.locales)[d] ?? (B[d] = {}), s.locales[d].defaultValue = _;
                 });
               }
             }
@@ -1480,66 +1483,66 @@ function vt({
           K,
           {
             allComponents: p,
-            defaultLocale: d,
-            component: i,
+            defaultLocale: a,
+            component: r,
             property: s,
             size: "small",
             fullWidth: !0,
             valueImmutable: ee(
-              (W = (U = (E = (R = x.renderer.properties) == null ? void 0 : R[s.id]) == null ? void 0 : E.locales) == null ? void 0 : U[u]) == null ? void 0 : W.value
+              (W = (U = (E = (R = x.renderer.properties) == null ? void 0 : R[s.id]) == null ? void 0 : E.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value
             ),
-            value: ((q = (G = (Y = (ie = x.renderer.properties) == null ? void 0 : ie[s.id]) == null ? void 0 : Y.locales) == null ? void 0 : G[u]) == null ? void 0 : q.value) ?? ((je = (Ce = (Q = (L = x.renderer.properties) == null ? void 0 : L[s.id]) == null ? void 0 : Q.locales) == null ? void 0 : Ce[d]) == null ? void 0 : je.value) ?? ((Re = (ze = s.locales) == null ? void 0 : ze[u]) == null ? void 0 : Re.defaultValue) ?? ((Ae = (De = s.locales) == null ? void 0 : De[d]) == null ? void 0 : Ae.defaultValue),
+            value: ((L = (G = (Y = (ie = x.renderer.properties) == null ? void 0 : ie[s.id]) == null ? void 0 : Y.locales) == null ? void 0 : G[d]) == null ? void 0 : L.value) ?? ((je = (Ce = (Q = (q = x.renderer.properties) == null ? void 0 : q[s.id]) == null ? void 0 : Q.locales) == null ? void 0 : Ce[a]) == null ? void 0 : je.value) ?? ((Re = (ze = s.locales) == null ? void 0 : ze[d]) == null ? void 0 : Re.defaultValue) ?? ((Ae = (De = s.locales) == null ? void 0 : De[a]) == null ? void 0 : Ae.defaultValue),
             onChange: (_) => {
               k.transact(() => {
-                var B, Ne, Ve, Te, Ee;
-                (B = x.renderer).properties ?? (B.properties = {}), (Ne = x.renderer.properties)[Ve = s.id] ?? (Ne[Ve] = {}), (Te = x.renderer.properties[s.id]).locales ?? (Te.locales = {}), (Ee = x.renderer.properties[s.id].locales)[u] ?? (Ee[u] = {}), x.renderer.properties[s.id].locales[u].value = _;
+                var B, Ne, Te, Ve, Ee;
+                (B = x.renderer).properties ?? (B.properties = {}), (Ne = x.renderer.properties)[Te = s.id] ?? (Ne[Te] = {}), (Ve = x.renderer.properties[s.id]).locales ?? (Ve.locales = {}), (Ee = x.renderer.properties[s.id].locales)[d] ?? (Ee[d] = {}), x.renderer.properties[s.id].locales[d].value = _;
               });
             }
           }
-        ) }) : null }, s.id) }, u);
+        ) }) : null }, s.id) }, d);
       }) }, s.id)) })
     ] }) }) }),
-    /* @__PURE__ */ t(Xe, { children: /* @__PURE__ */ t(V, { onClick: (s) => {
-      var u;
-      return (u = l.onClose) == null ? void 0 : u.call(l, s, "escapeKeyDown");
-    }, children: r("close") }) })
+    /* @__PURE__ */ t(Xe, { children: /* @__PURE__ */ t(T, { onClick: (s) => {
+      var d;
+      return (d = l.onClose) == null ? void 0 : d.call(l, s, "escapeKeyDown");
+    }, children: i("close") }) })
   ] });
 }
-const Fe = (e, i) => (l) => {
-  const r = [
+const Fe = (e, r) => (l) => {
+  const i = [
+    l.palette.info.main,
     l.palette.primary.main,
     l.palette.secondary.main,
     l.palette.success.main,
-    l.palette.warning.main,
-    l.palette.info.main
-  ], a = e % r.length, f = r[a % r.length], d = Be(f, 0.5), p = Be(f, 1);
+    l.palette.warning.main
+  ], u = Math.min(i.length - 1, e), m = i[u], a = Be(m, 0.5), p = Be(m, 1);
   return {
     // 保留原有的边框样式
-    borderColor: `${d} !important`,
+    borderColor: `${a} !important`,
     borderLeft: "3px solid !important",
     // 稍粗的左侧边框
-    borderLeftColor: d,
+    borderLeftColor: a,
     // 使用透明度适应深色/浅色模式
     color: p,
-    ...i
+    ...r
   };
 };
 function Br({
   property: e,
-  onChange: i,
+  onChange: r,
   defaultLocale: l,
-  allComponents: r
+  allComponents: i
 }) {
-  const { t: a, locale: f } = A(), d = J(null), p = Tr(d), k = N(() => {
+  const { t: u, locale: m } = A(), a = J(null), p = Vr(a, e), k = N(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
-        const m = {};
-        T(Object.values(e.subProperties), "index").filter(
+        const h = {};
+        V(Object.values(e.subProperties), "index").filter(
           (n) => n.data.visible !== !1 && n.data.key
         ).forEach(({ data: n }) => {
-          var s, u, h, w;
+          var s, d, f, w;
           if (!n.key) return;
-          let o = ((u = (s = n.locales) == null ? void 0 : s[f]) == null ? void 0 : u.defaultValue) ?? ((w = (h = n.locales) == null ? void 0 : h[l]) == null ? void 0 : w.defaultValue);
+          let o = ((d = (s = n.locales) == null ? void 0 : s[m]) == null ? void 0 : d.defaultValue) ?? ((w = (f = n.locales) == null ? void 0 : f[l]) == null ? void 0 : w.defaultValue);
           if (n.type === "number")
             o = Number(o);
           else if (n.type === "boolean")
@@ -1550,28 +1553,27 @@ function Br({
             } catch (c) {
               console.error("Error parsing nested value", o, c), o = {};
             }
-          m[n.key] = o;
+          h[n.key] = o;
         });
-        const b = ge(m, e.type);
-        i == null || i(b);
-      } catch (m) {
-        console.error("Error converting structure to text:", m);
+        const b = ge(h, e.type);
+        r == null || r(b);
+      } catch (h) {
+        console.error("Error converting structure to text:", h);
       }
-  }, [e, f, l, i]);
-  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ S(j, { direction: "column", gap: 1.5, sx: { width: "100%" }, children: [
-    /* @__PURE__ */ t(Ct, { sx: { mt: -1 }, children: /* @__PURE__ */ t(F, { variant: "caption", color: "text.secondary", children: a("maker.properties.subProperties") }) }),
+  }, [e, m, l, r]);
+  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ S(j, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: a, children: [
+    /* @__PURE__ */ t(Ct, { sx: { mt: -1 }, children: /* @__PURE__ */ t(F, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
     e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(
       ft,
       {
         component: j,
         gap: 2,
         list: e.subProperties,
-        renderItem: (m, x, b) => {
-          const n = m.visible !== !1;
+        renderItem: (h, x, b) => {
+          const n = h.visible !== !1;
           return /* @__PURE__ */ t(
             re,
             {
-              ref: d,
               elevation: 0,
               className: "property-container",
               sx: {
@@ -1583,24 +1585,24 @@ function Br({
               children: /* @__PURE__ */ t(j, { gap: 2, children: /* @__PURE__ */ t(
                 yt,
                 {
-                  data: m,
+                  data: h,
                   params: b,
                   visible: n,
                   config: {
                     properties: e.subProperties
                   },
-                  currentLocale: f,
+                  currentLocale: m,
                   defaultLocale: l,
-                  allComponents: r,
+                  allComponents: i,
                   onUpdateConfig: (o) => {
                     try {
                       const s = { properties: e.subProperties || {} };
                       o(s);
-                      const u = {
+                      const d = {
                         ...e,
                         subProperties: s.properties
                       };
-                      i == null || i(u, { forceUpdateProperty: !0 }), k();
+                      r == null || r(d, { forceUpdateProperty: !0 }), k();
                     } catch (s) {
                       console.error("Error updating property:", s);
                     }
@@ -1608,13 +1610,13 @@ function Br({
                 }
               ) })
             },
-            m.id
+            h.id
           );
         }
       }
-    ) : /* @__PURE__ */ t(te, { style: { fontSize: 12, height: 100 }, children: a("maker.properties.noSubProperties") }),
+    ) : /* @__PURE__ */ t(te, { style: { fontSize: 12, height: 100 }, children: u("maker.properties.noSubProperties") }),
     /* @__PURE__ */ t(
-      V,
+      T,
       {
         fullWidth: !0,
         variant: "outlined",
@@ -1623,15 +1625,15 @@ function Br({
         startIcon: /* @__PURE__ */ t(at, {}),
         onClick: () => {
           try {
-            const m = e.subProperties || {}, x = $e(), n = {
-              index: Object.values(m).length,
+            const h = e.subProperties || {}, x = $e(), n = {
+              index: Object.values(h).length,
               data: {
                 id: x,
                 key: "",
                 type: "string",
                 visible: !0,
                 locales: {
-                  [f]: {
+                  [m]: {
                     name: "",
                     defaultValue: ""
                   }
@@ -1642,13 +1644,13 @@ function Br({
             }, o = {
               ...e,
               subProperties: {
-                ...m,
+                ...h,
                 [x]: n
               }
             };
-            i == null || i(o, { forceUpdateProperty: !0 }), k();
-          } catch (m) {
-            console.error("Error adding property:", m);
+            r == null || r(o, { forceUpdateProperty: !0 }), k();
+          } catch (h) {
+            console.error("Error adding property:", h);
           }
         },
         sx: {
@@ -1656,32 +1658,32 @@ function Br({
             // borderLeft: undefined,
           })
         },
-        children: a("maker.properties.addSubProperty")
+        children: u("maker.properties.addSubProperty")
       }
     )
   ] });
 }
 function K({
   component: e,
-  property: i,
+  property: r,
   value: l,
-  onChange: r,
-  valueImmutable: a,
-  defaultLocale: f,
-  allComponents: d,
+  onChange: i,
+  valueImmutable: u,
+  defaultLocale: m,
+  allComponents: a,
   ...p
 }) {
-  var o, s, u, h, w;
-  const { locale: k } = A(), m = Zt(), x = J(null), b = () => {
+  var o, s, d, f, w;
+  const { locale: k } = A(), h = Zt(), x = J(null), b = () => {
     var v;
-    const c = (v = m == null ? void 0 : m.current) == null ? void 0 : v.getUploader();
+    const c = (v = h == null ? void 0 : h.current) == null ? void 0 : v.getUploader();
     c == null || c.open(), x.current && c.onceUploadSuccess(({ response: g }) => {
       var C, y;
       let P = ((C = g == null ? void 0 : g.data) == null ? void 0 : C.filename) || "";
       P && (P = `mediakit://${P}`, l && !l.includes("mediakit://") && (P += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (y = x.current) == null || y.call(x, P);
     });
-  }, n = p.label || ((s = (o = i.locales) == null ? void 0 : o[k]) == null ? void 0 : s.name) || ((h = (u = i.locales) == null ? void 0 : u[f]) == null ? void 0 : h.name) || i.key || i.id;
-  if (i.type === "number")
+  }, n = p.label || ((s = (o = r.locales) == null ? void 0 : o[k]) == null ? void 0 : s.name) || ((f = (d = r.locales) == null ? void 0 : d[m]) == null ? void 0 : f.name) || r.key || r.id;
+  if (r.type === "number")
     return /* @__PURE__ */ t(
       Kr,
       {
@@ -1689,11 +1691,11 @@ function K({
         label: n,
         NumberProps: {
           value: ["number", "string"].includes(typeof l) ? l : null,
-          onChange: (c, v) => r == null ? void 0 : r(v)
+          onChange: (c, v) => i == null ? void 0 : i(v)
         }
       }
     );
-  if (i.type === "decimal")
+  if (r.type === "decimal")
     return /* @__PURE__ */ t(
       D,
       {
@@ -1704,81 +1706,81 @@ function K({
         onChange: (c) => {
           const v = c.target.value;
           if (v === "" || v === "-") {
-            r == null || r(v);
+            i == null || i(v);
             return;
           }
           if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(v)) {
             let P = v;
-            /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(P) && (P = Number(P)), r == null || r(P);
+            /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(P) && (P = Number(P)), i == null || i(P);
           }
         }
       }
     );
-  if (i.type === "boolean")
+  if (r.type === "boolean")
     return /* @__PURE__ */ t(
       Ge,
       {
         label: n,
         labelPlacement: "start",
-        control: /* @__PURE__ */ t(qe, { checked: l === !0, onChange: (c, v) => r == null ? void 0 : r(v) })
+        control: /* @__PURE__ */ t(Le, { checked: l === !0, onChange: (c, v) => i == null ? void 0 : i(v) })
       }
     );
-  if (i.type === "color")
+  if (r.type === "color")
     return /* @__PURE__ */ t(
       Cr,
       {
         label: n,
         value: l,
         onChange: (c) => {
-          r == null || r(c);
+          i == null || i(c);
         }
       }
     );
-  if (i.type === "json" || i.type === "yaml")
+  if (r.type === "json" || r.type === "yaml")
     return /* @__PURE__ */ t(
       jr,
       {
         label: n,
         value: l,
         onChange: (c) => {
-          r == null || r(c);
+          i == null || i(c);
         },
-        property: i,
+        property: r,
         component: e,
-        defaultLocale: f,
-        allComponents: d,
+        defaultLocale: m,
+        allComponents: a,
         PropertyValueField: K,
         onUpload: (c) => {
           x.current = c, b();
         }
       }
     );
-  if (i.type === "custom") {
-    const c = (w = d[i.componentId]) == null ? void 0 : w.data;
+  if (r.type === "custom") {
+    const c = (w = a[r.componentId]) == null ? void 0 : w.data;
     return c ? /* @__PURE__ */ t(O, { width: "100%", children: /* @__PURE__ */ t(
       ot,
       {
         componentId: c.id,
-        props: { label: n, value: l, onChange: r },
+        props: { label: n, value: l, onChange: i },
         locale: k,
         dev: {
           mode: "draft",
-          components: d,
-          defaultLocale: f
+          components: a,
+          defaultLocale: m
         }
       }
     ) }) : /* @__PURE__ */ t(D, { ...p, label: n, disabled: !0, placeholder: "Click right button select a component" });
   }
-  if (i.type === "component")
+  if (r.type === "component")
     return /* @__PURE__ */ S(j, { width: "100%", direction: "row", gap: 1, children: [
       /* @__PURE__ */ t(O, { flex: 1, children: /* @__PURE__ */ t(
         Oe,
         {
-          allComponents: d,
+          allComponents: a,
           label: n,
           value: l == null ? void 0 : l.componentId,
           onChange: (c, v) => {
-            a || !l ? r == null || r({ ...l && JSON.parse(JSON.stringify(l)), componentId: v }) : typeof l == "object" && (l.componentId = v);
+            u || !l ? i == null || i({ ...l && JSON.parse(JSON.stringify(l)), componentId: v }) : typeof l == "object" && (l.componentId = v);
           }
         }
       ) }),
@@ -1786,15 +1788,15 @@ function K({
         Wr,
         {
           value: l,
-          valueImmutable: a,
-          onChange: r,
-          defaultLocale: f,
-          allComponents: d
+          valueImmutable: u,
+          onChange: i,
+          defaultLocale: m,
+          allComponents: a
         }
       ) })
     ] });
-  if (!i.type || ["string", "url"].includes(i.type)) {
-    const c = i.type === "string" ? i.multiline : void 0, v = i.type === "url" ? l == null ? void 0 : l.url : l;
+  if (!r.type || ["string", "url"].includes(r.type)) {
+    const c = r.type === "string" ? r.multiline : void 0, v = r.type === "url" ? l == null ? void 0 : l.url : l;
     return /* @__PURE__ */ t(
       D,
       {
@@ -1804,10 +1806,10 @@ function K({
         multiline: c,
         minRows: c ? 2 : void 0,
         maxRows: c ? 10 : void 0,
-        onChange: (g) => r == null ? void 0 : r(
-          i.type === "url" ? { ...l, url: g.target.value, mediaKitUrl: g.target.value } : g.target.value
+        onChange: (g) => i == null ? void 0 : i(
+          r.type === "url" ? { ...l, url: g.target.value, mediaKitUrl: g.target.value } : g.target.value
         ),
-        InputProps: i.type === "url" ? {
+        InputProps: r.type === "url" ? {
           sx: { pr: 0 },
           endAdornment: /* @__PURE__ */ S(ue, { position: "end", children: [
             /* @__PURE__ */ t(
@@ -1820,7 +1822,7 @@ function K({
                   P && (C = await fe(P).catch(() => be(P)).catch(() => {
                   }));
                   let y = ((R = g == null ? void 0 : g.data) == null ? void 0 : R.filename) || "";
-                  y && (y = `mediakit://${y}`), r == null || r({
+                  y && (y = `mediakit://${y}`), i == null || i({
                     url: P,
                     mediaKitUrl: y,
                     width: C == null ? void 0 : C.naturalWidth,
@@ -1835,14 +1837,14 @@ function K({
       }
     );
   }
-  return i.type === "array" ? /* @__PURE__ */ t(
+  return r.type === "array" ? /* @__PURE__ */ t(
     kr,
     {
       label: n,
       value: Array.isArray(l) ? l : [],
-      onChange: (c) => r == null ? void 0 : r(c),
-      property: i,
-      renderItem: ({ item: c, index: v, onChange: g }) => i.subProperties && Object.keys(i.subProperties).length > 0 ? /* @__PURE__ */ t(j, { gap: 1, width: "100%", children: T(Object.values(i.subProperties), "index").filter((P) => P.data.visible !== !1).map(({ data: P }) => P.key ? /* @__PURE__ */ t(
+      onChange: (c) => i == null ? void 0 : i(c),
+      property: r,
+      renderItem: ({ item: c, index: v, onChange: g }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(j, { gap: 1, width: "100%", children: V(Object.values(r.subProperties), "index").filter((P) => P.data.visible !== !1).map(({ data: P }) => P.key ? /* @__PURE__ */ t(
         K,
         {
           component: e,
@@ -1854,20 +1856,20 @@ function K({
           },
           size: "small",
           fullWidth: !0,
-          defaultLocale: f,
-          allComponents: d
+          defaultLocale: m,
+          allComponents: a
         },
         P.id
       ) : null) }, v) : /* @__PURE__ */ t(D, { size: p.size, fullWidth: !0, value: c, onChange: (P) => g(P.target.value) })
     }
-  ) : (console.error("Unsupported property type", i.type), null);
+  ) : (console.error("Unsupported property type", r.type), null);
 }
 function Kr({
   NumberProps: e,
-  ...i
+  ...r
 }) {
-  const { getInputProps: l } = ir(e), r = l();
-  return /* @__PURE__ */ t(D, { ...i, inputProps: r });
+  const { getInputProps: l } = ir(e), i = l();
+  return /* @__PURE__ */ t(D, { ...r, inputProps: i });
 }
 const Fr = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
@@ -1883,20 +1885,20 @@ export default function () {
 function Jr({
   value: e
 }) {
-  const { locale: i } = A(), l = it(), r = M(e).doc;
-  return H(() => {
-    var a;
-    (a = e.renderer) != null && a.script || (r.transact(() => {
+  const { locale: r } = A(), l = it(), i = H(e).doc;
+  return M(() => {
+    var u;
+    (u = e.renderer) != null && u.script || (i.transact(() => {
       e.renderer.script = e.renderer.type === "react-component" ? Fr : _r;
     }), l());
   }, [e]), /* @__PURE__ */ t(O, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(
     ke,
     {
       keyId: e.id,
-      locale: i,
+      locale: r,
       language: "typescript",
       value: e.renderer.script || "",
-      onChange: (a) => e.renderer.script = a,
+      onChange: (u) => e.renderer.script = u,
       typeScriptNoValidation: !1
     },
     e.id
@@ -1904,14 +1906,14 @@ function Jr({
 }
 function $r({ value: e }) {
   var x, b, n;
-  const { t: i } = A(), l = M(e).doc, {
+  const { t: r } = A(), l = H(e).doc, {
     state: {
-      components: r,
-      config: { defaultLocale: a },
-      resources: f
+      components: i,
+      config: { defaultLocale: u },
+      resources: m
     },
-    localState: { currentLocale: d }
-  } = de(), p = xe(), k = ((x = r[e.renderer.componentId]) == null ? void 0 : x.data) ?? ((n = (b = f.components) == null ? void 0 : b[e.renderer.componentId]) == null ? void 0 : n.component), m = pe({ variant: "dialog" });
+    localState: { currentLocale: a }
+  } = de(), p = xe(), k = ((x = i[e.renderer.componentId]) == null ? void 0 : x.data) ?? ((n = (b = m.components) == null ? void 0 : b[e.renderer.componentId]) == null ? void 0 : n.component), h = pe({ variant: "dialog" });
   return /* @__PURE__ */ S(j, { gap: 1, children: [
     /* @__PURE__ */ t(
       Oe,
@@ -1924,50 +1926,50 @@ function $r({ value: e }) {
     ),
     k && /* @__PURE__ */ S($, { children: [
       /* @__PURE__ */ S(j, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ t(F, { variant: "subtitle2", children: i("parameters") }),
-        /* @__PURE__ */ t(V, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...me(m), children: /* @__PURE__ */ t(ct, { fontSize: "small" }) })
+        /* @__PURE__ */ t(F, { variant: "subtitle2", children: r("parameters") }),
+        /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...me(h), children: /* @__PURE__ */ t(ct, { fontSize: "small" }) })
       ] }),
-      k.properties && T(Object.values(k.properties), "index").map(({ data: o }) => {
-        var s, u, h, w, c, v, g, P, C, y, I, z, R, E, U, W;
+      k.properties && V(Object.values(k.properties), "index").map(({ data: o }) => {
+        var s, d, f, w, c, v, g, P, C, y, I, z, R, E, U, W;
         return /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
           K,
           {
             allComponents: p,
-            defaultLocale: a,
+            defaultLocale: u,
             component: k,
             property: o,
             fullWidth: !0,
             size: "small",
-            valueImmutable: ee((w = (h = (u = (s = e.renderer.properties) == null ? void 0 : s[o.id]) == null ? void 0 : u.locales) == null ? void 0 : h[d]) == null ? void 0 : w.value),
-            value: ((P = (g = (v = (c = e.renderer.properties) == null ? void 0 : c[o.id]) == null ? void 0 : v.locales) == null ? void 0 : g[d]) == null ? void 0 : P.value) ?? ((z = (I = (y = (C = e.renderer.properties) == null ? void 0 : C[o.id]) == null ? void 0 : y.locales) == null ? void 0 : I[a]) == null ? void 0 : z.value) ?? ((E = (R = o.locales) == null ? void 0 : R[d]) == null ? void 0 : E.defaultValue) ?? ((W = (U = o.locales) == null ? void 0 : U[a]) == null ? void 0 : W.defaultValue),
+            valueImmutable: ee((w = (f = (d = (s = e.renderer.properties) == null ? void 0 : s[o.id]) == null ? void 0 : d.locales) == null ? void 0 : f[a]) == null ? void 0 : w.value),
+            value: ((P = (g = (v = (c = e.renderer.properties) == null ? void 0 : c[o.id]) == null ? void 0 : v.locales) == null ? void 0 : g[a]) == null ? void 0 : P.value) ?? ((z = (I = (y = (C = e.renderer.properties) == null ? void 0 : C[o.id]) == null ? void 0 : y.locales) == null ? void 0 : I[u]) == null ? void 0 : z.value) ?? ((E = (R = o.locales) == null ? void 0 : R[a]) == null ? void 0 : E.defaultValue) ?? ((W = (U = o.locales) == null ? void 0 : U[u]) == null ? void 0 : W.defaultValue),
             onChange: (ie) => {
               l.transact(() => {
-                var Y, G, q, L, Q;
-                (Y = e.renderer).properties ?? (Y.properties = {}), (G = e.renderer.properties)[q = o.id] ?? (G[q] = {}), (L = e.renderer.properties[o.id]).locales ?? (L.locales = {}), (Q = e.renderer.properties[o.id].locales)[d] ?? (Q[d] = {}), e.renderer.properties[o.id].locales[d].value = ie;
+                var Y, G, L, q, Q;
+                (Y = e.renderer).properties ?? (Y.properties = {}), (G = e.renderer.properties)[L = o.id] ?? (G[L] = {}), (q = e.renderer.properties[o.id]).locales ?? (q.locales = {}), (Q = e.renderer.properties[o.id].locales)[a] ?? (Q[a] = {}), e.renderer.properties[o.id].locales[a].value = ie;
               });
             }
           }
         ) }, o.id);
       }),
-      /* @__PURE__ */ t(vt, { ...pt(m), component: e, type: "parameters" })
+      /* @__PURE__ */ t(vt, { ...pt(h), component: e, type: "parameters" })
     ] })
   ] });
 }
 function Oe({
   label: e,
-  options: i,
+  options: r,
   excludes: l,
-  value: r,
-  onChange: a,
-  allComponents: f,
-  ...d
+  value: i,
+  onChange: u,
+  allComponents: m,
+  ...a
 }) {
   var x;
-  const { t: p } = A(), k = i ?? T(Object.values(mr(f, ...l ?? [])), "index").map((b) => b.data), m = (typeof r == "string" ? (x = f[r]) == null ? void 0 : x.data : void 0) ?? null;
+  const { t: p } = A(), k = r ?? V(Object.values(mr(m, ...l ?? [])), "index").map((b) => b.data), h = (typeof i == "string" ? (x = m[i]) == null ? void 0 : x.data : void 0) ?? null;
   return /* @__PURE__ */ t(
     Ze,
     {
-      ...d,
+      ...a,
       size: "small",
       options: k,
       autoHighlight: !0,
@@ -1975,113 +1977,113 @@ function Oe({
       getOptionKey: (b) => b.id,
       getOptionLabel: (b) => b.name || b.id,
       renderInput: (b) => /* @__PURE__ */ t(D, { label: e || p("component"), ...b }),
-      value: m,
+      value: h,
       onChange: (b, n) => {
-        var s, u, h, w, c, v;
+        var s, d, f, w, c, v;
         let o = {};
         n && (o = {
-          blockletId: (s = f[n == null ? void 0 : n.id]) == null ? void 0 : s.blockletId,
-          blockletTitle: (u = f[n == null ? void 0 : n.id]) == null ? void 0 : u.blockletTitle,
-          componentName: ((w = (h = f[n == null ? void 0 : n.id]) == null ? void 0 : h.data) == null ? void 0 : w.name) || ((v = (c = f[n == null ? void 0 : n.id]) == null ? void 0 : c.data) == null ? void 0 : v.id)
-        }), a == null || a(b, n == null ? void 0 : n.id, o);
+          blockletId: (s = m[n == null ? void 0 : n.id]) == null ? void 0 : s.blockletId,
+          blockletTitle: (d = m[n == null ? void 0 : n.id]) == null ? void 0 : d.blockletTitle,
+          componentName: ((w = (f = m[n == null ? void 0 : n.id]) == null ? void 0 : f.data) == null ? void 0 : w.name) || ((v = (c = m[n == null ? void 0 : n.id]) == null ? void 0 : c.data) == null ? void 0 : v.id)
+        }), u == null || u(b, n == null ? void 0 : n.id, o);
       }
     }
   );
 }
-function Hr({
+function Mr({
   config: e,
-  allComponents: i,
+  allComponents: r,
   defaultLocale: l,
-  propertiesValue: r,
-  currentLocale: a,
-  onChange: f,
-  props: d
+  propertiesValue: i,
+  currentLocale: u,
+  onChange: m,
+  props: a
 }) {
-  const { t: p } = A(), [k, m] = Z(e == null ? void 0 : e.properties), [x, b] = Z(null);
-  H(() => {
+  const { t: p } = A(), [k, h] = Z(e == null ? void 0 : e.properties), [x, b] = Z(null);
+  M(() => {
     (() => {
       var w, c;
       ((w = e == null ? void 0 : e.renderer) == null ? void 0 : w.type) === "react-component" && lt(e == null ? void 0 : e.properties) ? tr((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((v) => {
         const g = rr(v);
-        m(g);
-      }) : m(e == null ? void 0 : e.properties);
+        h(g);
+      }) : h(e == null ? void 0 : e.properties);
     })();
   }, [JSON.stringify(e)]);
   const n = N(() => !e || !k ? {} : Object.values(k).reduce(
-    (h, { data: w }) => {
+    (f, { data: w }) => {
       var v, g, P, C, y;
       const c = w.key || w.id;
-      return h[w.id] = {
+      return f[w.id] = {
         key: c,
-        value: (d == null ? void 0 : d[c]) ?? ((v = r == null ? void 0 : r[w.id]) == null ? void 0 : v.value) ?? ((P = (g = w.locales) == null ? void 0 : g[a]) == null ? void 0 : P.defaultValue) ?? ((y = (C = w.locales) == null ? void 0 : C[l]) == null ? void 0 : y.defaultValue),
+        value: (a == null ? void 0 : a[c]) ?? ((v = i == null ? void 0 : i[w.id]) == null ? void 0 : v.value) ?? ((P = (g = w.locales) == null ? void 0 : g[u]) == null ? void 0 : P.defaultValue) ?? ((y = (C = w.locales) == null ? void 0 : C[l]) == null ? void 0 : y.defaultValue),
         id: w.id,
         type: w.type
-      }, h;
+      }, f;
     },
     {}
-  ), [JSON.stringify(k), e, r, a, l]), o = ae(() => {
+  ), [JSON.stringify(k), e, i, u, l]), o = ae(() => {
     if (!k)
       return {
         canUseProperties: [],
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const h = T(Object.values(k), "index"), w = h.filter(({ data: g }) => g.key && bt(k, g.id)), c = h.filter(({ data: g }) => g.key), v = c.map(({ data: g }) => g.key);
+    const f = V(Object.values(k), "index"), w = f.filter(({ data: g }) => g.key && bt(k, g.id)), c = f.filter(({ data: g }) => g.key), v = c.map(({ data: g }) => g.key);
     return {
       canUseProperties: c,
       visibleProperties: w,
       canUsePropertiesKeys: v
     };
-  }, [JSON.stringify(k)]), s = n(), u = pr(s, "key");
+  }, [JSON.stringify(k)]), s = n(), d = pr(s, "key");
   return /* @__PURE__ */ t(Se, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
     /* @__PURE__ */ t(F, { variant: "subtitle1", children: p("maker.properties.parameters") }),
     !e || o.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(te, { style: { fontSize: 12 }, children: p("maker.properties.noParameters") }) : /* @__PURE__ */ S($, { children: [
-      /* @__PURE__ */ t(j, { gap: 2, children: o.visibleProperties.map(({ data: h }) => {
+      /* @__PURE__ */ t(j, { gap: 2, children: o.visibleProperties.map(({ data: f }) => {
         var w, c;
         return /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
           K,
           {
-            allComponents: i,
+            allComponents: r,
             defaultLocale: l,
             size: "small",
             fullWidth: !0,
             component: e,
-            property: h,
-            valueImmutable: ee((w = r == null ? void 0 : r[h.id]) == null ? void 0 : w.value),
-            value: (d == null ? void 0 : d[h.key || h.id]) ?? ((c = s[h.id]) == null ? void 0 : c.value),
+            property: f,
+            valueImmutable: ee((w = i == null ? void 0 : i[f.id]) == null ? void 0 : w.value),
+            value: (a == null ? void 0 : a[f.key || f.id]) ?? ((c = s[f.id]) == null ? void 0 : c.value),
             onChange: (v) => {
-              f({
-                path: ["properties", h.id],
+              m({
+                path: ["properties", f.id],
                 value: { value: v },
-                shouldSync: !(!h.type || Ke.includes(h.type)),
+                shouldSync: !(!f.type || Ke.includes(f.type)),
                 excludeKeys: [],
-                key: h.key || h.id
+                key: f.key || f.id
               });
             }
           }
-        ) }, h.id);
+        ) }, f.id);
       }) }),
       /* @__PURE__ */ t(j, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ t(
         ot,
         {
           componentId: (e == null ? void 0 : e.id) || "",
           renderType: "setting",
-          locale: a,
+          locale: u,
           properties: s,
-          dev: { mode: "draft", components: i, defaultLocale: l },
+          dev: { mode: "draft", components: r, defaultLocale: l },
           props: {
-            ...hr(d ?? {}, o.canUsePropertiesKeys),
-            onChange: (h) => {
+            ...hr(a ?? {}, o.canUsePropertiesKeys),
+            onChange: (f) => {
               const { canUsePropertiesKeys: w } = o;
-              Object.keys(h).filter((v) => {
+              Object.keys(f).filter((v) => {
                 var g;
-                return h[v] !== ((g = u == null ? void 0 : u[v]) == null ? void 0 : g.value);
-              }).filter((v) => !(v === "locale" && !dr(u[v], "locale"))).reduce((v, g) => v.then(() => {
-                const P = u[g], C = w.includes(g);
+                return f[v] !== ((g = d == null ? void 0 : d[v]) == null ? void 0 : g.value);
+              }).filter((v) => !(v === "locale" && !dr(d[v], "locale"))).reduce((v, g) => v.then(() => {
+                const P = d[g], C = w.includes(g);
                 if (P != null && P.id && C)
-                  return f({
+                  return m({
                     path: ["properties", P.id],
-                    value: { value: h[g] },
+                    value: { value: f[g] },
                     shouldSync: !(!P.type || Ke.includes(P.type)),
                     excludeKeys: [],
                     key: P.key || P.id
@@ -2108,12 +2110,12 @@ function Hr({
   ] }) });
 }
 export {
-  Vr as BasicInfo,
+  Tr as BasicInfo,
   Oe as CustomComponentAutocomplete,
-  Vi as CustomComponentSettings,
+  Ti as CustomComponentSettings,
   Fr as DefaultReactComponentScriptTemplate,
   _r as DefaultWebComponentScriptTemplate,
-  Hr as ParametersConfig,
+  Mr as ParametersConfig,
   Er as PropertiesConfig,
   K as PropertyValueField
 };