npm - @blocklet/pages-kit-inner-components - Versions diffs - 0.4.84 → 0.4.85 - Mend

@blocklet/pages-kit-inner-components 0.4.84 → 0.4.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/lib/es/setting.js CHANGED Viewed

@@ -1,34 +1,34 @@
 import { jsx as t, jsxs as S, Fragment as H } from "react/jsx-runtime";
-import { t as ve, g as oe, i as _e, b as Je, h as ae, E as yt, n as $e, j as xe } from "./chunks/state-DqChB5ys.js";
+import { t as xe, g as oe, i as Je, b as $e, h as ae, E as yt, n as Me, j as ge } from "./chunks/state-DqChB5ys.js";
 import Z from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as N } from "@arcblock/ux/lib/Locale/context";
-import { CodeEditor as ge } from "@blocklet/code-editor";
+import { CodeEditor as we } from "@blocklet/code-editor";
 import vt from "@mui/icons-material/AddRounded";
 import xt from "@mui/icons-material/ArrowDownward";
 import gt from "@mui/icons-material/ArrowUpward";
-import kt from "@mui/icons-material/DeleteOutline";
-import { Typography as J, TextField as D, Stack as j, FormLabel as ne, Box as z, TableContainer as wt, Paper as ee, Table as Me, TableHead as He, TableRow as le, TableCell as se, TableBody as Ye, Button as T, IconButton as ue, FormControlLabel as Le, Switch as Ge, InputAdornment as pe, Dialog as ke, DialogTitle as qe, DialogContent as Qe, DialogActions as Xe, alpha as Pt, Tooltip as X, buttonClasses as It, Autocomplete as Ze, MenuItem as me, Collapse as St, Divider as Ot, Popper as zt } from "@mui/material";
+import wt from "@mui/icons-material/DeleteOutline";
+import { Typography as J, TextField as D, Stack as z, FormLabel as ne, Box as j, TableContainer as kt, Paper as ee, Table as He, TableHead as Ye, TableRow as le, TableCell as se, TableBody as Le, Button as T, IconButton as ue, FormControlLabel as Ge, Switch as qe, InputAdornment as pe, Dialog as ke, DialogTitle as Qe, DialogContent as Xe, DialogActions as Ze, alpha as Pt, Tooltip as X, buttonClasses as It, Autocomplete as et, MenuItem as me, Collapse as St, Divider as Ot, Popper as jt } from "@mui/material";
 import V from "lodash/sortBy";
-import { useCallback as A, useMemo as ce, forwardRef as et, useState as $, useEffect as M, useImperativeHandle as tt, lazy as jt, Suspense as Rt, useRef as F, useId as Ct } from "react";
-import { useUpdate as rt, useDebounce as Dt } from "react-use";
+import { useCallback as A, useMemo as ce, forwardRef as tt, useState as $, useEffect as M, useImperativeHandle as rt, lazy as zt, Suspense as Rt, useRef as F, useId as Ct } from "react";
+import { useUpdate as it, useDebounce as Dt } from "react-use";
 import { styled as Nt } from "@arcblock/ux/lib/Theme";
 import { cx as At } from "@emotion/css";
 import { useReactive as Tt, useBoolean as Vt, useUpdate as Et } from "ahooks";
-import Ue from "gradient-parser";
+import We 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 Mt, lime as Ht, yellow as Yt, amber as Lt, orange as Gt, brown as qt, grey as Qt, blueGrey as Xt } from "@mui/material/colors";
-import { getImageSize as fe, getVideoSize as he, UploaderButton as we, UploaderProvider as Pe, useUploader as Zt } from "./uploader.js";
+import { getImageSize as fe, getVideoSize as he, UploaderButton as Pe, UploaderProvider as Ie, useUploader as Zt } from "./uploader.js";
 import { Icon as er } from "@iconify-icon/react";
-import it from "lodash/isEmpty";
-import ot from "lodash/set";
+import ot from "lodash/isEmpty";
+import nt from "lodash/set";
 import * as be from "yaml";
 import { cloneDeep as tr } from "lodash";
-import We from "@arcblock/ux/lib/Toast";
-import { CustomComponentRenderer as nt, transpileAndLoadScript as rr, getPropertiesFromCode as ir } from "@blocklet/pages-kit/components";
+import Be from "@arcblock/ux/lib/Toast";
+import { CustomComponentRenderer as lt, transpileAndLoadScript as rr, getPropertiesFromCode as ir } from "@blocklet/pages-kit/components";
 import { unstable_useNumberInput as or, ClickAwayListener as nr } from "@mui/base";
-import { VisibilityOffRounded as lr, VisibilityRounded as sr, DeleteOutlineRounded as cr, DragIndicatorRounded as dr, TranslateRounded as lt, AddRounded as st, InfoRounded as ct, StarRounded as ar, SettingsRounded as dt } from "@mui/icons-material";
-import { alpha as Be } from "@mui/material/styles";
+import { VisibilityOffRounded as lr, VisibilityRounded as sr, DeleteOutlineRounded as cr, DragIndicatorRounded as dr, TranslateRounded as st, AddRounded as ct, InfoRounded as dt, StarRounded as ar, SettingsRounded as at } from "@mui/icons-material";
+import { alpha as Ke } from "@mui/material/styles";
 import { getYjsValue as te } from "@syncedstore/core";
 import ur from "lodash/assign";
 import pr from "lodash/has";
@@ -38,18 +38,18 @@ import fr from "lodash/keyBy";
 import hr from "lodash/omit";
 import br from "lodash/pick";
 import yr from "lodash/reduce";
-import { usePopupState as Ie, bindTrigger as Se, bindDialog as at, bindPopper as vr } from "material-ui-popup-state/hooks";
+import { usePopupState as Se, bindTrigger as Oe, bindDialog as ut, bindPopper as vr } from "material-ui-popup-state/hooks";
 import { ErrorBoundary as xr } from "react-error-boundary";
-import { useDrop as ut, useDrag as gr } from "react-dnd";
-function kr({
+import { useDrop as pt, useDrag as gr } from "react-dnd";
+function wr({
   onClick: e,
   disabled: r,
   sx: o,
   ...i
 }) {
-  return /* @__PURE__ */ t(ue, { size: "small", color: "warning", variant: "outlined", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(kt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(ue, { size: "small", color: "warning", variant: "outlined", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(wt, { fontSize: "small" }) });
 }
-function wr({
+function kr({
   onClick: e,
   disabled: r,
   sx: o,
@@ -70,75 +70,75 @@ function Ir({
   value: r,
   onChange: o,
   disabled: i = !1,
-  itemLabel: a = "",
+  itemLabel: u = "",
   emptyHeight: p = 40,
   property: d,
   renderItem: m,
-  ...k
+  ...w
 }) {
-  const { t: v, locale: g } = N(), f = rt(), n = A(
-    (y) => {
-      o(ve(y, d.type));
+  const { t: x, locale: g } = N(), h = it(), n = A(
+    (f) => {
+      o(xe(f, d.type));
     },
     [o, d.type]
   ), s = ce(() => Array.isArray(r) ? r : [], [r]), l = A(() => {
-    const y = [...s, ""];
-    n(y), f();
-  }, [s, n, f]), u = A(() => {
+    const f = [...s, ""];
+    n(f), h();
+  }, [s, n, h]), a = A(() => {
     if (!d || !d.subProperties)
       return l();
-    const y = {};
+    const f = {};
     V(Object.values(d.subProperties), "index").forEach(({ data: C }) => {
       var U, W;
       if (!C.key) return;
       const E = ((W = (U = C.locales) == null ? void 0 : U[g]) == null ? void 0 : W.defaultValue) ?? "";
-      y[C.key] = E;
+      f[C.key] = E;
     });
-    const R = [...s, y];
-    n(R), f();
-  }, [s, n, f, d, g, l]), h = A(
-    (y) => {
+    const R = [...s, f];
+    n(R), h();
+  }, [s, n, h, d, g, l]), b = A(
+    (f) => {
       try {
-        const I = JSON.parse(y);
+        const I = JSON.parse(f);
         Array.isArray(I) ? n(I) : console.error("JSON解析结果不是数组");
       } catch (I) {
         console.error("JSON解析错误:", I);
       }
     },
     [n]
-  ), w = A(
-    (y) => {
-      const I = s.filter((R, C) => C !== y);
-      n(I), f();
+  ), P = A(
+    (f) => {
+      const I = s.filter((R, C) => C !== f);
+      n(I), h();
     },
-    [s, n, f]
+    [s, n, h]
   ), c = A(
-    (y) => {
-      if (y <= 0) return;
-      const I = [...s], R = I[y];
-      I[y] = I[y - 1], I[y - 1] = R, n(I), f();
+    (f) => {
+      if (f <= 0) return;
+      const I = [...s], R = I[f];
+      I[f] = I[f - 1], I[f - 1] = R, n(I), h();
     },
-    [s, n, f]
-  ), x = A(
-    (y) => {
-      if (y >= s.length - 1) return;
-      const I = [...s], R = I[y];
-      I[y] = I[y + 1], I[y + 1] = R, n(I), f();
+    [s, n, h]
+  ), v = A(
+    (f) => {
+      if (f >= s.length - 1) return;
+      const I = [...s], R = I[f];
+      I[f] = I[f + 1], I[f + 1] = R, n(I), h();
     },
-    [s, n, f]
-  ), b = A(
-    (y, I) => {
+    [s, n, h]
+  ), y = A(
+    (f, I) => {
       const R = [...s];
-      R[y] = I, n(R);
+      R[f] = I, n(R);
     },
     [s, n]
-  ), P = d && d.subProperties && Object.keys(d.subProperties).length > 0, O = ce(() => [
+  ), k = d && d.subProperties && Object.keys(d.subProperties).length > 0, O = ce(() => [
     {
       field: "index",
       headerName: "#",
       width: 40,
       align: "center",
-      renderCell: ({ index: y }) => /* @__PURE__ */ t(
+      renderCell: ({ index: f }) => /* @__PURE__ */ t(
         J,
         {
           variant: "body1",
@@ -152,28 +152,28 @@ function Ir({
             justifyContent: "center",
             color: "text.secondary"
           },
-          children: y + 1
+          children: f + 1
         }
       )
     },
     {
       field: "content",
       headerName: "",
-      renderCell: ({ row: y, index: I }) => m && P ? m({
-        item: y,
+      renderCell: ({ row: f, index: I }) => m && k ? m({
+        item: f,
         index: I,
         property: d,
-        onChange: (R) => b(I, R)
+        onChange: (R) => y(I, R)
       }) : /* @__PURE__ */ t(
         D,
         {
           fullWidth: !0,
           size: "small",
           disabled: i,
-          value: y,
-          placeholder: a || `${v("item")} ${I + 1}`,
-          onChange: (R) => b(I, R.target.value),
-          ...k
+          value: f,
+          placeholder: u || `${x("item")} ${I + 1}`,
+          onChange: (R) => y(I, R.target.value),
+          ...w
         }
       )
     },
@@ -183,36 +183,36 @@ function Ir({
       width: 30,
       // 增加宽度以容纳更多按钮
       align: "center",
-      renderCell: ({ index: y }) => /* @__PURE__ */ S(j, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ t(wr, { disabled: i || y === 0, onClick: () => c(y) }),
+      renderCell: ({ index: f }) => /* @__PURE__ */ S(z, { direction: "column", spacing: 0.25, children: [
+        /* @__PURE__ */ t(kr, { disabled: i || f === 0, onClick: () => c(f) }),
         /* @__PURE__ */ t(
           Pr,
           {
-            disabled: i || y === s.length - 1,
-            onClick: () => x(y)
+            disabled: i || f === s.length - 1,
+            onClick: () => v(f)
           }
         ),
-        /* @__PURE__ */ t(kr, { disabled: i, onClick: () => w(y) })
+        /* @__PURE__ */ t(wr, { disabled: i, onClick: () => P(f) })
       ] })
     }
   ], [
     m,
-    P,
+    k,
     d,
-    b,
-    a,
-    v,
+    y,
+    u,
+    x,
     i,
-    k,
     w,
+    P,
     c,
-    x,
+    v,
     s.length
   ]);
-  return P ? /* @__PURE__ */ S(j, { width: "100%", gap: 1, children: [
+  return k ? /* @__PURE__ */ S(z, { width: "100%", gap: 1, children: [
     e && /* @__PURE__ */ t(ne, { children: e }),
-    s.length > 0 ? /* @__PURE__ */ t(wt, { component: ee, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ S(
-      Me,
+    s.length > 0 ? /* @__PURE__ */ t(kt, { component: ee, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ S(
+      He,
       {
         size: "small",
         sx: {
@@ -229,17 +229,17 @@ function Ir({
           borderCollapse: "collapse"
         },
         children: [
-          /* @__PURE__ */ t(He, { sx: { display: "none" }, children: /* @__PURE__ */ t(le, { children: O.map((y) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(Ye, { sx: { display: "none" }, children: /* @__PURE__ */ t(le, { children: O.map((f) => /* @__PURE__ */ t(
             se,
             {
-              width: y.width,
-              align: y.align || "left",
+              width: f.width,
+              align: f.align || "left",
               sx: { fontWeight: "bold" },
-              children: y.renderHeader ? y.renderHeader() : y.headerName
+              children: f.renderHeader ? f.renderHeader() : f.headerName
             },
-            y.field
+            f.field
           )) }) }),
-          /* @__PURE__ */ t(Ye, { children: s.map((y, I, R) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(Le, { children: s.map((f, I, R) => /* @__PURE__ */ t(
             le,
             {
               sx: {
@@ -258,9 +258,9 @@ function Ir({
                     borderBottom: "none"
                   },
                   children: C.renderCell({
-                    row: y,
+                    row: f,
                     index: I,
-                    onChange: (E) => b(I, E)
+                    onChange: (E) => y(I, E)
                   })
                 },
                 `${I}-${C.field}`
@@ -270,7 +270,7 @@ function Ir({
           )) })
         ]
       }
-    ) }) : /* @__PURE__ */ t(Z, { style: { fontSize: 12, height: p }, children: v("maker.properties.arrayEmpty") }),
+    ) }) : /* @__PURE__ */ t(Z, { style: { fontSize: 12, height: p }, children: x("maker.properties.arrayEmpty") }),
     /* @__PURE__ */ t(
       T,
       {
@@ -279,20 +279,20 @@ function Ir({
         variant: "outlined",
         disabled: i,
         startIcon: /* @__PURE__ */ t(vt, {}),
-        onClick: u,
-        children: v("maker.properties.addArrayItem")
+        onClick: a,
+        children: x("maker.properties.addArrayItem")
       }
     )
-  ] }) : /* @__PURE__ */ S(j, { width: "100%", gap: 1, children: [
+  ] }) : /* @__PURE__ */ S(z, { width: "100%", gap: 1, children: [
     e && /* @__PURE__ */ t(ne, { children: e }),
-    /* @__PURE__ */ t(z, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
-      ge,
+    /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
+      we,
       {
         keyId: d.id,
         locale: g,
         language: "json",
         value: JSON.stringify(s, null, 2),
-        onChange: (y) => h(y || "")
+        onChange: (f) => b(f || "")
       },
       d.id
     ) })
@@ -303,11 +303,11 @@ Ft[300], _t[300], // lightBlue['300'],
 Jt[300], $t[300], Mt[300], // lightGreen['300'],
 Ht[300], Yt[300], Lt[300], Gt[300], // deepOrange['300'],
 qt[300], Qt[300], Xt[300];
-const Sr = et(function({ showMarkdown: r, markdown: o, onMarkdownChange: i, showUploader: a, value: p, meta: d, onChange: m, ...k }, v) {
-  const [g, f] = $("");
+const Sr = tt(function({ showMarkdown: r, markdown: o, onMarkdownChange: i, showUploader: u, value: p, meta: d, onChange: m, ...w }, x) {
+  const [g, h] = $("");
   M(() => {
-    f(p || "");
-  }, [p, f]);
+    h(p || "");
+  }, [p, h]);
   const n = async () => {
     if (g !== p) {
       const l = oe(g);
@@ -315,9 +315,9 @@ const Sr = et(function({ showMarkdown: r, markdown: o, onMarkdownChange: i, show
         m(g, void 0);
         return;
       }
-      const u = await fe(l).catch(() => he(l)).catch(() => {
+      const a = await fe(l).catch(() => he(l)).catch(() => {
       });
-      m(g, { ...u, filename: g });
+      m(g, { ...a, filename: g });
     }
   };
   Dt(
@@ -326,23 +326,23 @@ const Sr = et(function({ showMarkdown: r, markdown: o, onMarkdownChange: i, show
     },
     300,
     [g]
-  ), tt(v, () => ({
+  ), rt(x, () => ({
     submit: n
   }));
   const s = {};
-  return a && (s.InputProps = {
+  return u && (s.InputProps = {
     sx: { pr: 0 },
     endAdornment: /* @__PURE__ */ t(pe, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ t(
-      we,
+      Pe,
       {
         onChange: async ({ response: l }) => {
           var c;
-          const u = (c = l == null ? void 0 : l.data) == null ? void 0 : c.filename, h = oe(u) || "";
-          let w = {};
-          h && (w = await fe(h).catch(() => he(h)).catch(() => {
-          })), m(u, {
-            ...w,
-            filename: u
+          const a = (c = l == null ? void 0 : l.data) == null ? void 0 : c.filename, b = oe(a) || "";
+          let P = {};
+          b && (P = await fe(b).catch(() => he(b)).catch(() => {
+          })), m(a, {
+            ...P,
+            filename: a
           });
         }
       }
@@ -352,39 +352,39 @@ const Sr = et(function({ showMarkdown: r, markdown: o, onMarkdownChange: i, show
     {
       size: "small",
       fullWidth: !0,
-      ...k,
-      label: /* @__PURE__ */ S(j, { direction: "row", spacing: 1, alignItems: "center", children: [
-        k.label,
+      ...w,
+      label: /* @__PURE__ */ S(z, { direction: "row", spacing: 1, alignItems: "center", children: [
+        w.label,
         r && /* @__PURE__ */ S(H, { children: [
           " (",
           /* @__PURE__ */ t(
-            Le,
+            Ge,
             {
               checked: o,
-              label: /* @__PURE__ */ t(z, { component: er, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
+              label: /* @__PURE__ */ t(j, { component: er, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
               labelPlacement: "start",
-              control: /* @__PURE__ */ t(Ge, { size: "small" }),
+              control: /* @__PURE__ */ t(qe, { size: "small" }),
               sx: { ml: 0.25, pr: 1 },
-              onChange: (l, u) => i == null ? void 0 : i(u)
+              onChange: (l, a) => i == null ? void 0 : i(a)
             }
           ),
           ")"
         ] })
       ] }),
-      InputLabelProps: { shrink: !0, ...k.InputLabelProps },
+      InputLabelProps: { shrink: !0, ...w.InputLabelProps },
       value: g,
-      onChange: (l) => f(l.target.value),
+      onChange: (l) => h(l.target.value),
       ...s,
       onKeyDown: (l) => {
         l.keyCode !== 229 && l.key === "Enter" && n();
       }
     }
   );
-}), Or = jt(() => import("react-best-gradient-color-picker"));
-function zr(e) {
+}), Or = zt(() => import("react-best-gradient-color-picker"));
+function jr(e) {
   try {
-    const o = Ue.parse(e).map((a) => {
-      const p = a.colorStops.map((d) => {
+    const o = We.parse(e).map((u) => {
+      const p = u.colorStops.map((d) => {
         if (d.type !== "rgba") {
           const m = Ut(d.value).toRgb();
           return {
@@ -396,20 +396,20 @@ function zr(e) {
         return d;
       });
       return {
-        ...a,
+        ...u,
         colorStops: p
       };
     });
-    return Ue.stringify(o);
+    return We.stringify(o);
   } catch {
-    return Je(e) ? e : "";
+    return $e(e) ? e : "";
   }
 }
-function jr({ color: e, sx: r = {}, ...o }) {
-  Je(e);
+function zr({ color: e, sx: r = {}, ...o }) {
+  $e(e);
   const i = {};
-  return _e(e) ? i.backgroundImage = e : i.backgroundColor = e, /* @__PURE__ */ t(
-    z,
+  return Je(e) ? i.backgroundImage = e : i.backgroundColor = e, /* @__PURE__ */ t(
+    j,
     {
       sx: {
         ...r,
@@ -428,35 +428,35 @@ function jr({ color: e, sx: r = {}, ...o }) {
     }
   );
 }
-const Rr = et(function({ onSave: r }, o) {
+const Rr = tt(function({ onSave: r }, o) {
   const i = Tt({
     value: ""
-  }), { t: a } = N(), p = {};
-  i.value ? _e(i.value) ? p.backgroundImage = i.value : p.backgroundColor = i.value : p.border = "1px solid #ccc";
-  const [d, { setFalse: m, setTrue: k }] = Vt(!1), v = A(() => {
+  }), { t: u } = N(), p = {};
+  i.value ? Je(i.value) ? p.backgroundImage = i.value : p.backgroundColor = i.value : p.border = "1px solid #ccc";
+  const [d, { setFalse: m, setTrue: w }] = Vt(!1), x = A(() => {
     m();
   }, [m]), g = () => {
-    r({ value: i.value }, v);
+    r({ value: i.value }, x);
   };
-  return tt(o, () => ({
-    open({ value: f } = { value: "" }) {
-      i.value = f, k();
+  return rt(o, () => ({
+    open({ value: h } = { value: "" }) {
+      i.value = h, w();
     },
     close() {
-      v();
+      x();
     }
-  })), /* @__PURE__ */ S(ke, { open: d, onClose: v, hideBackdrop: !0, children: [
-    /* @__PURE__ */ t(qe, { children: a("maker.configBackground") }),
-    /* @__PURE__ */ t(Qe, { sx: { width: 600 }, children: /* @__PURE__ */ S(z, { width: "100%", display: "flex", children: [
-      /* @__PURE__ */ t(z, { flex: 1, mr: 1, sx: p, children: !i.value && /* @__PURE__ */ t(Z, { children: a("error.notConfig") }) }),
+  })), /* @__PURE__ */ S(ke, { open: d, onClose: x, hideBackdrop: !0, children: [
+    /* @__PURE__ */ t(Qe, { children: u("maker.configBackground") }),
+    /* @__PURE__ */ t(Xe, { sx: { width: 600 }, children: /* @__PURE__ */ S(j, { width: "100%", display: "flex", children: [
+      /* @__PURE__ */ t(j, { flex: 1, mr: 1, sx: p, children: !i.value && /* @__PURE__ */ t(Z, { children: u("error.notConfig") }) }),
       /* @__PURE__ */ t(Rt, { children: /* @__PURE__ */ t(
         Or,
         {
           width: 200,
           height: 200,
-          value: zr(i.value),
-          onChange: (f) => {
-            i.value = f;
+          value: jr(i.value),
+          onChange: (h) => {
+            i.value = h;
           },
           hidePresets: !0,
           hideAdvancedSliders: !0,
@@ -465,13 +465,13 @@ const Rr = et(function({ onSave: r }, o) {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ S(Xe, { children: [
-      /* @__PURE__ */ t(T, { variant: "outlined", size: "small", onClick: v, children: a("common.cancel") }),
-      /* @__PURE__ */ t(T, { variant: "contained", size: "small", onClick: g, children: a("maker.save") })
+    /* @__PURE__ */ S(Ze, { children: [
+      /* @__PURE__ */ t(T, { variant: "outlined", size: "small", onClick: x, children: u("common.cancel") }),
+      /* @__PURE__ */ t(T, { variant: "contained", size: "small", onClick: g, children: u("maker.save") })
     ] })
   ] });
 });
-Nt(z)`
+Nt(j)`
   .color-item {
     position: relative;
   }
@@ -507,13 +507,13 @@ function Cr({
         onChange: r,
         InputProps: {
           endAdornment: /* @__PURE__ */ t(pe, { position: "end", children: /* @__PURE__ */ t(
-            jr,
+            zr,
             {
               color: e ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
-                var a;
-                (a = i.current) == null || a.open({ value: e ?? "" });
+                var u;
+                (u = i.current) == null || u.open({ value: e ?? "" });
               }
             }
           ) })
@@ -524,8 +524,8 @@ function Cr({
       Rr,
       {
         ref: i,
-        onSave: ({ value: a }, p) => {
-          r(a), p();
+        onSave: ({ value: u }, p) => {
+          r(u), p();
         }
       }
     )
@@ -536,28 +536,28 @@ function Dr({
   value: r,
   onChange: o,
   property: i,
-  component: a,
+  component: u,
   defaultLocale: p,
   allComponents: d,
   PropertyValueField: m,
-  onUpload: k
+  onUpload: w
 }) {
-  const { locale: v } = N(), g = F(null);
-  if (!it(i.subProperties)) {
+  const { locale: x } = N(), g = F(null);
+  if (!ot(i.subProperties)) {
     const n = V(Object.values(i.subProperties || {}), "index").filter(
       (s) => s.data.visible !== !1 && s.data.key
     );
-    return /* @__PURE__ */ S(j, { width: "100%", children: [
+    return /* @__PURE__ */ S(z, { width: "100%", children: [
       /* @__PURE__ */ t(ne, { sx: { px: 0.25, py: 0.5 }, children: e }),
-      /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(z, { sx: { position: "relative" }, children: n.map((s, l) => {
-        const { data: u } = s, h = u.key ?? u.id, w = l === n.length - 1;
+      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(j, { sx: { position: "relative" }, children: n.map((s, l) => {
+        const { data: a } = s, b = a.key ?? a.id, P = l === n.length - 1;
         let c = null;
         try {
-          r && typeof r == "object" ? c = r[h] : typeof r == "string" && (c = (i.type === "yaml" ? be.parse(r || "") : JSON.parse(r || "{}"))[h]);
+          r && typeof r == "object" ? c = r[b] : typeof r == "string" && (c = (i.type === "yaml" ? be.parse(r || "") : JSON.parse(r || "{}"))[b]);
         } catch {
         }
-        c == null && (u.locales && v && u.locales[v] ? c = u.locales[v].defaultValue : u.locales && p && u.locales[p] && (c = u.locales[p].defaultValue));
-        const x = (P) => {
+        c == null && (a.locales && x && a.locales[x] ? c = a.locales[x].defaultValue : a.locales && p && a.locales[p] && (c = a.locales[p].defaultValue));
+        const v = (k) => {
           try {
             let O = {};
             if (typeof r == "string")
@@ -566,25 +566,25 @@ function Dr({
               } catch {
               }
             else typeof r == "object" && r !== null && (O = { ...r });
-            ot(O, h, P);
-            const y = ve(O, i.type);
-            o == null || o(y);
+            nt(O, b, k);
+            const f = xe(O, i.type);
+            o == null || o(f);
           } catch (O) {
             console.error("Error updating property:", O);
           }
-        }, b = 8;
+        }, y = 8;
         return /* @__PURE__ */ S(
-          z,
+          j,
           {
             sx: {
-              mb: w ? 0 : 1,
+              mb: P ? 0 : 1,
               // 底部边距，最后一项不需要
               display: "flex",
               flexDirection: "row"
             },
             children: [
               /* @__PURE__ */ S(
-                z,
+                j,
                 {
                   sx: {
                     position: "relative",
@@ -593,11 +593,11 @@ function Dr({
                   },
                   children: [
                     /* @__PURE__ */ t(
-                      z,
+                      j,
                       {
                         sx: {
                           position: "absolute",
-                          left: b,
+                          left: y,
                           top: 0,
                           height: 16,
                           // 连接到字段中点的高度
@@ -608,11 +608,11 @@ function Dr({
                       }
                     ),
                     /* @__PURE__ */ t(
-                      z,
+                      j,
                       {
                         sx: {
                           position: "absolute",
-                          left: b,
+                          left: y,
                           top: 16,
                           // 连接到字段中点
                           width: 12,
@@ -622,12 +622,12 @@ function Dr({
                         }
                       }
                     ),
-                    !w && /* @__PURE__ */ t(
-                      z,
+                    !P && /* @__PURE__ */ t(
+                      j,
                       {
                         sx: {
                           position: "absolute",
-                          left: b,
+                          left: y,
                           top: 16,
                           // 从当前项中点
                           bottom: -8,
@@ -641,13 +641,13 @@ function Dr({
                   ]
                 }
               ),
-              /* @__PURE__ */ t(z, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ t(j, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
                 m,
                 {
-                  component: a,
-                  property: u,
+                  component: u,
+                  property: a,
                   value: c,
-                  onChange: x,
+                  onChange: v,
                   size: "small",
                   fullWidth: !0,
                   defaultLocale: p,
@@ -656,13 +656,13 @@ function Dr({
               ) })
             ]
           },
-          u.id
+          a.id
         );
       }) }) })
     ] });
   }
-  return /* @__PURE__ */ t(j, { width: "100%", gap: 2, children: /* @__PURE__ */ S(
-    j,
+  return /* @__PURE__ */ t(z, { width: "100%", gap: 2, children: /* @__PURE__ */ S(
+    z,
     {
       sx: {
         width: "100%",
@@ -687,23 +687,23 @@ function Dr({
           }
         ),
         /* @__PURE__ */ t(
-          ge,
+          we,
           {
             keyId: i.id,
-            locale: v,
+            locale: x,
             language: i.type === "yaml" ? "yaml" : "json",
             value: typeof r == "string" ? r : "",
             onChange: (n) => {
               o == null || o(n);
             },
             onUpload: (n) => {
-              g.current = n, k && k(n);
+              g.current = n, w && w(n);
             }
           },
           i.id
         ),
         /* @__PURE__ */ t(
-          z,
+          j,
           {
             component: "fieldset",
             sx: {
@@ -719,7 +719,7 @@ function Dr({
               px: 1,
               py: 0
             },
-            children: /* @__PURE__ */ t(z, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ t(z, { component: "span", sx: { opacity: 0 }, children: e }) })
+            children: /* @__PURE__ */ t(j, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ t(j, { component: "span", sx: { opacity: 0 }, children: e }) })
           }
         )
       ]
@@ -727,63 +727,63 @@ function Dr({
   ) });
 }
 const Nr = ["string", "multiline", "json", "yaml", "url", "component", "custom"];
-function Ke(e) {
+function Fe(e) {
   return e.type ? !Nr.includes(e.type) : !1;
 }
-function pt({
+function mt({
   disabled: e,
   list: r,
   renderItem: o,
   ...i
 }) {
-  const a = F(null), p = Ct(), d = Et(), m = V(Object.entries(r), (s) => s[1].index).map((s) => s[0]), k = F(m), v = A(
+  const u = F(null), p = Ct(), d = Et(), m = V(Object.entries(r), (s) => s[1].index).map((s) => s[0]), w = F(m), x = A(
     (s) => {
-      k.current = s, d();
+      w.current = s, d();
     },
     [d]
   ), g = A(
     ({ index: s }, { index: l }) => {
-      const u = [...k.current];
-      u.splice(l, 0, ...u.splice(s, 1)), v(u);
+      const a = [...w.current];
+      a.splice(l, 0, ...a.splice(s, 1)), x(a);
     },
-    [v]
+    [x]
   );
   M(() => {
-    v(m);
+    x(m);
   }, [m.join("-")]);
-  const [{ isOver: f }, n] = ut({
+  const [{ isOver: h }, n] = pt({
     accept: p,
     collect: (s) => ({
       isOver: s.isOver()
     }),
     canDrop: () => !e,
     drop: () => {
-      var u;
+      var a;
       const s = () => {
-        k.current.forEach((h, w) => {
-          const c = r[h];
-          c && (c.index = w);
+        w.current.forEach((b, P) => {
+          const c = r[b];
+          c && (c.index = P);
         });
-      }, l = (u = te(r)) == null ? void 0 : u.doc;
+      }, l = (a = te(r)) == null ? void 0 : a.doc;
       l ? l.transact(() => {
         s();
       }) : s();
     }
   });
   return M(() => {
-    f || v(m);
-  }, [f]), n(a), /* @__PURE__ */ t(z, { ...i, ref: a, className: At(f && "isDragging"), children: k.current.map((s, l) => /* @__PURE__ */ t(
+    h || x(m);
+  }, [h]), n(u), /* @__PURE__ */ t(j, { ...i, ref: u, className: At(h && "isDragging"), children: w.current.map((s, l) => /* @__PURE__ */ t(
     Ar,
     {
       type: p,
       disabled: e,
       id: s,
       index: l,
-      itemIndex: (u) => k.current.indexOf(u),
+      itemIndex: (a) => w.current.indexOf(a),
       move: g,
-      children: (u) => {
-        const h = r[s];
-        return h ? o(h.data, l, u) : null;
+      children: (a) => {
+        const b = r[s];
+        return b ? o(b.data, l, a) : null;
       }
     },
     s
@@ -794,67 +794,67 @@ function Ar({
   id: r,
   index: o,
   type: i,
-  children: a,
+  children: u,
   itemIndex: p,
   move: d
 }) {
-  const m = F(), [{ isDragging: k }, v, g] = gr({
+  const m = F(), [{ isDragging: w }, x, g] = gr({
     type: i,
     item: () => ({ id: r }),
     canDrag: () => !e,
     collect: (n) => ({ isDragging: n.isDragging() })
-  }), [, f] = ut({
+  }), [, h] = pt({
     accept: i,
     canDrop: () => !e,
     hover(n, s) {
-      var b;
+      var y;
       if (!m.current)
         return;
-      const l = p(n.id), u = o;
-      if (l === u)
+      const l = p(n.id), a = o;
+      if (l === a)
         return;
-      const h = (b = m.current) == null ? void 0 : b.getBoundingClientRect(), w = (h.bottom - h.top) / 2, x = s.getClientOffset().y - h.top;
-      l < u && x < w || l > u && x > w || d({ id: n.id, index: l }, { id: r, index: o });
+      const b = (y = m.current) == null ? void 0 : y.getBoundingClientRect(), P = (b.bottom - b.top) / 2, v = s.getClientOffset().y - b.top;
+      l < a && v < P || l > a && v > P || d({ id: n.id, index: l }, { id: r, index: o });
     }
   });
-  return typeof a == "function" ? a({
-    isDragging: k,
-    drag: v,
-    drop: (n) => (m.current = n, f(n)),
+  return typeof u == "function" ? u({
+    isDragging: w,
+    drag: x,
+    drop: (n) => (m.current = n, h(n)),
     preview: g
-  }) : (v(f(g(m))), /* @__PURE__ */ t(z, { ref: m, children: a }));
+  }) : (x(h(g(m))), /* @__PURE__ */ t(j, { ref: m, children: u }));
 }
 function Tr({
   drop: e,
   preview: r,
   drag: o,
   disabled: i,
-  isDragging: a,
+  isDragging: u,
   children: p,
   onDelete: d,
   onVisibilityChange: m,
-  visible: k = !0,
-  actions: v,
+  visible: w = !0,
+  actions: x,
   alwaysShowActions: g = !1
 }) {
-  const { t: f } = N();
+  const { t: h } = N();
   return /* @__PURE__ */ t(
-    z,
+    j,
     {
       ref: e,
       sx: {
         ":hover .hover-visible": { maxWidth: "100%" },
-        opacity: k ? 1 : 0.5
+        opacity: w ? 1 : 0.5
       },
-      children: /* @__PURE__ */ S(z, { sx: { position: "relative" }, children: [
+      children: /* @__PURE__ */ S(j, { sx: { position: "relative" }, children: [
         /* @__PURE__ */ t(
-          z,
+          j,
           {
             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
             },
@@ -862,7 +862,7 @@ function Tr({
           }
         ),
         !i && /* @__PURE__ */ t(
-          z,
+          j,
           {
             className: g ? "" : "hover-visible",
             sx: {
@@ -874,7 +874,7 @@ function Tr({
               transition: "max-width 0.3s ease-in-out"
             },
             children: /* @__PURE__ */ S(
-              j,
+              z,
               {
                 direction: "row",
                 sx: {
@@ -889,10 +889,10 @@ function Tr({
                   }
                 },
                 children: [
-                  v,
-                  m && /* @__PURE__ */ t(X, { title: f(k ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: () => m(!k), children: k ? /* @__PURE__ */ t(lr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(sr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  d && /* @__PURE__ */ t(X, { title: f("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: d, children: /* @__PURE__ */ t(cr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ t(X, { title: f("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { ref: o, children: /* @__PURE__ */ t(dr, { sx: { color: "grey.500" } }) }) })
+                  x,
+                  m && /* @__PURE__ */ t(X, { title: h(w ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: () => m(!w), children: w ? /* @__PURE__ */ t(lr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(sr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  d && /* @__PURE__ */ t(X, { title: h("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: d, children: /* @__PURE__ */ t(cr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  /* @__PURE__ */ t(X, { title: h("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { ref: o, children: /* @__PURE__ */ t(dr, { sx: { color: "grey.500" } }) }) })
                 ]
               }
             )
@@ -907,8 +907,8 @@ function Vr({
   value: r,
   onChange: o
 }) {
-  const [i, a] = $(!1);
-  return /* @__PURE__ */ S(j, { gap: 1, children: [
+  const [i, u] = $(!1);
+  return /* @__PURE__ */ S(z, { gap: 1, children: [
     /* @__PURE__ */ t(
       D,
       {
@@ -918,7 +918,7 @@ function Vr({
         onChange: (p) => o == null ? void 0 : o(p.target.value),
         InputProps: {
           endAdornment: /* @__PURE__ */ t(
-            we,
+            Pe,
             {
               onChange: ({ response: p }) => {
                 var m;
@@ -931,7 +931,7 @@ function Vr({
       }
     ),
     r && /* @__PURE__ */ t(
-      z,
+      j,
       {
         component: "img",
         sx: { objectFit: "contain", borderRadius: 1, cursor: "pointer" },
@@ -940,17 +940,17 @@ function Vr({
         maxWidth: 100,
         maxHeight: 100,
         width: "100%",
-        onClick: () => a(!0)
+        onClick: () => u(!0)
       }
     ),
-    /* @__PURE__ */ t(ke, { open: i, onClose: () => a(!1), children: /* @__PURE__ */ t(z, { component: "img", sx: { objectFit: "contain" }, src: oe(r), alt: e }) })
+    /* @__PURE__ */ t(ke, { open: i, onClose: () => u(!1), children: /* @__PURE__ */ t(j, { component: "img", sx: { objectFit: "contain" }, src: oe(r), alt: e }) })
   ] });
 }
 function ye(e, r = "") {
   return yr(
     e,
-    (o, i, a) => {
-      const p = r ? `${r}.${a}` : a;
+    (o, i, u) => {
+      const p = r ? `${r}.${u}` : u;
       return mr(i) ? ur(o, ye(i, p)) : o[p] = i, o;
     },
     {}
@@ -973,7 +973,7 @@ const Er = [
 function ie(e, r, o) {
   return !e || !o ? !1 : Object.values(e).some(({ data: i }) => i.id !== r && i.key === o);
 }
-function mt(e, r) {
+function ve(e, r) {
   var o;
   return !e || !r ? !1 : ((o = e[r]) == null ? void 0 : o.data.visible) ?? !0;
 }
@@ -981,34 +981,34 @@ function Ui({ componentId: e }) {
   const {
     state: { components: r }
   } = ae(), o = r[e], i = o == null ? void 0 : o.data;
-  return i ? /* @__PURE__ */ t(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(z, { p: 2, children: /* @__PURE__ */ t(xr, { FallbackComponent: yt, resetKeys: [e], children: /* @__PURE__ */ t(Ur, { value: i }) }) }) }) : null;
+  return i ? /* @__PURE__ */ t(z, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(j, { p: 2, children: /* @__PURE__ */ t(xr, { FallbackComponent: yt, resetKeys: [e], children: /* @__PURE__ */ t(Ur, { value: i }) }) }) }) : null;
 }
 function Ur({ value: e }) {
-  var k, v, g;
+  var w, x, g;
   const { t: r } = N(), {
     localState: { currentLocale: o, componentDebugProps: i },
     state: {
-      config: { defaultLocale: a }
+      config: { defaultLocale: u }
     },
     localActions: { setComponentDebugProps: p }
-  } = ae(), d = te(e).doc, m = xe();
-  return /* @__PURE__ */ t(j, { height: "100%", children: /* @__PURE__ */ S(j, { gap: 2, children: [
+  } = ae(), d = te(e).doc, m = ge();
+  return /* @__PURE__ */ t(z, { height: "100%", children: /* @__PURE__ */ S(z, { gap: 2, children: [
     /* @__PURE__ */ t(Wr, { config: e }),
     /* @__PURE__ */ t(
       Kr,
       {
         config: e,
         currentLocale: o,
-        defaultLocale: a,
+        defaultLocale: u,
         allComponents: m,
-        onUpdateConfig: (f) => {
+        onUpdateConfig: (h) => {
           d.transact(() => {
-            f(e);
+            h(e);
           });
         }
       }
     ),
-    /* @__PURE__ */ S(j, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ S(z, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ t(J, { variant: "subtitle1", children: r("renderer") }),
       /* @__PURE__ */ S(
         D,
@@ -1017,10 +1017,10 @@ function Ur({ value: e }) {
           size: "small",
           select: !0,
           SelectProps: { autoWidth: !0 },
-          value: ((k = e.renderer) == null ? void 0 : k.type) || "react-component",
-          onChange: (f) => {
+          value: ((w = e.renderer) == null ? void 0 : w.type) || "react-component",
+          onChange: (h) => {
             d.transact(() => {
-              const n = f.target.value;
+              const n = h.target.value;
               e.renderer ?? (e.renderer = { type: n }), e.renderer.type = n;
             });
           },
@@ -1031,17 +1031,17 @@ function Ur({ value: e }) {
         }
       )
     ] }),
-    ((v = e.renderer) == null ? void 0 : v.type) === "component" ? /* @__PURE__ */ t(Lr, { value: e }) : ((g = e.renderer) == null ? void 0 : g.type) === "react-component" ? /* @__PURE__ */ t(Yr, { value: e }) : null,
+    ((x = e.renderer) == null ? void 0 : x.type) === "component" ? /* @__PURE__ */ t(Lr, { value: e }) : ((g = e.renderer) == null ? void 0 : g.type) === "react-component" ? /* @__PURE__ */ t(Yr, { value: e }) : null,
     /* @__PURE__ */ t(
       bt,
       {
         config: e,
         currentLocale: o,
-        defaultLocale: a,
+        defaultLocale: u,
         allComponents: m,
-        onChange: ({ key: f, value: n }) => {
+        onChange: ({ key: h, value: n }) => {
           p({
-            [f]: n.value
+            [h]: n.value
           });
         },
         props: {
@@ -1053,7 +1053,7 @@ function Ur({ value: e }) {
 }
 function Wr({ config: e }) {
   const { t: r } = N();
-  return /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
+  return /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ S(z, { gap: 2, children: [
     /* @__PURE__ */ t(J, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ t(
       D,
@@ -1078,7 +1078,7 @@ function Wr({ config: e }) {
       }
     ),
     /* @__PURE__ */ t(
-      Ze,
+      et,
       {
         size: "small",
         options: [],
@@ -1104,13 +1104,13 @@ function ft({
   params: r,
   visible: o,
   config: i,
-  currentLocale: a,
+  currentLocale: u,
   defaultLocale: p,
   allComponents: d,
   onUpdateConfig: m
 }) {
-  var g, f, n, s, l, u;
-  const { t: k } = N(), v = ce(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? Jr : _, [e.type]);
+  var g, h, n, s, l, a;
+  const { t: w } = N(), x = ce(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? Jr : _, [e.type]);
   return /* @__PURE__ */ t(
     Tr,
     {
@@ -1119,28 +1119,28 @@ function ft({
       drag: r.drag,
       isDragging: r.isDragging,
       onDelete: () => {
-        m((h) => {
-          if (h.properties) {
-            const c = Object.entries(h.properties).sort(([, b], [, P]) => b.index - P.index);
-            delete h.properties[e.id], c.filter(([b]) => b !== e.id).forEach(([, b], P) => {
-              b.index = P;
+        m((b) => {
+          if (b.properties) {
+            const c = Object.entries(b.properties).sort(([, y], [, k]) => y.index - k.index);
+            delete b.properties[e.id], c.filter(([y]) => y !== e.id).forEach(([, y], k) => {
+              y.index = k;
             });
           }
         });
       },
       visible: o,
-      onVisibilityChange: (h) => {
-        m((w) => {
-          const c = w.properties[e.id].data;
-          c.visible = h;
+      onVisibilityChange: (b) => {
+        m((P) => {
+          const c = P.properties[e.id].data;
+          c.visible = b;
         });
       },
       alwaysShowActions: !0,
-      children: /* @__PURE__ */ S(j, { direction: "column", gap: 2, children: [
+      children: /* @__PURE__ */ S(z, { direction: "column", gap: 2, children: [
         /* @__PURE__ */ t(
           D,
           {
-            label: k("key"),
+            label: w("key"),
             size: "small",
             required: !0,
             sx: {
@@ -1157,10 +1157,10 @@ function ft({
               }
             },
             value: e.key || "",
-            onChange: (h) => {
-              m((w) => {
-                const c = w.properties[e.id].data;
-                c.key = h.target.value.trim();
+            onChange: (b) => {
+              m((P) => {
+                const c = P.properties[e.id].data;
+                c.key = b.target.value.trim();
               });
             },
             InputProps: {
@@ -1172,8 +1172,8 @@ function ft({
                     width: 16,
                     ml: 0
                   },
-                  children: /* @__PURE__ */ t(X, { title: e.key ? k("duplicateKey") : k("requiredKey"), children: /* @__PURE__ */ t(
-                    ct,
+                  children: /* @__PURE__ */ t(X, { title: e.key ? w("duplicateKey") : w("requiredKey"), children: /* @__PURE__ */ t(
+                    dt,
                     {
                       sx: {
                         color: e.key ? "warning.main" : "error.main",
@@ -1186,19 +1186,19 @@ function ft({
             }
           }
         ),
-        /* @__PURE__ */ S(j, { direction: "row", gap: 1, children: [
+        /* @__PURE__ */ S(z, { direction: "row", gap: 1, children: [
           /* @__PURE__ */ t(
             D,
             {
-              label: k("label"),
+              label: w("label"),
               size: "small",
               sx: { flex: 1 },
-              value: (((f = (g = e.locales) == null ? void 0 : g[a]) == null ? void 0 : f.name) ?? ((s = (n = e.locales) == null ? void 0 : n[p]) == null ? void 0 : s.name)) || "",
-              onChange: (h) => {
-                m((w) => {
-                  var x;
-                  const c = w.properties[e.id].data;
-                  c.locales ?? (c.locales = {}), (x = c.locales)[a] ?? (x[a] = {}), c.locales[a].name = h.target.value;
+              value: (((h = (g = e.locales) == null ? void 0 : g[u]) == null ? void 0 : h.name) ?? ((s = (n = e.locales) == null ? void 0 : n[p]) == null ? void 0 : s.name)) || "",
+              onChange: (b) => {
+                m((P) => {
+                  var v;
+                  const c = P.properties[e.id].data;
+                  c.locales ?? (c.locales = {}), (v = c.locales)[u] ?? (v[u] = {}), c.locales[u].name = b.target.value;
                 });
               }
             }
@@ -1206,53 +1206,53 @@ function ft({
           /* @__PURE__ */ t(
             D,
             {
-              label: k("type"),
+              label: w("type"),
               size: "small",
               select: !0,
               sx: { flex: 1 },
               value: e.type === "string" && e.multiline ? "multiline" : e.type || "string",
-              onChange: (h) => {
-                m((w) => {
-                  const c = w.properties[e.id].data;
+              onChange: (b) => {
+                m((P) => {
+                  const c = P.properties[e.id].data;
                   if (c.locales)
-                    for (const b of Object.keys(c.locales))
-                      c.locales[b].defaultValue = void 0;
-                  const x = h.target.value;
-                  x === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = x);
+                    for (const y of Object.keys(c.locales))
+                      c.locales[y].defaultValue = void 0;
+                  const v = b.target.value;
+                  v === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = v);
                 });
               },
-              children: Er.map((h) => /* @__PURE__ */ t(me, { value: h.value, children: h.label }, h.value))
+              children: Er.map((b) => /* @__PURE__ */ t(me, { value: b.value, children: b.label }, b.value))
             }
           )
         ] }),
-        /* @__PURE__ */ S(j, { direction: "row", gap: 1, children: [
+        /* @__PURE__ */ S(z, { direction: "row", gap: 1, children: [
           /* @__PURE__ */ t(
-            v,
+            x,
             {
               allComponents: d,
               defaultLocale: p,
               component: i,
               property: e,
-              label: k("defaultValue"),
+              label: w("defaultValue"),
               size: "small",
               fullWidth: !0,
-              value: (u = (l = e.locales) == null ? void 0 : l[a]) == null ? void 0 : u.defaultValue,
-              onChange: (h, w) => {
+              value: (a = (l = e.locales) == null ? void 0 : l[u]) == null ? void 0 : a.defaultValue,
+              onChange: (b, P) => {
                 m((c) => {
-                  var b;
-                  const x = c.properties[e.id].data;
-                  if (w != null && w.forceUpdateProperty) {
-                    const P = ye(x), O = ye(h);
-                    Object.keys(O).forEach((y) => {
-                      P[y] || ot(x, y, O[y]);
+                  var y;
+                  const v = c.properties[e.id].data;
+                  if (P != null && P.forceUpdateProperty) {
+                    const k = ye(v), O = ye(b);
+                    Object.keys(O).forEach((f) => {
+                      k[f] || nt(v, f, O[f]);
                     });
                   } else
-                    x.locales ?? (x.locales = {}), (b = x.locales)[a] ?? (b[a] = {}), x.locales[a].defaultValue = h;
+                    v.locales ?? (v.locales = {}), (y = v.locales)[u] ?? (y[u] = {}), v.locales[u].defaultValue = b;
                 });
               }
             }
           ),
-          e.type === "custom" ? /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(Fr, { property: e, allComponents: d }) }) : null
+          e.type === "custom" ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(Fr, { property: e, allComponents: d }) }) : null
         ] })
       ] })
     }
@@ -1277,24 +1277,24 @@ function Kr({
   currentLocale: r,
   defaultLocale: o,
   allComponents: i,
-  onUpdateConfig: a,
+  onUpdateConfig: u,
   useI18nEditor: p = !0
 }) {
-  const { t: d } = N(), m = Ie({ variant: "dialog" }), k = e.properties && V(Object.values(e.properties), "index");
-  return /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
-    /* @__PURE__ */ S(j, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
+  const { t: d } = N(), m = Se({ variant: "dialog" }), w = e.properties && V(Object.values(e.properties), "index");
+  return /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ S(z, { gap: 2, children: [
+    /* @__PURE__ */ S(z, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
       /* @__PURE__ */ t(J, { variant: "subtitle1", children: d("properties") }),
-      /* @__PURE__ */ t(z, { flex: 1 }),
-      p && /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(m), children: /* @__PURE__ */ t(lt, { fontSize: "small" }) })
+      /* @__PURE__ */ t(j, { flex: 1 }),
+      p && /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Oe(m), children: /* @__PURE__ */ t(st, { fontSize: "small" }) })
     ] }),
     e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ t(
-      pt,
+      mt,
       {
-        component: j,
+        component: z,
         gap: 2,
         list: e.properties,
-        renderItem: (v, g, f) => {
-          const n = mt(e.properties, v.id);
+        renderItem: (x, g, h) => {
+          const n = ve(e.properties, x.id);
           return /* @__PURE__ */ t(
             ee,
             {
@@ -1306,21 +1306,21 @@ function Kr({
                 border: n ? "1px solid" : "1px dashed",
                 borderColor: "divider"
               },
-              children: /* @__PURE__ */ t(j, { gap: 2, children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t(z, { gap: 2, children: /* @__PURE__ */ t(
                 ft,
                 {
-                  data: v,
-                  params: f,
+                  data: x,
+                  params: h,
                   visible: n,
                   config: e,
                   currentLocale: r,
                   defaultLocale: o,
                   allComponents: i,
-                  onUpdateConfig: a
+                  onUpdateConfig: u
                 }
               ) })
             },
-            v.id
+            x.id
           );
         }
       }
@@ -1332,31 +1332,31 @@ function Kr({
         variant: "outlined",
         className: "ignore-style-override",
         onClick: () => {
-          a((v) => {
-            var f;
-            const g = $e();
-            v.properties ?? (v.properties = {}), (f = v.properties)[g] ?? (f[g] = { index: (k == null ? void 0 : k.length) || 0, data: { id: g } });
+          u((x) => {
+            var h;
+            const g = Me();
+            x.properties ?? (x.properties = {}), (h = x.properties)[g] ?? (h[g] = { index: (w == null ? void 0 : w.length) || 0, data: { id: g } });
           });
         },
-        startIcon: /* @__PURE__ */ t(st, {}),
+        startIcon: /* @__PURE__ */ t(ct, {}),
         children: d("addObject", { object: d("property") })
       }
     ),
-    p && /* @__PURE__ */ t(ht, { ...at(m), component: e })
+    p && /* @__PURE__ */ t(ht, { ...ut(m), component: e })
   ] }) });
 }
 function Fr({
   property: e,
   allComponents: r
 }) {
-  const o = Ie({ variant: "popper" });
+  const o = Se({ variant: "popper" });
   return /* @__PURE__ */ S(H, { children: [
-    /* @__PURE__ */ t(T, { sx: { minWidth: 0 }, ...Se(o), children: /* @__PURE__ */ t(dt, { fontSize: "small" }) }),
-    /* @__PURE__ */ t(zt, { ...vr(o), children: /* @__PURE__ */ t(nr, { onClickAway: o.close, children: /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(z, { width: 500, p: 2, children: /* @__PURE__ */ t(
-      Oe,
+    /* @__PURE__ */ t(T, { sx: { minWidth: 0 }, ...Oe(o), children: /* @__PURE__ */ t(at, { fontSize: "small" }) }),
+    /* @__PURE__ */ t(jt, { ...vr(o), children: /* @__PURE__ */ t(nr, { onClickAway: o.close, children: /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(j, { width: 500, p: 2, children: /* @__PURE__ */ t(
+      je,
       {
         value: e.componentId,
-        onChange: (i, a) => e.componentId = a,
+        onChange: (i, u) => e.componentId = u,
         allComponents: r
       }
     ) }) }) }) })
@@ -1367,20 +1367,20 @@ function _r({
   valueImmutable: r,
   onChange: o,
   defaultLocale: i,
-  allComponents: a
+  allComponents: u
 }) {
   var g;
-  const [p, d] = $(!1), { t: m, locale: k } = N(), v = typeof (e == null ? void 0 : e.componentId) == "string" ? (g = a[e.componentId]) == null ? void 0 : g.data : void 0;
-  return v ? /* @__PURE__ */ S(z, { sx: { width: "100%", position: "relative" }, children: [
+  const [p, d] = $(!1), { t: m, locale: w } = N(), x = typeof (e == null ? void 0 : e.componentId) == "string" ? (g = u[e.componentId]) == null ? void 0 : g.data : void 0;
+  return x ? /* @__PURE__ */ S(j, { sx: { width: "100%", position: "relative" }, children: [
     /* @__PURE__ */ t(
       ue,
       {
         sx: { minWidth: 0 },
-        disabled: !v,
+        disabled: !x,
         size: "small",
         onClick: () => d(!p),
         color: p ? "primary" : "default",
-        children: /* @__PURE__ */ t(dt, { fontSize: "small" })
+        children: /* @__PURE__ */ t(at, { fontSize: "small" })
       }
     ),
     /* @__PURE__ */ t(St, { in: p, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ S(
@@ -1396,17 +1396,17 @@ function _r({
           width: "100%"
         },
         children: [
-          /* @__PURE__ */ t(z, { width: "100%", mb: 2, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(j, { width: "100%", mb: 2, children: /* @__PURE__ */ t(
             bt,
             {
-              config: v,
-              currentLocale: k,
+              config: x,
+              currentLocale: w,
               defaultLocale: i,
-              allComponents: a,
+              allComponents: u,
               propertiesValue: e == null ? void 0 : e.properties,
-              onChange: ({ id: f, value: n }) => {
+              onChange: ({ id: h, value: n }) => {
                 const s = tr(n.value), l = JSON.parse(JSON.stringify(e));
-                r ? o == null || o({ ...l, properties: { ...l.properties, [f]: { value: s } } }) : (l.properties = l.properties ?? {}, l.properties[f] = { value: s }, o == null || o(l));
+                r ? o == null || o({ ...l, properties: { ...l.properties, [h]: { value: s } } }) : (l.properties = l.properties ?? {}, l.properties[h] = { value: s }, o == null || o(l));
               }
             }
           ) }),
@@ -1421,24 +1421,24 @@ function ht({
   component: r,
   ...o
 }) {
-  var f, n, s;
+  var h, n, s;
   const { t: i } = N(), {
     state: {
-      components: a,
+      components: u,
       supportedLocales: p,
       config: { defaultLocale: d }
     }
-  } = ae(), m = xe(), k = te(r).doc, v = e === "properties" ? r.properties : e === "parameters" && ((f = r.renderer) == null ? void 0 : f.type) === "component" ? (n = a[r.renderer.componentId]) == null ? void 0 : n.data.properties : void 0, g = ((s = r.renderer) == null ? void 0 : s.type) === "component" ? r : void 0;
+  } = ae(), m = ge(), w = te(r).doc, x = e === "properties" ? r.properties : e === "parameters" && ((h = r.renderer) == null ? void 0 : h.type) === "component" ? (n = u[r.renderer.componentId]) == null ? void 0 : n.data.properties : void 0, g = ((s = r.renderer) == null ? void 0 : s.type) === "component" ? r : void 0;
   return /* @__PURE__ */ S(ke, { ...o, fullWidth: !0, maxWidth: "lg", children: [
-    /* @__PURE__ */ t(qe, { children: i("i18nEditorTitle") }),
-    /* @__PURE__ */ t(Qe, { children: v && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ S(Me, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(le, { children: p.map(({ locale: l, name: u }) => /* @__PURE__ */ S(se, { children: [
-        u,
+    /* @__PURE__ */ t(Qe, { children: i("i18nEditorTitle") }),
+    /* @__PURE__ */ t(Xe, { children: x && /* @__PURE__ */ t(z, { children: /* @__PURE__ */ S(He, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ t(Ye, { children: /* @__PURE__ */ t(le, { children: p.map(({ locale: l, name: a }) => /* @__PURE__ */ S(se, { children: [
+        a,
         d === l && /* @__PURE__ */ t(ar, { sx: { fontSize: 12, color: "text.secondary" } })
       ] }, l)) }) }),
-      /* @__PURE__ */ t(Ye, { children: V(Object.values(v), "index").map(({ data: l }) => /* @__PURE__ */ t(le, { children: p.map(({ locale: u }) => {
-        var h, w, c, x, b, P, O, y, I, R, C, E, U, W, re, Y, L, G, q, Q, ze, je, Re, Ce, De, Ne;
-        return /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ S(H, { children: [
+      /* @__PURE__ */ t(Le, { children: V(Object.values(x), "index").map(({ data: l }) => /* @__PURE__ */ t(le, { children: p.map(({ locale: a }) => {
+        var b, P, c, v, y, k, O, f, I, R, C, E, U, W, re, Y, L, G, q, Q, ze, Re, Ce, De, Ne, Ae;
+        return /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(z, { gap: 1, children: e === "properties" ? /* @__PURE__ */ S(H, { children: [
           /* @__PURE__ */ t(
             D,
             {
@@ -1446,7 +1446,7 @@ function ht({
               label: "Key",
               value: l.key || "",
               onChange: (K) => {
-                k.transact(() => {
+                w.transact(() => {
                   l.key = K.target.value.trim();
                 });
               }
@@ -1457,16 +1457,16 @@ function ht({
             {
               size: "small",
               label: i("label"),
-              value: (((w = (h = l.locales) == null ? void 0 : h[u]) == null ? void 0 : w.name) ?? ((x = (c = l.locales) == null ? void 0 : c[d]) == null ? void 0 : x.name)) || "",
+              value: (((P = (b = l.locales) == null ? void 0 : b[a]) == null ? void 0 : P.name) ?? ((v = (c = l.locales) == null ? void 0 : c[d]) == null ? void 0 : v.name)) || "",
               onChange: (K) => {
-                k.transact(() => {
+                w.transact(() => {
                   var B;
-                  l.locales ?? (l.locales = {}), (B = l.locales)[u] ?? (B[u] = {}), l.locales[u].name = K.target.value;
+                  l.locales ?? (l.locales = {}), (B = l.locales)[a] ?? (B[a] = {}), l.locales[a].name = K.target.value;
                 });
               }
             }
           ),
-          /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
             _,
             {
               allComponents: m,
@@ -1476,17 +1476,17 @@ function ht({
               size: "small",
               fullWidth: !0,
               label: "Default Value",
-              valueImmutable: de((P = (b = l.locales) == null ? void 0 : b[u]) == null ? void 0 : P.defaultValue),
-              value: ((y = (O = l.locales) == null ? void 0 : O[u]) == null ? void 0 : y.defaultValue) ?? ((R = (I = l.locales) == null ? void 0 : I[d]) == null ? void 0 : R.defaultValue),
+              valueImmutable: de((k = (y = l.locales) == null ? void 0 : y[a]) == null ? void 0 : k.defaultValue),
+              value: ((f = (O = l.locales) == null ? void 0 : O[a]) == null ? void 0 : f.defaultValue) ?? ((R = (I = l.locales) == null ? void 0 : I[d]) == null ? void 0 : R.defaultValue),
               onChange: (K) => {
-                k.transact(() => {
+                w.transact(() => {
                   var B;
-                  l.locales ?? (l.locales = {}), (B = l.locales)[u] ?? (B[u] = {}), l.locales[u].defaultValue = K;
+                  l.locales ?? (l.locales = {}), (B = l.locales)[a] ?? (B[a] = {}), l.locales[a].defaultValue = K;
                 });
               }
             }
           ) })
-        ] }) : e === "parameters" && g ? /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(
+        ] }) : e === "parameters" && g ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
           _,
           {
             allComponents: m,
@@ -1496,33 +1496,33 @@ function ht({
             size: "small",
             fullWidth: !0,
             valueImmutable: de(
-              (W = (U = (E = (C = g.renderer.properties) == null ? void 0 : C[l.id]) == null ? void 0 : E.locales) == null ? void 0 : U[u]) == null ? void 0 : W.value
+              (W = (U = (E = (C = g.renderer.properties) == null ? void 0 : C[l.id]) == null ? void 0 : E.locales) == null ? void 0 : U[a]) == null ? void 0 : W.value
             ),
-            value: ((G = (L = (Y = (re = g.renderer.properties) == null ? void 0 : re[l.id]) == null ? void 0 : Y.locales) == null ? void 0 : L[u]) == null ? void 0 : G.value) ?? ((je = (ze = (Q = (q = g.renderer.properties) == null ? void 0 : q[l.id]) == null ? void 0 : Q.locales) == null ? void 0 : ze[d]) == null ? void 0 : je.value) ?? ((Ce = (Re = l.locales) == null ? void 0 : Re[u]) == null ? void 0 : Ce.defaultValue) ?? ((Ne = (De = l.locales) == null ? void 0 : De[d]) == null ? void 0 : Ne.defaultValue),
+            value: ((G = (L = (Y = (re = g.renderer.properties) == null ? void 0 : re[l.id]) == null ? void 0 : Y.locales) == null ? void 0 : L[a]) == null ? void 0 : G.value) ?? ((Re = (ze = (Q = (q = g.renderer.properties) == null ? void 0 : q[l.id]) == null ? void 0 : Q.locales) == null ? void 0 : ze[d]) == null ? void 0 : Re.value) ?? ((De = (Ce = l.locales) == null ? void 0 : Ce[a]) == null ? void 0 : De.defaultValue) ?? ((Ae = (Ne = l.locales) == null ? void 0 : Ne[d]) == null ? void 0 : Ae.defaultValue),
             onChange: (K) => {
-              k.transact(() => {
-                var B, Ae, Te, Ve, Ee;
-                (B = g.renderer).properties ?? (B.properties = {}), (Ae = g.renderer.properties)[Te = l.id] ?? (Ae[Te] = {}), (Ve = g.renderer.properties[l.id]).locales ?? (Ve.locales = {}), (Ee = g.renderer.properties[l.id].locales)[u] ?? (Ee[u] = {}), g.renderer.properties[l.id].locales[u].value = K;
+              w.transact(() => {
+                var B, Te, Ve, Ee, Ue;
+                (B = g.renderer).properties ?? (B.properties = {}), (Te = g.renderer.properties)[Ve = l.id] ?? (Te[Ve] = {}), (Ee = g.renderer.properties[l.id]).locales ?? (Ee.locales = {}), (Ue = g.renderer.properties[l.id].locales)[a] ?? (Ue[a] = {}), g.renderer.properties[l.id].locales[a].value = K;
               });
             }
           }
-        ) }) : null }, l.id) }, u);
+        ) }) : null }, l.id) }, a);
       }) }, l.id)) })
     ] }) }) }),
-    /* @__PURE__ */ t(Xe, { children: /* @__PURE__ */ t(T, { onClick: (l) => {
-      var u;
-      return (u = o.onClose) == null ? void 0 : u.call(o, l, "escapeKeyDown");
+    /* @__PURE__ */ t(Ze, { children: /* @__PURE__ */ t(T, { onClick: (l) => {
+      var a;
+      return (a = o.onClose) == null ? void 0 : a.call(o, l, "escapeKeyDown");
     }, children: i("close") }) })
   ] });
 }
-const Fe = (e, r) => (o) => {
+const _e = (e, r) => (o) => {
   const i = [
     o.palette.info.main,
     o.palette.primary.main,
     o.palette.secondary.main,
     o.palette.success.main,
     o.palette.warning.main
-  ], a = Math.min(i.length - 1, e), p = i[a], d = Be(p, 0.5), m = Be(p, 1);
+  ], u = Math.min(i.length - 1, e), p = i[u], d = Ke(p, 0.5), m = Ke(p, 1);
   return {
     // 保留原有的边框样式
     borderColor: `${d} !important`,
@@ -1540,16 +1540,16 @@ function Jr({
   defaultLocale: o,
   allComponents: i
 }) {
-  const { t: a, locale: p } = N(), d = F(null), m = Br(d, e), k = A(() => {
+  const { t: u, locale: p } = N(), d = F(null), m = Br(d, e), w = A(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
-        const v = {};
+        const x = {};
         V(Object.values(e.subProperties), "index").filter(
           (n) => n.data.visible !== !1 && n.data.key
         ).forEach(({ data: n }) => {
-          var l, u, h, w;
+          var l, a, b, P;
           if (!n.key) return;
-          let s = ((u = (l = n.locales) == null ? void 0 : l[p]) == null ? void 0 : u.defaultValue) ?? ((w = (h = n.locales) == null ? void 0 : h[o]) == null ? void 0 : w.defaultValue);
+          let s = ((a = (l = n.locales) == null ? void 0 : l[p]) == null ? void 0 : a.defaultValue) ?? ((P = (b = n.locales) == null ? void 0 : b[o]) == null ? void 0 : P.defaultValue);
           if (n.type === "number")
             s = Number(s);
           else if (n.type === "boolean")
@@ -1560,24 +1560,24 @@ function Jr({
             } catch (c) {
               console.error("Error parsing nested value", s, c), s = {};
             }
-          v[n.key] = s;
+          x[n.key] = s;
         });
-        const f = ve(v, e.type);
-        r == null || r(f);
-      } catch (v) {
-        console.error("Error converting structure to text:", v);
+        const h = xe(x, e.type);
+        r == null || r(h);
+      } catch (x) {
+        console.error("Error converting structure to text:", x);
       }
   }, [e, p, o, r]);
-  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ S(j, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: d, children: [
-    /* @__PURE__ */ t(Ot, { sx: { mt: -1 }, children: /* @__PURE__ */ t(J, { variant: "caption", color: "text.secondary", children: a("maker.properties.subProperties") }) }),
+  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ S(z, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: d, children: [
+    /* @__PURE__ */ t(Ot, { sx: { mt: -1 }, children: /* @__PURE__ */ t(J, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
     e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(
-      pt,
+      mt,
       {
-        component: j,
+        component: z,
         gap: 2,
         list: e.subProperties,
-        renderItem: (v, g, f) => {
-          const n = v.visible !== !1;
+        renderItem: (x, g, h) => {
+          const n = x.visible !== !1;
           return /* @__PURE__ */ t(
             ee,
             {
@@ -1587,13 +1587,13 @@ function Jr({
                 p: 1.25,
                 borderRadius: 1,
                 border: n ? "1px solid" : "1px dashed",
-                "&": Fe(m)
+                "&": _e(m)
               },
-              children: /* @__PURE__ */ t(j, { gap: 2, children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t(z, { gap: 2, children: /* @__PURE__ */ t(
                 ft,
                 {
-                  data: v,
-                  params: f,
+                  data: x,
+                  params: h,
                   visible: n,
                   config: {
                     properties: e.subProperties
@@ -1605,11 +1605,11 @@ function Jr({
                     try {
                       const l = { properties: e.subProperties || {} };
                       s(l);
-                      const u = {
+                      const a = {
                         ...e,
                         subProperties: l.properties
                       };
-                      r == null || r(u, { forceUpdateProperty: !0 }), k();
+                      r == null || r(a, { forceUpdateProperty: !0 }), w();
                     } catch (l) {
                       console.error("Error updating property:", l);
                     }
@@ -1617,11 +1617,11 @@ function Jr({
                 }
               ) })
             },
-            v.id
+            x.id
           );
         }
       }
-    ) : /* @__PURE__ */ t(Z, { style: { fontSize: 12, height: 100 }, children: a("maker.properties.noSubProperties") }),
+    ) : /* @__PURE__ */ t(Z, { style: { fontSize: 12, height: 100 }, children: u("maker.properties.noSubProperties") }),
     /* @__PURE__ */ t(
       T,
       {
@@ -1629,11 +1629,11 @@ function Jr({
         variant: "outlined",
         className: "ignore-style-override",
         size: "small",
-        startIcon: /* @__PURE__ */ t(st, {}),
+        startIcon: /* @__PURE__ */ t(ct, {}),
         onClick: () => {
           try {
-            const v = e.subProperties || {}, g = $e(), n = {
-              index: Object.values(v).length,
+            const x = e.subProperties || {}, g = Me(), n = {
+              index: Object.values(x).length,
               data: {
                 id: g,
                 key: "",
@@ -1651,21 +1651,21 @@ function Jr({
             }, s = {
               ...e,
               subProperties: {
-                ...v,
+                ...x,
                 [g]: n
               }
             };
-            r == null || r(s, { forceUpdateProperty: !0 }), k();
-          } catch (v) {
-            console.error("Error adding property:", v);
+            r == null || r(s, { forceUpdateProperty: !0 }), w();
+          } catch (x) {
+            console.error("Error adding property:", x);
           }
         },
         sx: {
-          "&": Fe(m, {
+          "&": _e(m, {
             // borderLeft: undefined,
           })
         },
-        children: a("maker.properties.addSubProperty")
+        children: u("maker.properties.addSubProperty")
       }
     )
   ] });
@@ -1675,21 +1675,21 @@ function _({
   property: r,
   value: o,
   onChange: i,
-  valueImmutable: a,
+  valueImmutable: u,
   defaultLocale: p,
   allComponents: d,
   ...m
 }) {
-  var s, l, u, h, w;
-  const { locale: k } = N(), v = Zt(), g = F(null), f = () => {
-    var x;
-    const c = (x = v == null ? void 0 : v.current) == null ? void 0 : x.getUploader();
-    c == null || c.open(), g.current && c.onceUploadSuccess(({ response: b }) => {
-      var O, y;
-      let P = ((O = b == null ? void 0 : b.data) == null ? void 0 : O.filename) || "";
-      P && (P = `mediakit://${P}`, o && !o.includes("mediakit://") && (P += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (y = g.current) == null || y.call(g, P);
+  var s, l, a, b, P;
+  const { locale: w } = N(), x = Zt(), g = F(null), h = () => {
+    var v;
+    const c = (v = x == null ? void 0 : x.current) == null ? void 0 : v.getUploader();
+    c == null || c.open(), g.current && c.onceUploadSuccess(({ response: y }) => {
+      var O, f;
+      let k = ((O = y == null ? void 0 : y.data) == null ? void 0 : O.filename) || "";
+      k && (k = `mediakit://${k}`, o && !o.includes("mediakit://") && (k += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (f = g.current) == null || f.call(g, k);
     });
-  }, n = m.label ?? (((l = (s = r.locales) == null ? void 0 : s[k]) == null ? void 0 : l.name) || ((h = (u = r.locales) == null ? void 0 : u[p]) == null ? void 0 : h.name) || r.key || r.id);
+  }, n = m.label ?? (((l = (s = r.locales) == null ? void 0 : s[w]) == null ? void 0 : l.name) || ((b = (a = r.locales) == null ? void 0 : a[p]) == null ? void 0 : b.name) || r.key || r.id);
   if (r.type === "number")
     return /* @__PURE__ */ t(
       $r,
@@ -1698,7 +1698,7 @@ function _({
         label: n,
         NumberProps: {
           value: ["number", "string"].includes(typeof o) ? o : null,
-          onChange: (c, x) => i == null ? void 0 : i(x)
+          onChange: (c, v) => i == null ? void 0 : i(v)
         }
       }
     );
@@ -1711,25 +1711,25 @@ function _({
         type: "text",
         value: o ?? "",
         onChange: (c) => {
-          const x = c.target.value;
-          if (x === "" || x === "-") {
-            i == null || i(x);
+          const v = c.target.value;
+          if (v === "" || v === "-") {
+            i == null || i(v);
             return;
           }
-          if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(x)) {
-            let P = x;
-            /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(P) && (P = Number(P)), i == null || i(P);
+          if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(v)) {
+            let k = v;
+            /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(k) && (k = Number(k)), i == null || i(k);
           }
         }
       }
     );
   if (r.type === "boolean")
     return /* @__PURE__ */ t(
-      Le,
+      Ge,
       {
         label: n,
         labelPlacement: "start",
-        control: /* @__PURE__ */ t(Ge, { checked: o === !0, onChange: (c, x) => i == null ? void 0 : i(x) })
+        control: /* @__PURE__ */ t(qe, { checked: o === !0, onChange: (c, v) => i == null ? void 0 : i(v) })
       }
     );
   if (r.type === "color")
@@ -1758,18 +1758,18 @@ function _({
         allComponents: d,
         PropertyValueField: _,
         onUpload: (c) => {
-          g.current = c, f();
+          g.current = c, h();
         }
       }
     );
   if (r.type === "custom") {
-    const c = (w = d[r.componentId]) == null ? void 0 : w.data;
-    return c ? /* @__PURE__ */ t(z, { width: "100%", children: /* @__PURE__ */ t(
-      nt,
+    const c = (P = d[r.componentId]) == null ? void 0 : P.data;
+    return c ? /* @__PURE__ */ t(j, { width: "100%", children: /* @__PURE__ */ t(
+      lt,
       {
         componentId: c.id,
         props: { label: n, value: o, onChange: i },
-        locale: k,
+        locale: w,
         dev: {
           mode: "draft",
           components: d,
@@ -1779,15 +1779,15 @@ function _({
     ) }) : /* @__PURE__ */ t(D, { ...m, label: n, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (r.type === "component")
-    return /* @__PURE__ */ S(j, { width: "100%", direction: "column", gap: 1, children: [
+    return /* @__PURE__ */ S(z, { width: "100%", direction: "column", gap: 1, children: [
       /* @__PURE__ */ t(
-        Oe,
+        je,
         {
           allComponents: d,
           label: n,
           value: o == null ? void 0 : o.componentId,
-          onChange: (c, x) => {
-            a || !o ? i == null || i({ ...o && JSON.parse(JSON.stringify(o)), componentId: x }) : typeof o == "object" && (o.componentId = x, i == null || i({ ...o && JSON.parse(JSON.stringify(o)), componentId: x }));
+          onChange: (c, v) => {
+            u || !o ? i == null || i({ ...o && JSON.parse(JSON.stringify(o)), componentId: v }) : typeof o == "object" && (o.componentId = v, i == null || i({ ...o && JSON.parse(JSON.stringify(o)), componentId: v }));
           }
         }
       ),
@@ -1795,7 +1795,7 @@ function _({
         _r,
         {
           value: o,
-          valueImmutable: a,
+          valueImmutable: u,
           onChange: i,
           defaultLocale: p,
           allComponents: d
@@ -1803,42 +1803,42 @@ function _({
       )
     ] });
   if (!r.type || ["string", "url"].includes(r.type)) {
-    const c = r.type === "string" ? r.multiline : void 0, x = r.type === "url" ? o == null ? void 0 : o.url : o;
+    const c = r.type === "string" ? r.multiline : void 0, v = r.type === "url" ? o == null ? void 0 : o.url : o;
     return /* @__PURE__ */ t(
       D,
       {
         ...m,
         label: n,
-        value: typeof x == "string" ? x : "",
+        value: typeof v == "string" ? v : "",
         multiline: c,
         minRows: c ? 2 : void 0,
         maxRows: c ? 10 : void 0,
-        onChange: (b) => i == null ? void 0 : i(
-          r.type === "url" ? { ...o, url: b.target.value, mediaKitUrl: b.target.value } : b.target.value
+        onChange: (y) => i == null ? void 0 : i(
+          r.type === "url" ? { ...o, url: y.target.value, mediaKitUrl: y.target.value } : y.target.value
         ),
         InputProps: r.type === "url" ? {
           sx: { pr: 0 },
           endAdornment: /* @__PURE__ */ S(pe, { position: "end", children: [
             /* @__PURE__ */ t(
-              we,
+              Pe,
               {
-                onChange: async ({ response: b }) => {
+                onChange: async ({ response: y }) => {
                   var I, R, C;
-                  const P = ((I = b == null ? void 0 : b.data) == null ? void 0 : I.url) || ((R = b == null ? void 0 : b.data) == null ? void 0 : R.fileUrl);
+                  const k = ((I = y == null ? void 0 : y.data) == null ? void 0 : I.url) || ((R = y == null ? void 0 : y.data) == null ? void 0 : R.fileUrl);
                   let O;
-                  P && (O = await fe(P).catch(() => he(P)).catch(() => {
+                  k && (O = await fe(k).catch(() => he(k)).catch(() => {
                   }));
-                  let y = ((C = b == null ? void 0 : b.data) == null ? void 0 : C.filename) || "";
-                  y && (y = `mediakit://${y}`), i == null || i({
-                    url: P,
-                    mediaKitUrl: y,
+                  let f = ((C = y == null ? void 0 : y.data) == null ? void 0 : C.filename) || "";
+                  f && (f = `mediakit://${f}`), i == null || i({
+                    url: k,
+                    mediaKitUrl: f,
                     width: O == null ? void 0 : O.naturalWidth,
                     height: O == null ? void 0 : O.naturalHeight
                   });
                 }
               }
             ),
-            /* @__PURE__ */ t(X, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ t(ct, { sx: { cursor: "default" }, fontSize: "small" }) })
+            /* @__PURE__ */ t(X, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ t(dt, { sx: { cursor: "default" }, fontSize: "small" }) })
           ] })
         } : void 0
       }
@@ -1851,23 +1851,23 @@ function _({
       value: Array.isArray(o) ? o : [],
       onChange: (c) => i == null ? void 0 : i(c),
       property: r,
-      renderItem: ({ item: c, index: x, onChange: b }) => 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(
+      renderItem: ({ item: c, index: v, onChange: y }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(z, { gap: 1, width: "100%", children: V(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],
+          property: k,
+          value: c[k.key],
           onChange: (O) => {
-            const y = { ...c, [P.key]: O };
-            b(y);
+            const f = { ...c, [k.key]: O };
+            y(f);
           },
           size: "small",
           fullWidth: !0,
           defaultLocale: p,
           allComponents: d
         },
-        P.id
-      ) : null) }, x) : /* @__PURE__ */ t(D, { size: m.size, fullWidth: !0, value: c, onChange: (P) => b(P.target.value) })
+        k.id
+      ) : null) }, v) : /* @__PURE__ */ t(D, { size: m.size, fullWidth: !0, value: c, onChange: (k) => y(k.target.value) })
     }
   ) : (console.error("Unsupported property type", r.type), null);
 }
@@ -1892,38 +1892,38 @@ export default function () {
 function Yr({
   value: e
 }) {
-  const { locale: r } = N(), o = rt(), i = te(e).doc;
+  const { locale: r } = N(), o = it(), i = te(e).doc;
   return M(() => {
-    var a;
-    (a = e.renderer) != null && a.script || (i.transact(() => {
+    var u;
+    (u = e.renderer) != null && u.script || (i.transact(() => {
       e.renderer.script = e.renderer.type === "react-component" ? Mr : Hr;
     }), o());
-  }, [e]), /* @__PURE__ */ t(z, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(
-    ge,
+  }, [e]), /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(
+    we,
     {
       keyId: e.id,
       locale: r,
       language: "typescript",
       value: e.renderer.script || "",
-      onChange: (a) => e.renderer.script = a,
+      onChange: (u) => e.renderer.script = u,
       typeScriptNoValidation: !1
     },
     e.id
   ) });
 }
 function Lr({ value: e }) {
-  var g, f, n;
+  var g, h, n;
   const { t: r } = N(), o = te(e).doc, {
     state: {
       components: i,
-      config: { defaultLocale: a },
+      config: { defaultLocale: u },
       resources: p
     },
     localState: { currentLocale: d }
-  } = ae(), m = xe(), k = ((g = i[e.renderer.componentId]) == null ? void 0 : g.data) ?? ((n = (f = p.components) == null ? void 0 : f[e.renderer.componentId]) == null ? void 0 : n.component), v = Ie({ variant: "dialog" });
-  return /* @__PURE__ */ S(j, { gap: 1, children: [
+  } = ae(), m = ge(), w = ((g = i[e.renderer.componentId]) == null ? void 0 : g.data) ?? ((n = (h = p.components) == null ? void 0 : h[e.renderer.componentId]) == null ? void 0 : n.component), x = Se({ variant: "dialog" });
+  return /* @__PURE__ */ S(z, { gap: 1, children: [
     /* @__PURE__ */ t(
-      Oe,
+      je,
       {
         allComponents: m,
         excludes: [e.id],
@@ -1931,24 +1931,24 @@ function Lr({ value: e }) {
         onChange: (s, l) => e.renderer.componentId = l
       }
     ),
-    k && /* @__PURE__ */ S(H, { children: [
-      /* @__PURE__ */ S(j, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+    w && /* @__PURE__ */ S(H, { children: [
+      /* @__PURE__ */ S(z, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ t(J, { variant: "subtitle2", children: r("parameters") }),
-        /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(v), children: /* @__PURE__ */ t(lt, { fontSize: "small" }) })
+        /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Oe(x), children: /* @__PURE__ */ t(st, { fontSize: "small" }) })
       ] }),
-      k.properties && V(Object.values(k.properties), "index").map(({ data: s }) => {
-        var l, u, h, w, c, x, b, P, O, y, I, R, C, E, U, W;
-        return /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(
+      w.properties && V(Object.values(w.properties), "index").map(({ data: s }) => {
+        var l, a, b, P, c, v, y, k, O, f, I, R, C, E, U, W;
+        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
           _,
           {
             allComponents: m,
-            defaultLocale: a,
-            component: k,
+            defaultLocale: u,
+            component: w,
             property: s,
             fullWidth: !0,
             size: "small",
-            valueImmutable: de((w = (h = (u = (l = e.renderer.properties) == null ? void 0 : l[s.id]) == null ? void 0 : u.locales) == null ? void 0 : h[d]) == null ? void 0 : w.value),
-            value: ((P = (b = (x = (c = e.renderer.properties) == null ? void 0 : c[s.id]) == null ? void 0 : x.locales) == null ? void 0 : b[d]) == null ? void 0 : P.value) ?? ((R = (I = (y = (O = e.renderer.properties) == null ? void 0 : O[s.id]) == null ? void 0 : y.locales) == null ? void 0 : I[a]) == null ? void 0 : R.value) ?? ((E = (C = s.locales) == null ? void 0 : C[d]) == null ? void 0 : E.defaultValue) ?? ((W = (U = s.locales) == null ? void 0 : U[a]) == null ? void 0 : W.defaultValue),
+            valueImmutable: de((P = (b = (a = (l = e.renderer.properties) == null ? void 0 : l[s.id]) == null ? void 0 : a.locales) == null ? void 0 : b[d]) == null ? void 0 : P.value),
+            value: ((k = (y = (v = (c = e.renderer.properties) == null ? void 0 : c[s.id]) == null ? void 0 : v.locales) == null ? void 0 : y[d]) == null ? void 0 : k.value) ?? ((R = (I = (f = (O = e.renderer.properties) == null ? void 0 : O[s.id]) == null ? void 0 : f.locales) == null ? void 0 : I[u]) == null ? void 0 : R.value) ?? ((E = (C = s.locales) == null ? void 0 : C[d]) == null ? void 0 : E.defaultValue) ?? ((W = (U = s.locales) == null ? void 0 : U[u]) == null ? void 0 : W.defaultValue),
             onChange: (re) => {
               o.transact(() => {
                 var Y, L, G, q, Q;
@@ -1958,41 +1958,41 @@ function Lr({ value: e }) {
           }
         ) }, s.id);
       }),
-      /* @__PURE__ */ t(ht, { ...at(v), component: e, type: "parameters" })
+      /* @__PURE__ */ t(ht, { ...ut(x), component: e, type: "parameters" })
     ] })
   ] });
 }
-function Oe({
+function je({
   label: e,
   options: r,
   excludes: o,
   value: i,
-  onChange: a,
+  onChange: u,
   allComponents: p,
   ...d
 }) {
   var g;
-  const { t: m } = N(), k = r ?? V(Object.values(hr(p, ...o ?? [])), "index").map((f) => f.data), v = (typeof i == "string" ? (g = p[i]) == null ? void 0 : g.data : void 0) ?? null;
+  const { t: m } = N(), w = r ?? V(Object.values(hr(p, ...o ?? [])), "index").map((h) => h.data), x = (typeof i == "string" ? (g = p[i]) == null ? void 0 : g.data : void 0) ?? null;
   return /* @__PURE__ */ t(
-    Ze,
+    et,
     {
       ...d,
       size: "small",
-      options: k,
+      options: w,
       autoHighlight: !0,
-      isOptionEqualToValue: (f, n) => f.id === n.id,
-      getOptionKey: (f) => f.id,
-      getOptionLabel: (f) => f.name || f.id,
-      renderInput: (f) => /* @__PURE__ */ t(D, { label: e || m("component"), ...f }),
-      value: v,
-      onChange: (f, n) => {
-        var l, u, h, w, c, x;
+      isOptionEqualToValue: (h, n) => h.id === n.id,
+      getOptionKey: (h) => h.id,
+      getOptionLabel: (h) => h.name || h.id,
+      renderInput: (h) => /* @__PURE__ */ t(D, { label: e || m("component"), ...h }),
+      value: x,
+      onChange: (h, n) => {
+        var l, a, b, P, c, v;
         let s = {};
         n && (s = {
           blockletId: (l = p[n == null ? void 0 : n.id]) == null ? void 0 : l.blockletId,
-          blockletTitle: (u = p[n == null ? void 0 : n.id]) == null ? void 0 : u.blockletTitle,
-          componentName: ((w = (h = p[n == null ? void 0 : n.id]) == null ? void 0 : h.data) == null ? void 0 : w.name) || ((x = (c = p[n == null ? void 0 : n.id]) == null ? void 0 : c.data) == null ? void 0 : x.id)
-        }), a == null || a(f, n == null ? void 0 : n.id, s);
+          blockletTitle: (a = p[n == null ? void 0 : n.id]) == null ? void 0 : a.blockletTitle,
+          componentName: ((P = (b = p[n == null ? void 0 : n.id]) == null ? void 0 : b.data) == null ? void 0 : P.name) || ((v = (c = p[n == null ? void 0 : n.id]) == null ? void 0 : c.data) == null ? void 0 : v.id)
+        }), u == null || u(h, n == null ? void 0 : n.id, s);
       }
     }
   );
@@ -2002,52 +2002,52 @@ function bt({
   allComponents: r,
   defaultLocale: o,
   propertiesValue: i,
-  currentLocale: a,
+  currentLocale: u,
   onChange: p,
   props: d
 }) {
-  const { t: m } = N(), [k, v] = $(e == null ? void 0 : e.properties), [g, f] = $(null);
+  const { t: m } = N(), [w, x] = $(e == null ? void 0 : e.properties), [g, h] = $(null);
   M(() => {
     (() => {
-      var w, c;
-      ((w = e == null ? void 0 : e.renderer) == null ? void 0 : w.type) === "react-component" && it(e == null ? void 0 : e.properties) ? rr((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((x) => {
-        const b = ir(x);
-        v(b);
-      }) : v(e == null ? void 0 : e.properties);
+      var P, c;
+      ((P = e == null ? void 0 : e.renderer) == null ? void 0 : P.type) === "react-component" && ot(e == null ? void 0 : e.properties) ? rr((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((v) => {
+        const y = ir(v);
+        x(y);
+      }) : x(e == null ? void 0 : e.properties);
     })();
   }, [JSON.stringify(e)]);
-  const n = A(() => !e || !k ? {} : Object.values(k).reduce(
-    (h, { data: w }) => {
-      var x, b, P, O, y;
-      const c = w.key || w.id;
-      return h[w.id] = {
+  const n = A(() => !e || !w ? {} : Object.values(w).reduce(
+    (b, { data: P }) => {
+      var v, y, k, O, f;
+      const c = P.key || P.id;
+      return b[P.id] = {
         key: c,
-        value: (d == null ? void 0 : d[c]) ?? ((x = i == null ? void 0 : i[w.id]) == null ? void 0 : x.value) ?? ((P = (b = w.locales) == null ? void 0 : b[a]) == null ? void 0 : P.defaultValue) ?? ((y = (O = w.locales) == null ? void 0 : O[o]) == null ? void 0 : y.defaultValue),
-        id: w.id,
-        type: w.type
-      }, h;
+        value: (d == null ? void 0 : d[c]) ?? ((v = i == null ? void 0 : i[P.id]) == null ? void 0 : v.value) ?? ((k = (y = P.locales) == null ? void 0 : y[u]) == null ? void 0 : k.defaultValue) ?? ((f = (O = P.locales) == null ? void 0 : O[o]) == null ? void 0 : f.defaultValue),
+        id: P.id,
+        type: P.type
+      }, b;
     },
     {}
-  ), [JSON.stringify(k), e, i, a, o]), s = ce(() => {
-    if (!k)
+  ), [JSON.stringify(w), e, i, u, o]), s = ce(() => {
+    if (!w)
       return {
         canUseProperties: [],
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const h = V(Object.values(k), "index"), w = h.filter(({ data: b }) => b.key && mt(k, b.id)), c = h.filter(({ data: b }) => b.key && b.type !== "component"), x = c.map(({ data: b }) => b.key);
+    const b = V(Object.values(w), "index"), P = b.filter(({ data: y }) => y.key && ve(w, y.id)), c = b.filter(({ data: y }) => y.key && y.type !== "component"), v = c.map(({ data: y }) => y.key);
     return {
       canUseProperties: c,
-      visibleProperties: w,
-      canUsePropertiesKeys: x
+      visibleProperties: P,
+      canUsePropertiesKeys: v
     };
-  }, [JSON.stringify(k)]), l = n(), u = fr(l, "key");
-  return /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
+  }, [JSON.stringify(w)]), l = n(), a = fr(l, "key");
+  return /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ S(z, { gap: 2, children: [
     /* @__PURE__ */ t(J, { variant: "subtitle1", children: m("maker.properties.parameters") }),
     !e || s.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(Z, { style: { fontSize: 12 }, children: m("maker.properties.noParameters") }) : /* @__PURE__ */ S(H, { children: [
-      /* @__PURE__ */ t(j, { gap: 2, children: s.visibleProperties.map(({ data: h }) => {
-        var w, c;
-        return /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(z, { gap: 2, children: s.visibleProperties.map(({ data: b }) => {
+        var P, c;
+        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
           _,
           {
             allComponents: r,
@@ -2055,64 +2055,64 @@ function bt({
             size: "small",
             fullWidth: !0,
             component: e,
-            property: h,
-            valueImmutable: de((w = i == null ? void 0 : i[h.id]) == null ? void 0 : w.value),
-            value: (d == null ? void 0 : d[h.key || h.id]) ?? ((c = l[h.id]) == null ? void 0 : c.value),
-            onChange: (x) => {
+            property: b,
+            valueImmutable: de((P = i == null ? void 0 : i[b.id]) == null ? void 0 : P.value),
+            value: (d == null ? void 0 : d[b.key || b.id]) ?? ((c = l[b.id]) == null ? void 0 : c.value),
+            onChange: (v) => {
               p({
-                path: ["properties", h.id],
-                id: h.id,
-                value: { value: x },
-                shouldSync: Ke(h),
+                path: ["properties", b.id],
+                id: b.id,
+                value: { value: v },
+                shouldSync: Fe(b),
                 excludeKeys: [],
-                key: h.key || h.id
+                key: b.key || b.id
               });
             }
           }
-        ) }, h.id);
+        ) }, b.id);
       }) }),
-      /* @__PURE__ */ t(j, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ t(
-        nt,
+      /* @__PURE__ */ t(z, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ t(
+        lt,
         {
           componentId: (e == null ? void 0 : e.id) || "",
           renderType: "setting",
-          locale: a,
+          locale: u,
           properties: l,
           dev: { mode: "draft", components: r, defaultLocale: o },
           props: {
             ...br(d ?? {}, s.canUsePropertiesKeys),
-            onChange: (h) => {
-              const { canUsePropertiesKeys: w } = s;
-              Object.keys(h).filter((x) => {
-                var b;
-                return h[x] !== ((b = u == null ? void 0 : u[x]) == null ? void 0 : b.value);
-              }).filter((x) => {
-                var b;
-                return !(x === "locale" && !pr(u[x], "locale") || ((b = u[x]) == null ? void 0 : b.type) === "component");
-              }).reduce((x, b) => x.then(() => {
-                const P = u[b], O = w.includes(b);
-                if (P != null && P.id && O)
+            onChange: (b) => {
+              const { canUsePropertiesKeys: P } = s;
+              Object.keys(b).filter((v) => {
+                var y;
+                return b[v] !== ((y = a == null ? void 0 : a[v]) == null ? void 0 : y.value);
+              }).filter((v) => {
+                var y, k, O, f;
+                return !(v === "locale" && !pr(a[v], "locale") || ((y = a[v]) == null ? void 0 : y.type) === "component" || (((k = a[v]) == null ? void 0 : k.type) === "yaml" || ((O = a[v]) == null ? void 0 : O.type) === "json") && ve(w, (f = a[v]) == null ? void 0 : f.id));
+              }).reduce((v, y) => v.then(() => {
+                const k = a[y], O = P.includes(y);
+                if (k != null && k.id && O)
                   return p({
-                    path: ["properties", P.id],
-                    id: P.id,
-                    value: { value: h[b] },
-                    shouldSync: Ke(P),
+                    path: ["properties", k.id],
+                    id: k.id,
+                    value: { value: b[y] },
+                    shouldSync: Fe(k),
                     excludeKeys: [],
-                    key: P.key || P.id
+                    key: k.key || k.id
                   }), Promise.resolve();
-                const y = `propertyNotFound${b}`;
-                if (g === y)
+                const f = `propertyNotFound${y}`;
+                if (g === f)
                   return Promise.resolve();
-                We.close(g);
-                const I = We.warning(
+                Be.close(g);
+                const I = Be.warning(
                   m("maker.properties.propertyNotFound", {
-                    key: b
+                    key: y
                   }),
                   {
-                    key: y
+                    key: f
                   }
                 );
-                return f(I), Promise.resolve();
+                return h(I), Promise.resolve();
               }), Promise.resolve());
             }
           }
@@ -2123,7 +2123,7 @@ function bt({
 }
 export {
   Wr as BasicInfo,
-  Oe as CustomComponentAutocomplete,
+  je as CustomComponentAutocomplete,
   Ui as CustomComponentSettings,
   Mr as DefaultReactComponentScriptTemplate,
   Hr as DefaultWebComponentScriptTemplate,