@blocklet/pages-kit-inner-components 0.4.68 → 0.4.70

package/lib/es/setting.js

@@ -1,145 +1,145 @@
-import { jsx as t, jsxs as S, Fragment as $ } from "react/jsx-runtime";
-import { t as ge, g as ne, i as _e, b as Je, h as de, E as gt, n as $e, j as xe } from "./_chunks/state-DqChB5ys.js";
-import te from "@arcblock/ux/lib/Empty";
-import { useLocaleContext as A } from "@arcblock/ux/lib/Locale/context";
-import { CodeEditor as ke } from "@blocklet/code-editor";
-import xt from "@mui/icons-material/AddRounded";
-import kt from "@mui/icons-material/ArrowDownward";
-import wt from "@mui/icons-material/ArrowUpward";
-import Pt from "@mui/icons-material/DeleteOutline";
-import { Typography as F, TextField as D, Stack as j, FormLabel as oe, Box as O, TableContainer as It, Paper as re, Table as Me, TableHead as He, TableRow as se, TableCell as ce, TableBody as Ye, Button as T, IconButton as we, FormControlLabel as Ge, Switch as Le, InputAdornment as ue, Dialog as Pe, DialogTitle as qe, DialogContent as Qe, DialogActions as Xe, alpha as St, Tooltip as X, buttonClasses as Ot, Autocomplete as Ze, MenuItem as he, Popper as et, Divider as Ct } from "@mui/material";
+import { jsx as t, jsxs as S, Fragment as J } from "react/jsx-runtime";
+import { t as ve, g as ie, i as Me, b as He, h as ae, E as yt, n as Ye, j as ge } from "./_chunks/state-DqChB5ys.js";
+import ee from "@arcblock/ux/lib/Empty";
+import { useLocaleContext as N } from "@arcblock/ux/lib/Locale/context";
+import { CodeEditor as xe } from "@blocklet/code-editor";
+import vt from "@mui/icons-material/AddRounded";
+import gt from "@mui/icons-material/ArrowDownward";
+import xt from "@mui/icons-material/ArrowUpward";
+import kt from "@mui/icons-material/DeleteOutline";
+import { Typography as $, TextField as D, Stack as j, FormLabel as ne, Box as O, TableContainer as wt, Paper as de, Table as Le, TableHead as Ge, TableRow as oe, TableCell as le, TableBody as qe, Button as A, IconButton as ke, FormControlLabel as Qe, Switch as Xe, InputAdornment as ue, Dialog as pe, DialogTitle as we, DialogContent as Pe, DialogActions as Ie, alpha as Pt, Tooltip as Z, buttonClasses as It, Autocomplete as Ze, MenuItem as me, Divider as St, Popper as Ot } from "@mui/material";
 import V from "lodash/sortBy";
-import { useCallback as N, useMemo as ae, forwardRef as tt, useState as Z, useEffect as M, useImperativeHandle as rt, lazy as jt, Suspense as zt, useRef as J, useId as Rt } from "react";
-import { useUpdate as it, useDebounce as Dt } from "react-use";
-import { styled as At } from "@arcblock/ux/lib/Theme";
+import { useCallback as T, useMemo as se, forwardRef as et, useState as M, useEffect as H, useImperativeHandle as tt, lazy as Ct, Suspense as jt, useRef as F, useId as zt } from "react";
+import { useUpdate as rt, useDebounce as Rt } from "react-use";
+import { styled as Dt } from "@arcblock/ux/lib/Theme";
 import { cx as Nt } from "@emotion/css";
-import { useReactive as Tt, useBoolean as Vt, useUpdate as Et } from "ahooks";
-import Ue from "gradient-parser";
+import { useReactive as At, useBoolean as Tt, useUpdate as Vt } from "ahooks";
+import Ke 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 Gt, orange as Lt, brown as qt, grey as Qt, blueGrey as Xt } from "@mui/material/colors";
-import { getImageSize as fe, getVideoSize as be, UploaderButton as Ie, UploaderProvider as Se, useUploader as Zt } from "./uploader.js";
-import { Icon as er } from "@iconify-icon/react";
-import lt from "lodash/isEmpty";
+import Wt from "tinycolor2";
+import { red as Et, pink as Ut, purple as Bt, indigo as Kt, blue as Ft, cyan as _t, teal as Jt, green as $t, lime as Mt, yellow as Ht, amber as Yt, orange as Lt, brown as Gt, grey as qt, blueGrey as Qt } from "@mui/material/colors";
+import { getImageSize as he, getVideoSize as fe, UploaderButton as Se, UploaderProvider as Oe, useUploader as Xt } from "./uploader.js";
+import { Icon as Zt } from "@iconify-icon/react";
+import it from "lodash/isEmpty";
 import nt from "lodash/set";
-import * as ye from "yaml";
-import "lodash";
-import We from "@arcblock/ux/lib/Toast";
+import * as be from "yaml";
+import { cloneDeep as er } from "lodash";
+import Fe from "@arcblock/ux/lib/Toast";
 import { CustomComponentRenderer as ot, transpileAndLoadScript as tr, getPropertiesFromCode as rr } from "@blocklet/pages-kit/components";
-import { unstable_useNumberInput as ir, ClickAwayListener as st } from "@mui/base";
-import { VisibilityOffRounded as lr, VisibilityRounded as nr, DeleteOutlineRounded as or, DragIndicatorRounded as sr, TranslateRounded as ct, AddRounded as at, InfoRounded as dt, StarRounded as cr, SettingsRounded as ut } from "@mui/icons-material";
-import { alpha as Be } from "@mui/material/styles";
-import { getYjsValue as H } from "@syncedstore/core";
-import ar from "lodash/assign";
-import dr from "lodash/has";
-import ee from "lodash/isNil";
-import ur from "lodash/isObject";
-import pr from "lodash/keyBy";
-import mr from "lodash/omit";
-import hr from "lodash/pick";
-import fr from "lodash/reduce";
-import { usePopupState as pe, bindTrigger as me, bindDialog as pt, bindPopper as mt } from "material-ui-popup-state/hooks";
-import { ErrorBoundary as br } from "react-error-boundary";
-import { useDrop as ht, useDrag as yr } from "react-dnd";
-function vr({
+import { unstable_useNumberInput as ir, ClickAwayListener as nr } from "@mui/base";
+import { VisibilityOffRounded as or, VisibilityRounded as lr, DeleteOutlineRounded as sr, DragIndicatorRounded as cr, TranslateRounded as lt, AddRounded as st, InfoRounded as ct, StarRounded as ar, SettingsRounded as at } from "@mui/icons-material";
+import { alpha as _e } from "@mui/material/styles";
+import { getYjsValue as Y } from "@syncedstore/core";
+import dr from "lodash/assign";
+import ur from "lodash/has";
+import ce from "lodash/isNil";
+import pr from "lodash/isObject";
+import mr from "lodash/keyBy";
+import hr from "lodash/omit";
+import fr from "lodash/pick";
+import br from "lodash/reduce";
+import { usePopupState as Ce, bindTrigger as je, bindDialog as dt, bindPopper as yr } from "material-ui-popup-state/hooks";
+import { ErrorBoundary as vr } from "react-error-boundary";
+import { useDrop as ut, useDrag as gr } from "react-dnd";
+function xr({
   onClick: e,
   disabled: r,
-  sx: l,
+  sx: n,
   ...i
 }) {
-  return /* @__PURE__ */ t(we, { size: "small", color: "warning", variant: "outlined", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(Pt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(ke, { size: "small", color: "warning", variant: "outlined", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(kt, { fontSize: "small" }) });
 }
-function gr({
+function kr({
   onClick: e,
   disabled: r,
-  sx: l,
+  sx: n,
   ...i
 }) {
-  return /* @__PURE__ */ t(we, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(wt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(ke, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(xt, { fontSize: "small" }) });
 }
-function xr({
+function wr({
   onClick: e,
   disabled: r,
-  sx: l,
+  sx: n,
   ...i
 }) {
-  return /* @__PURE__ */ t(we, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(kt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(ke, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(gt, { fontSize: "small" }) });
 }
-function kr({
+function Pr({
   label: e,
   value: r,
-  onChange: l,
+  onChange: n,
   disabled: i = !1,
-  itemLabel: u = "",
+  itemLabel: d = "",
   emptyHeight: m = 40,
-  property: a,
+  property: c,
   renderItem: p,
   ...k
 }) {
-  const { t: h, locale: x } = A(), b = it(), n = N(
-    (y) => {
-      l(ge(y, a.type));
+  const { t: y, locale: g } = N(), h = rt(), o = T(
+    (v) => {
+      n(ve(v, c.type));
     },
-    [l, a.type]
-  ), o = ae(() => Array.isArray(r) ? r : [], [r]), s = N(() => {
-    const y = [...o, ""];
-    n(y), b();
-  }, [o, n, b]), d = N(() => {
-    if (!a || !a.subProperties)
-      return s();
-    const y = {};
-    V(Object.values(a.subProperties), "index").forEach(({ data: R }) => {
-      var U, W;
+    [n, c.type]
+  ), s = se(() => Array.isArray(r) ? r : [], [r]), l = T(() => {
+    const v = [...s, ""];
+    o(v), h();
+  }, [s, o, h]), u = T(() => {
+    if (!c || !c.subProperties)
+      return l();
+    const v = {};
+    V(Object.values(c.subProperties), "index").forEach(({ data: R }) => {
+      var E, U;
       if (!R.key) return;
-      const E = ((W = (U = R.locales) == null ? void 0 : U[x]) == null ? void 0 : W.defaultValue) ?? "";
-      y[R.key] = E;
+      const W = ((U = (E = R.locales) == null ? void 0 : E[g]) == null ? void 0 : U.defaultValue) ?? "";
+      v[R.key] = W;
     });
-    const z = [...o, y];
-    n(z), b();
-  }, [o, n, b, a, x, s]), f = N(
-    (y) => {
+    const z = [...s, v];
+    o(z), h();
+  }, [s, o, h, c, g, l]), f = T(
+    (v) => {
       try {
-        const I = JSON.parse(y);
-        Array.isArray(I) ? n(I) : console.error("JSON解析结果不是数组");
+        const I = JSON.parse(v);
+        Array.isArray(I) ? o(I) : console.error("JSON解析结果不是数组");
       } catch (I) {
         console.error("JSON解析错误:", I);
       }
     },
-    [n]
-  ), w = N(
-    (y) => {
-      const I = o.filter((z, R) => R !== y);
-      n(I), b();
+    [o]
+  ), w = T(
+    (v) => {
+      const I = s.filter((z, R) => R !== v);
+      o(I), h();
     },
-    [o, n, b]
-  ), c = N(
-    (y) => {
-      if (y <= 0) return;
-      const I = [...o], z = I[y];
-      I[y] = I[y - 1], I[y - 1] = z, n(I), b();
+    [s, o, h]
+  ), a = T(
+    (v) => {
+      if (v <= 0) return;
+      const I = [...s], z = I[v];
+      I[v] = I[v - 1], I[v - 1] = z, o(I), h();
     },
-    [o, n, b]
-  ), v = N(
-    (y) => {
-      if (y >= o.length - 1) return;
-      const I = [...o], z = I[y];
-      I[y] = I[y + 1], I[y + 1] = z, n(I), b();
+    [s, o, h]
+  ), x = T(
+    (v) => {
+      if (v >= s.length - 1) return;
+      const I = [...s], z = I[v];
+      I[v] = I[v + 1], I[v + 1] = z, o(I), h();
     },
-    [o, n, b]
-  ), g = N(
-    (y, I) => {
-      const z = [...o];
-      z[y] = I, n(z);
+    [s, o, h]
+  ), b = T(
+    (v, I) => {
+      const z = [...s];
+      z[v] = I, o(z);
     },
-    [o, n]
-  ), P = a && a.subProperties && Object.keys(a.subProperties).length > 0, C = ae(() => [
+    [s, o]
+  ), P = c && c.subProperties && Object.keys(c.subProperties).length > 0, C = se(() => [
     {
       field: "index",
       headerName: "#",
       width: 40,
       align: "center",
-      renderCell: ({ index: y }) => /* @__PURE__ */ t(
-        F,
+      renderCell: ({ index: v }) => /* @__PURE__ */ t(
+        $,
         {
           variant: "body1",
           sx: {
@@ -152,27 +152,27 @@ function kr({
             justifyContent: "center",
             color: "text.secondary"
           },
-          children: y + 1
+          children: v + 1
         }
       )
     },
     {
       field: "content",
       headerName: "",
-      renderCell: ({ row: y, index: I }) => p && P ? p({
-        item: y,
+      renderCell: ({ row: v, index: I }) => p && P ? p({
+        item: v,
         index: I,
-        property: a,
-        onChange: (z) => g(I, z)
+        property: c,
+        onChange: (z) => b(I, z)
       }) : /* @__PURE__ */ t(
         D,
         {
           fullWidth: !0,
           size: "small",
           disabled: i,
-          value: y,
-          placeholder: u || `${h("item")} ${I + 1}`,
-          onChange: (z) => g(I, z.target.value),
+          value: v,
+          placeholder: d || `${y("item")} ${I + 1}`,
+          onChange: (z) => b(I, z.target.value),
           ...k
         }
       )
@@ -183,36 +183,36 @@ function kr({
       width: 30,
       // 增加宽度以容纳更多按钮
       align: "center",
-      renderCell: ({ index: y }) => /* @__PURE__ */ S(j, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ t(gr, { disabled: i || y === 0, onClick: () => c(y) }),
+      renderCell: ({ index: v }) => /* @__PURE__ */ S(j, { direction: "column", spacing: 0.25, children: [
+        /* @__PURE__ */ t(kr, { disabled: i || v === 0, onClick: () => a(v) }),
         /* @__PURE__ */ t(
-          xr,
+          wr,
           {
-            disabled: i || y === o.length - 1,
-            onClick: () => v(y)
+            disabled: i || v === s.length - 1,
+            onClick: () => x(v)
           }
         ),
-        /* @__PURE__ */ t(vr, { disabled: i, onClick: () => w(y) })
+        /* @__PURE__ */ t(xr, { disabled: i, onClick: () => w(v) })
       ] })
     }
   ], [
     p,
     P,
-    a,
-    g,
-    u,
-    h,
+    c,
+    b,
+    d,
+    y,
     i,
     k,
     w,
-    c,
-    v,
-    o.length
+    a,
+    x,
+    s.length
   ]);
   return P ? /* @__PURE__ */ S(j, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ t(oe, { children: e }),
-    o.length > 0 ? /* @__PURE__ */ t(It, { component: re, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ S(
-      Me,
+    e && /* @__PURE__ */ t(ne, { children: e }),
+    s.length > 0 ? /* @__PURE__ */ t(wt, { component: de, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ S(
+      Le,
       {
         size: "small",
         sx: {
@@ -229,18 +229,18 @@ function kr({
           borderCollapse: "collapse"
         },
         children: [
-          /* @__PURE__ */ t(He, { sx: { display: "none" }, children: /* @__PURE__ */ t(se, { children: C.map((y) => /* @__PURE__ */ t(
-            ce,
+          /* @__PURE__ */ t(Ge, { sx: { display: "none" }, children: /* @__PURE__ */ t(oe, { children: C.map((v) => /* @__PURE__ */ t(
+            le,
             {
-              width: y.width,
-              align: y.align || "left",
+              width: v.width,
+              align: v.align || "left",
               sx: { fontWeight: "bold" },
-              children: y.renderHeader ? y.renderHeader() : y.headerName
+              children: v.renderHeader ? v.renderHeader() : v.headerName
             },
-            y.field
+            v.field
           )) }) }),
-          /* @__PURE__ */ t(Ye, { children: o.map((y, I, z) => /* @__PURE__ */ t(
-            se,
+          /* @__PURE__ */ t(qe, { children: s.map((v, I, z) => /* @__PURE__ */ t(
+            oe,
             {
               sx: {
                 borderBottom: I < z.length - 1 ? "1px solid" : "none",
@@ -250,7 +250,7 @@ function kr({
                 }
               },
               children: C.map((R) => /* @__PURE__ */ t(
-                ce,
+                le,
                 {
                   width: R.width,
                   align: R.align || "left",
@@ -258,9 +258,9 @@ function kr({
                     borderBottom: "none"
                   },
                   children: R.renderCell({
-                    row: y,
+                    row: v,
                     index: I,
-                    onChange: (E) => g(I, E)
+                    onChange: (W) => b(I, W)
                   })
                 },
                 `${I}-${R.field}`
@@ -270,79 +270,79 @@ function kr({
           )) })
         ]
       }
-    ) }) : /* @__PURE__ */ t(te, { style: { fontSize: 12, height: m }, children: h("maker.properties.arrayEmpty") }),
+    ) }) : /* @__PURE__ */ t(ee, { style: { fontSize: 12, height: m }, children: y("maker.properties.arrayEmpty") }),
     /* @__PURE__ */ t(
-      T,
+      A,
       {
         fullWidth: !0,
         size: "small",
         variant: "outlined",
         disabled: i,
-        startIcon: /* @__PURE__ */ t(xt, {}),
-        onClick: d,
-        children: h("maker.properties.addArrayItem")
+        startIcon: /* @__PURE__ */ t(vt, {}),
+        onClick: u,
+        children: y("maker.properties.addArrayItem")
       }
     )
   ] }) : /* @__PURE__ */ S(j, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ t(oe, { children: e }),
+    e && /* @__PURE__ */ t(ne, { children: e }),
     /* @__PURE__ */ t(O, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
-      ke,
+      xe,
       {
-        keyId: a.id,
-        locale: x,
+        keyId: c.id,
+        locale: g,
         language: "json",
-        value: JSON.stringify(o, null, 2),
-        onChange: (y) => f(y || "")
+        value: JSON.stringify(s, null, 2),
+        onChange: (v) => f(v || "")
       },
-      a.id
+      c.id
     ) })
   ] });
 }
-Wt[300], Bt[300], Kt[300], // deepPurple['300'],
-Ft[300], _t[300], // lightBlue['300'],
-Jt[300], $t[300], Mt[300], // lightGreen['300'],
-Ht[300], Yt[300], Gt[300], Lt[300], // deepOrange['300'],
-qt[300], Qt[300], Xt[300];
-const wr = tt(function({ showMarkdown: r, markdown: l, onMarkdownChange: i, showUploader: u, value: m, meta: a, onChange: p, ...k }, h) {
-  const [x, b] = Z("");
-  M(() => {
-    b(m || "");
-  }, [m, b]);
-  const n = async () => {
-    if (x !== m) {
-      const s = ne(x);
-      if (!s) {
-        p(x, void 0);
+Et[300], Ut[300], Bt[300], // deepPurple['300'],
+Kt[300], Ft[300], // lightBlue['300'],
+_t[300], Jt[300], $t[300], // lightGreen['300'],
+Mt[300], Ht[300], Yt[300], Lt[300], // deepOrange['300'],
+Gt[300], qt[300], Qt[300];
+const Ir = et(function({ showMarkdown: r, markdown: n, onMarkdownChange: i, showUploader: d, value: m, meta: c, onChange: p, ...k }, y) {
+  const [g, h] = M("");
+  H(() => {
+    h(m || "");
+  }, [m, h]);
+  const o = async () => {
+    if (g !== m) {
+      const l = ie(g);
+      if (!l) {
+        p(g, void 0);
         return;
       }
-      const d = await fe(s).catch(() => be(s)).catch(() => {
+      const u = await he(l).catch(() => fe(l)).catch(() => {
       });
-      p(x, { ...d, filename: x });
+      p(g, { ...u, filename: g });
     }
   };
-  Dt(
+  Rt(
     () => {
-      x !== m && p(x);
+      g !== m && p(g);
     },
     300,
-    [x]
-  ), rt(h, () => ({
-    submit: n
+    [g]
+  ), tt(y, () => ({
+    submit: o
   }));
-  const o = {};
-  return u && (o.InputProps = {
+  const s = {};
+  return d && (s.InputProps = {
     sx: { pr: 0 },
     endAdornment: /* @__PURE__ */ t(ue, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ t(
-      Ie,
+      Se,
       {
-        onChange: async ({ response: s }) => {
-          var c;
-          const d = (c = s == null ? void 0 : s.data) == null ? void 0 : c.filename, f = ne(d) || "";
+        onChange: async ({ response: l }) => {
+          var a;
+          const u = (a = l == null ? void 0 : l.data) == null ? void 0 : a.filename, f = ie(u) || "";
           let w = {};
-          f && (w = await fe(f).catch(() => be(f)).catch(() => {
-          })), p(d, {
+          f && (w = await he(f).catch(() => fe(f)).catch(() => {
+          })), p(u, {
             ...w,
-            filename: d
+            filename: u
           });
         }
       }
@@ -355,60 +355,60 @@ const wr = tt(function({ showMarkdown: r, markdown: l, onMarkdownChange: i, show
       ...k,
       label: /* @__PURE__ */ S(j, { direction: "row", spacing: 1, alignItems: "center", children: [
         k.label,
-        r && /* @__PURE__ */ S($, { children: [
+        r && /* @__PURE__ */ S(J, { children: [
           " (",
           /* @__PURE__ */ t(
-            Ge,
+            Qe,
             {
-              checked: l,
-              label: /* @__PURE__ */ t(O, { component: er, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
+              checked: n,
+              label: /* @__PURE__ */ t(O, { component: Zt, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
               labelPlacement: "start",
-              control: /* @__PURE__ */ t(Le, { size: "small" }),
+              control: /* @__PURE__ */ t(Xe, { size: "small" }),
               sx: { ml: 0.25, pr: 1 },
-              onChange: (s, d) => i == null ? void 0 : i(d)
+              onChange: (l, u) => i == null ? void 0 : i(u)
             }
           ),
           ")"
         ] })
       ] }),
       InputLabelProps: { shrink: !0, ...k.InputLabelProps },
-      value: x,
-      onChange: (s) => b(s.target.value),
-      ...o,
-      onKeyDown: (s) => {
-        s.keyCode !== 229 && s.key === "Enter" && n();
+      value: g,
+      onChange: (l) => h(l.target.value),
+      ...s,
+      onKeyDown: (l) => {
+        l.keyCode !== 229 && l.key === "Enter" && o();
       }
     }
   );
-}), Pr = jt(() => import("react-best-gradient-color-picker"));
-function Ir(e) {
+}), Sr = Ct(() => import("react-best-gradient-color-picker"));
+function Or(e) {
   try {
-    const l = Ue.parse(e).map((u) => {
-      const m = u.colorStops.map((a) => {
-        if (a.type !== "rgba") {
-          const p = Ut(a.value).toRgb();
+    const n = Ke.parse(e).map((d) => {
+      const m = d.colorStops.map((c) => {
+        if (c.type !== "rgba") {
+          const p = Wt(c.value).toRgb();
           return {
-            ...a,
+            ...c,
             value: [p.r, p.g, p.b, p.a],
             type: "rgba"
           };
         }
-        return a;
+        return c;
       });
       return {
-        ...u,
+        ...d,
         colorStops: m
       };
     });
-    return Ue.stringify(l);
+    return Ke.stringify(n);
   } catch {
-    return Je(e) ? e : "";
+    return He(e) ? e : "";
   }
 }
-function Sr({ color: e, sx: r = {}, ...l }) {
-  Je(e);
+function Cr({ color: e, sx: r = {}, ...n }) {
+  He(e);
   const i = {};
-  return _e(e) ? i.backgroundImage = e : i.backgroundColor = e, /* @__PURE__ */ t(
+  return Me(e) ? i.backgroundImage = e : i.backgroundColor = e, /* @__PURE__ */ t(
     O,
     {
       sx: {
@@ -424,39 +424,39 @@ function Sr({ color: e, sx: r = {}, ...l }) {
         },
         ...i
       },
-      ...l
+      ...n
     }
   );
 }
-const Or = tt(function({ onSave: r }, l) {
-  const i = Tt({
+const jr = et(function({ onSave: r }, n) {
+  const i = At({
     value: ""
-  }), { t: u } = A(), m = {};
-  i.value ? _e(i.value) ? m.backgroundImage = i.value : m.backgroundColor = i.value : m.border = "1px solid #ccc";
-  const [a, { setFalse: p, setTrue: k }] = Vt(!1), h = N(() => {
+  }), { t: d } = N(), m = {};
+  i.value ? Me(i.value) ? m.backgroundImage = i.value : m.backgroundColor = i.value : m.border = "1px solid #ccc";
+  const [c, { setFalse: p, setTrue: k }] = Tt(!1), y = T(() => {
     p();
-  }, [p]), x = () => {
-    r({ value: i.value }, h);
+  }, [p]), g = () => {
+    r({ value: i.value }, y);
   };
-  return rt(l, () => ({
-    open({ value: b } = { value: "" }) {
-      i.value = b, k();
+  return tt(n, () => ({
+    open({ value: h } = { value: "" }) {
+      i.value = h, k();
     },
     close() {
-      h();
+      y();
     }
-  })), /* @__PURE__ */ S(Pe, { open: a, onClose: h, hideBackdrop: !0, children: [
-    /* @__PURE__ */ t(qe, { children: u("maker.configBackground") }),
-    /* @__PURE__ */ t(Qe, { sx: { width: 600 }, children: /* @__PURE__ */ S(O, { width: "100%", display: "flex", children: [
-      /* @__PURE__ */ t(O, { flex: 1, mr: 1, sx: m, children: !i.value && /* @__PURE__ */ t(te, { children: u("error.notConfig") }) }),
-      /* @__PURE__ */ t(zt, { children: /* @__PURE__ */ t(
-        Pr,
+  })), /* @__PURE__ */ S(pe, { open: c, onClose: y, hideBackdrop: !0, children: [
+    /* @__PURE__ */ t(we, { children: d("maker.configBackground") }),
+    /* @__PURE__ */ t(Pe, { sx: { width: 600 }, children: /* @__PURE__ */ S(O, { width: "100%", display: "flex", children: [
+      /* @__PURE__ */ t(O, { flex: 1, mr: 1, sx: m, children: !i.value && /* @__PURE__ */ t(ee, { children: d("error.notConfig") }) }),
+      /* @__PURE__ */ t(jt, { children: /* @__PURE__ */ t(
+        Sr,
         {
           width: 200,
           height: 200,
-          value: Ir(i.value),
-          onChange: (b) => {
-            i.value = b;
+          value: Or(i.value),
+          onChange: (h) => {
+            i.value = h;
           },
           hidePresets: !0,
           hideAdvancedSliders: !0,
@@ -465,13 +465,13 @@ const Or = tt(function({ onSave: r }, l) {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ S(Xe, { children: [
-      /* @__PURE__ */ t(T, { variant: "outlined", size: "small", onClick: h, children: u("common.cancel") }),
-      /* @__PURE__ */ t(T, { variant: "contained", size: "small", onClick: x, children: u("maker.save") })
+    /* @__PURE__ */ S(Ie, { children: [
+      /* @__PURE__ */ t(A, { variant: "outlined", size: "small", onClick: y, children: d("common.cancel") }),
+      /* @__PURE__ */ t(A, { variant: "contained", size: "small", onClick: g, children: d("maker.save") })
     ] })
   ] });
 });
-At(O)`
+Dt(O)`
   .color-item {
     position: relative;
   }
@@ -492,28 +492,28 @@ At(O)`
     right: 0;
   }
 `;
-function Cr({
+function zr({
   value: e,
   onChange: r,
-  ...l
+  ...n
 }) {
-  const i = J(null);
-  return /* @__PURE__ */ S($, { children: [
+  const i = F(null);
+  return /* @__PURE__ */ S(J, { children: [
     /* @__PURE__ */ t(
-      wr,
+      Ir,
       {
-        ...l,
+        ...n,
         value: e,
         onChange: r,
         InputProps: {
           endAdornment: /* @__PURE__ */ t(ue, { position: "end", children: /* @__PURE__ */ t(
-            Sr,
+            Cr,
             {
               color: e ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
-                var u;
-                (u = i.current) == null || u.open({ value: e ?? "" });
+                var d;
+                (d = i.current) == null || d.open({ value: e ?? "" });
               }
             }
           ) })
@@ -521,58 +521,58 @@ function Cr({
       }
     ),
     /* @__PURE__ */ t(
-      Or,
+      jr,
       {
         ref: i,
-        onSave: ({ value: u }, m) => {
-          r(u), m();
+        onSave: ({ value: d }, m) => {
+          r(d), m();
         }
       }
     )
   ] });
 }
-function jr({
+function Rr({
   label: e,
   value: r,
-  onChange: l,
+  onChange: n,
   property: i,
-  component: u,
+  component: d,
   defaultLocale: m,
-  allComponents: a,
+  allComponents: c,
   PropertyValueField: p,
   onUpload: k
 }) {
-  const { locale: h } = A(), x = J(null);
-  if (!lt(i.subProperties)) {
-    const n = V(Object.values(i.subProperties || {}), "index").filter(
-      (o) => o.data.visible !== !1 && o.data.key
+  const { locale: y } = N(), g = F(null);
+  if (!it(i.subProperties)) {
+    const o = V(Object.values(i.subProperties || {}), "index").filter(
+      (s) => s.data.visible !== !1 && s.data.key
     );
     return /* @__PURE__ */ S(j, { width: "100%", children: [
-      /* @__PURE__ */ t(oe, { sx: { px: 0.25, py: 0.5 }, children: e }),
-      /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(O, { sx: { position: "relative" }, children: n.map((o, s) => {
-        const { data: d } = o, f = d.key ?? d.id, w = s === n.length - 1;
-        let c = null;
+      /* @__PURE__ */ t(ne, { sx: { px: 0.25, py: 0.5 }, children: e }),
+      /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(O, { sx: { position: "relative" }, children: o.map((s, l) => {
+        const { data: u } = s, f = u.key ?? u.id, w = l === o.length - 1;
+        let a = null;
         try {
-          r && typeof r == "object" ? c = r[f] : typeof r == "string" && (c = (i.type === "yaml" ? ye.parse(r || "") : JSON.parse(r || "{}"))[f]);
+          r && typeof r == "object" ? a = r[f] : typeof r == "string" && (a = (i.type === "yaml" ? be.parse(r || "") : JSON.parse(r || "{}"))[f]);
         } catch {
         }
-        c == null && (d.locales && h && d.locales[h] ? c = d.locales[h].defaultValue : d.locales && m && d.locales[m] && (c = d.locales[m].defaultValue));
-        const v = (P) => {
+        a == null && (u.locales && y && u.locales[y] ? a = u.locales[y].defaultValue : u.locales && m && u.locales[m] && (a = u.locales[m].defaultValue));
+        const x = (P) => {
           try {
             let C = {};
             if (typeof r == "string")
               try {
-                C = i.type === "yaml" ? ye.parse(r || "") : JSON.parse(r || "{}");
+                C = i.type === "yaml" ? be.parse(r || "") : JSON.parse(r || "{}");
               } catch {
               }
             else typeof r == "object" && r !== null && (C = { ...r });
             nt(C, f, P);
-            const y = ge(C, i.type);
-            l == null || l(y);
+            const v = ve(C, i.type);
+            n == null || n(v);
           } catch (C) {
             console.error("Error updating property:", C);
           }
-        }, g = 8;
+        }, b = 8;
         return /* @__PURE__ */ S(
           O,
           {
@@ -597,7 +597,7 @@ function jr({
                       {
                         sx: {
                           position: "absolute",
-                          left: g,
+                          left: b,
                           top: 0,
                           height: 16,
                           // 连接到字段中点的高度
@@ -612,7 +612,7 @@ function jr({
                       {
                         sx: {
                           position: "absolute",
-                          left: g,
+                          left: b,
                           top: 16,
                           // 连接到字段中点
                           width: 12,
@@ -627,7 +627,7 @@ function jr({
                       {
                         sx: {
                           position: "absolute",
-                          left: g,
+                          left: b,
                           top: 16,
                           // 从当前项中点
                           bottom: -8,
@@ -644,19 +644,19 @@ function jr({
               /* @__PURE__ */ t(O, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
                 p,
                 {
-                  component: u,
-                  property: d,
-                  value: c,
-                  onChange: v,
+                  component: d,
+                  property: u,
+                  value: a,
+                  onChange: x,
                   size: "small",
                   fullWidth: !0,
                   defaultLocale: m,
-                  allComponents: a
+                  allComponents: c
                 }
               ) })
             ]
           },
-          d.id
+          u.id
         );
       }) }) })
     ] });
@@ -675,7 +675,7 @@ function jr({
       },
       children: [
         /* @__PURE__ */ t(
-          oe,
+          ne,
           {
             sx: {
               position: "absolute",
@@ -687,17 +687,17 @@ function jr({
           }
         ),
         /* @__PURE__ */ t(
-          ke,
+          xe,
           {
             keyId: i.id,
-            locale: h,
+            locale: y,
             language: i.type === "yaml" ? "yaml" : "json",
             value: typeof r == "string" ? r : "",
-            onChange: (n) => {
-              l == null || l(n);
+            onChange: (o) => {
+              n == null || n(o);
             },
-            onUpload: (n) => {
-              x.current = n, k && k(n);
+            onUpload: (o) => {
+              g.current = o, k && k(o);
             }
           },
           i.id
@@ -726,115 +726,115 @@ function jr({
     }
   ) });
 }
-const Ke = ["string", "multiline", "json", "yaml", "component", "custom", "url"];
-function ft({
+const Je = ["string", "multiline", "json", "yaml", "component", "custom", "url"];
+function pt({
   disabled: e,
   list: r,
-  renderItem: l,
+  renderItem: n,
   ...i
 }) {
-  const u = J(null), m = Rt(), a = Et(), p = V(Object.entries(r), (o) => o[1].index).map((o) => o[0]), k = J(p), h = N(
-    (o) => {
-      k.current = o, a();
+  const d = F(null), m = zt(), c = Vt(), p = V(Object.entries(r), (s) => s[1].index).map((s) => s[0]), k = F(p), y = T(
+    (s) => {
+      k.current = s, c();
     },
-    [a]
-  ), x = N(
-    ({ index: o }, { index: s }) => {
-      const d = [...k.current];
-      d.splice(s, 0, ...d.splice(o, 1)), h(d);
+    [c]
+  ), g = T(
+    ({ index: s }, { index: l }) => {
+      const u = [...k.current];
+      u.splice(l, 0, ...u.splice(s, 1)), y(u);
     },
-    [h]
+    [y]
   );
-  M(() => {
-    h(p);
+  H(() => {
+    y(p);
   }, [p.join("-")]);
-  const [{ isOver: b }, n] = ht({
+  const [{ isOver: h }, o] = ut({
     accept: m,
-    collect: (o) => ({
-      isOver: o.isOver()
+    collect: (s) => ({
+      isOver: s.isOver()
     }),
     canDrop: () => !e,
     drop: () => {
-      var d;
-      const o = () => {
+      var u;
+      const s = () => {
         k.current.forEach((f, w) => {
-          const c = r[f];
-          c && (c.index = w);
+          const a = r[f];
+          a && (a.index = w);
         });
-      }, s = (d = H(r)) == null ? void 0 : d.doc;
-      s ? s.transact(() => {
-        o();
-      }) : o();
+      }, l = (u = Y(r)) == null ? void 0 : u.doc;
+      l ? l.transact(() => {
+        s();
+      }) : s();
     }
   });
-  return M(() => {
-    b || h(p);
-  }, [b]), n(u), /* @__PURE__ */ t(O, { ...i, ref: u, className: Nt(b && "isDragging"), children: k.current.map((o, s) => /* @__PURE__ */ t(
-    zr,
+  return H(() => {
+    h || y(p);
+  }, [h]), o(d), /* @__PURE__ */ t(O, { ...i, ref: d, className: Nt(h && "isDragging"), children: k.current.map((s, l) => /* @__PURE__ */ t(
+    Dr,
     {
       type: m,
       disabled: e,
-      id: o,
-      index: s,
-      itemIndex: (d) => k.current.indexOf(d),
-      move: x,
-      children: (d) => {
-        const f = r[o];
-        return f ? l(f.data, s, d) : null;
+      id: s,
+      index: l,
+      itemIndex: (u) => k.current.indexOf(u),
+      move: g,
+      children: (u) => {
+        const f = r[s];
+        return f ? n(f.data, l, u) : null;
       }
     },
-    o
+    s
   )) });
 }
-function zr({
+function Dr({
   disabled: e,
   id: r,
-  index: l,
+  index: n,
   type: i,
-  children: u,
+  children: d,
   itemIndex: m,
-  move: a
+  move: c
 }) {
-  const p = J(), [{ isDragging: k }, h, x] = yr({
+  const p = F(), [{ isDragging: k }, y, g] = gr({
     type: i,
     item: () => ({ id: r }),
     canDrag: () => !e,
-    collect: (n) => ({ isDragging: n.isDragging() })
-  }), [, b] = ht({
+    collect: (o) => ({ isDragging: o.isDragging() })
+  }), [, h] = ut({
     accept: i,
     canDrop: () => !e,
-    hover(n, o) {
-      var g;
+    hover(o, s) {
+      var b;
       if (!p.current)
         return;
-      const s = m(n.id), d = l;
-      if (s === d)
+      const l = m(o.id), u = n;
+      if (l === u)
         return;
-      const f = (g = p.current) == null ? void 0 : g.getBoundingClientRect(), w = (f.bottom - f.top) / 2, v = o.getClientOffset().y - f.top;
-      s < d && v < w || s > d && v > w || a({ id: n.id, index: s }, { id: r, index: l });
+      const f = (b = p.current) == null ? void 0 : b.getBoundingClientRect(), w = (f.bottom - f.top) / 2, x = s.getClientOffset().y - f.top;
+      l < u && x < w || l > u && x > w || c({ id: o.id, index: l }, { id: r, index: n });
     }
   });
-  return typeof u == "function" ? u({
+  return typeof d == "function" ? d({
     isDragging: k,
-    drag: h,
-    drop: (n) => (p.current = n, b(n)),
-    preview: x
-  }) : (h(b(x(p))), /* @__PURE__ */ t(O, { ref: p, children: u }));
+    drag: y,
+    drop: (o) => (p.current = o, h(o)),
+    preview: g
+  }) : (y(h(g(p))), /* @__PURE__ */ t(O, { ref: p, children: d }));
 }
-function Rr({
+function Nr({
   drop: e,
   preview: r,
-  drag: l,
+  drag: n,
   disabled: i,
-  isDragging: u,
+  isDragging: d,
   children: m,
-  onDelete: a,
+  onDelete: c,
   onVisibilityChange: p,
   visible: k = !0,
-  actions: h,
-  alwaysShowActions: x = !1
+  actions: y,
+  alwaysShowActions: g = !1
 }) {
-  const { t: b } = A();
+  const { t: h } = N();
   return /* @__PURE__ */ t(
     O,
     {
@@ -851,7 +851,7 @@ function Rr({
             sx: {
               flex: 1,
               borderRadius: 0.5,
-              bgcolor: u ? "action.hover" : "background.paper",
+              bgcolor: d ? "action.hover" : "background.paper",
               opacity: 0.9999
               // NOTE: make preview effective
             },
@@ -861,9 +861,9 @@ function Rr({
         !i && /* @__PURE__ */ t(
           O,
           {
-            className: x ? "" : "hover-visible",
+            className: g ? "" : "hover-visible",
             sx: {
-              maxWidth: x ? "100%" : 0,
+              maxWidth: g ? "100%" : 0,
               overflow: "hidden",
               position: "absolute",
               right: 2,
@@ -875,10 +875,10 @@ function Rr({
               {
                 direction: "row",
                 sx: {
-                  bgcolor: (n) => St(n.palette.grey[200], 0.9),
+                  bgcolor: (o) => Pt(o.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
-                  [`.${Ot.root}`]: {
+                  [`.${It.root}`]: {
                     minWidth: 24,
                     width: 24,
                     height: 24,
@@ -886,10 +886,10 @@ function Rr({
                   }
                 },
                 children: [
-                  h,
-                  p && /* @__PURE__ */ t(X, { title: b(k ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: () => p(!k), children: k ? /* @__PURE__ */ t(lr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(nr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  a && /* @__PURE__ */ t(X, { title: b("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: a, children: /* @__PURE__ */ t(or, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ t(X, { title: b("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { ref: l, children: /* @__PURE__ */ t(sr, { sx: { color: "grey.500" } }) }) })
+                  y,
+                  p && /* @__PURE__ */ t(Z, { title: h(k ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(A, { onClick: () => p(!k), children: k ? /* @__PURE__ */ t(or, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(lr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  c && /* @__PURE__ */ t(Z, { title: h("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(A, { onClick: c, children: /* @__PURE__ */ t(sr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  /* @__PURE__ */ t(Z, { title: h("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(A, { ref: n, children: /* @__PURE__ */ t(cr, { sx: { color: "grey.500" } }) }) })
                 ]
               }
             )
@@ -899,12 +899,12 @@ function Rr({
     }
   );
 }
-function Dr({
+function Ar({
   label: e,
   value: r,
-  onChange: l
+  onChange: n
 }) {
-  const [i, u] = Z(!1);
+  const [i, d] = M(!1);
   return /* @__PURE__ */ S(j, { gap: 1, children: [
     /* @__PURE__ */ t(
       D,
@@ -912,15 +912,15 @@ function Dr({
         label: e,
         size: "small",
         value: r,
-        onChange: (m) => l == null ? void 0 : l(m.target.value),
+        onChange: (m) => n == null ? void 0 : n(m.target.value),
         InputProps: {
           endAdornment: /* @__PURE__ */ t(
-            Ie,
+            Se,
             {
               onChange: ({ response: m }) => {
                 var p;
-                const a = (p = m == null ? void 0 : m.data) == null ? void 0 : p.filename;
-                a && (l == null || l(a));
+                const c = (p = m == null ? void 0 : m.data) == null ? void 0 : p.filename;
+                c && (n == null || n(c));
               }
             }
           )
@@ -932,28 +932,28 @@ function Dr({
       {
         component: "img",
         sx: { objectFit: "contain", borderRadius: 1, cursor: "pointer" },
-        src: ne(r),
+        src: ie(r),
         alt: e,
         maxWidth: 100,
         maxHeight: 100,
         width: "100%",
-        onClick: () => u(!0)
+        onClick: () => d(!0)
       }
     ),
-    /* @__PURE__ */ t(Pe, { open: i, onClose: () => u(!1), children: /* @__PURE__ */ t(O, { component: "img", sx: { objectFit: "contain" }, src: ne(r), alt: e }) })
+    /* @__PURE__ */ t(pe, { open: i, onClose: () => d(!1), children: /* @__PURE__ */ t(O, { component: "img", sx: { objectFit: "contain" }, src: ie(r), alt: e }) })
   ] });
 }
-function ve(e, r = "") {
-  return fr(
+function ye(e, r = "") {
+  return br(
     e,
-    (l, i, u) => {
-      const m = r ? `${r}.${u}` : u;
-      return ur(i) ? ar(l, ve(i, m)) : l[m] = i, l;
+    (n, i, d) => {
+      const m = r ? `${r}.${d}` : d;
+      return pr(i) ? dr(n, ye(i, m)) : n[m] = i, n;
     },
     {}
   );
 }
-const Ar = [
+const Tr = [
   { value: "string", label: "Text" },
   { value: "multiline", label: "Text (Multiline)" },
   { value: "number", label: "Number" },
@@ -967,46 +967,46 @@ const Ar = [
   { value: "component", label: "Component" },
   { value: "custom", label: "Custom (Render by a Component)" }
 ];
-function le(e, r, l) {
-  return !e || !l ? !1 : Object.values(e).some(({ data: i }) => i.id !== r && i.key === l);
+function re(e, r, n) {
+  return !e || !n ? !1 : Object.values(e).some(({ data: i }) => i.id !== r && i.key === n);
 }
-function bt(e, r) {
-  var l;
-  return !e || !r ? !1 : ((l = e[r]) == null ? void 0 : l.data.visible) ?? !0;
+function mt(e, r) {
+  var n;
+  return !e || !r ? !1 : ((n = e[r]) == null ? void 0 : n.data.visible) ?? !0;
 }
-function Ti({ componentId: e }) {
+function Vi({ componentId: e }) {
   const {
     state: { components: r }
-  } = de(), l = r[e], i = l == null ? void 0 : l.data;
-  return i ? /* @__PURE__ */ t(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(O, { p: 2, children: /* @__PURE__ */ t(br, { FallbackComponent: gt, resetKeys: [e], children: /* @__PURE__ */ t(Nr, { value: i }) }) }) }) : null;
+  } = ae(), n = r[e], i = n == null ? void 0 : n.data;
+  return i ? /* @__PURE__ */ t(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(O, { p: 2, children: /* @__PURE__ */ t(vr, { FallbackComponent: yt, resetKeys: [e], children: /* @__PURE__ */ t(Vr, { value: i }) }) }) }) : null;
 }
-function Nr({ value: e }) {
-  var k, h, x;
-  const { t: r } = A(), {
-    localState: { currentLocale: l, componentDebugProps: i },
+function Vr({ value: e }) {
+  var k, y, g;
+  const { t: r } = N(), {
+    localState: { currentLocale: n, componentDebugProps: i },
     state: {
-      config: { defaultLocale: u }
+      config: { defaultLocale: d }
     },
     localActions: { setComponentDebugProps: m }
-  } = de(), a = H(e).doc, p = xe();
+  } = ae(), c = Y(e).doc, p = ge();
   return /* @__PURE__ */ t(j, { height: "100%", children: /* @__PURE__ */ S(j, { gap: 2, children: [
-    /* @__PURE__ */ t(Tr, { config: e }),
+    /* @__PURE__ */ t(Wr, { config: e }),
     /* @__PURE__ */ t(
-      Er,
+      Ur,
       {
         config: e,
-        currentLocale: l,
-        defaultLocale: u,
+        currentLocale: n,
+        defaultLocale: d,
         allComponents: p,
-        onUpdateConfig: (b) => {
-          a.transact(() => {
-            b(e);
+        onUpdateConfig: (h) => {
+          c.transact(() => {
+            h(e);
           });
         }
       }
     ),
     /* @__PURE__ */ S(j, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ t(F, { variant: "subtitle1", children: r("renderer") }),
+      /* @__PURE__ */ t($, { variant: "subtitle1", children: r("renderer") }),
       /* @__PURE__ */ S(
         D,
         {
@@ -1015,30 +1015,30 @@ function Nr({ value: e }) {
           select: !0,
           SelectProps: { autoWidth: !0 },
           value: ((k = e.renderer) == null ? void 0 : k.type) || "react-component",
-          onChange: (b) => {
-            a.transact(() => {
-              const n = b.target.value;
-              e.renderer ?? (e.renderer = { type: n }), e.renderer.type = n;
+          onChange: (h) => {
+            c.transact(() => {
+              const o = h.target.value;
+              e.renderer ?? (e.renderer = { type: o }), e.renderer.type = o;
             });
           },
           children: [
-            /* @__PURE__ */ t(he, { value: "react-component", children: "React Component" }),
-            /* @__PURE__ */ t(he, { value: "component", children: "Custom Component" })
+            /* @__PURE__ */ t(me, { value: "react-component", children: "React Component" }),
+            /* @__PURE__ */ t(me, { value: "component", children: "Custom Component" })
           ]
         }
       )
     ] }),
-    ((h = e.renderer) == null ? void 0 : h.type) === "component" ? /* @__PURE__ */ t($r, { value: e }) : ((x = e.renderer) == null ? void 0 : x.type) === "react-component" ? /* @__PURE__ */ t(Jr, { value: e }) : null,
+    ((y = e.renderer) == null ? void 0 : y.type) === "component" ? /* @__PURE__ */ t(Hr, { value: e }) : ((g = e.renderer) == null ? void 0 : g.type) === "react-component" ? /* @__PURE__ */ t(Mr, { value: e }) : null,
     /* @__PURE__ */ t(
-      Mr,
+      bt,
       {
         config: e,
-        currentLocale: l,
-        defaultLocale: u,
+        currentLocale: n,
+        defaultLocale: d,
         allComponents: p,
-        onChange: ({ key: b, value: n }) => {
+        onChange: ({ key: h, value: o }) => {
           m({
-            [b]: n.value
+            [h]: o.value
           });
         },
         props: {
@@ -1048,17 +1048,17 @@ function Nr({ value: e }) {
     )
   ] }) });
 }
-function Tr({ config: e }) {
-  const { t: r } = A();
-  return /* @__PURE__ */ t(Se, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
-    /* @__PURE__ */ t(F, { variant: "subtitle1", children: r("basicInfo") }),
+function Wr({ config: e }) {
+  const { t: r } = N();
+  return /* @__PURE__ */ t(Oe, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
+    /* @__PURE__ */ t($, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ t(
       D,
       {
         label: r("name"),
         size: "small",
         value: e.name || "",
-        onChange: (l) => e.name = l.target.value
+        onChange: (n) => e.name = n.target.value
       }
     ),
     /* @__PURE__ */ t(
@@ -1071,7 +1071,7 @@ function Tr({ config: e }) {
         maxRows: 10,
         inputProps: { maxLength: 200 },
         value: e.description || "",
-        onChange: (l) => e.description = l.target.value
+        onChange: (n) => e.description = n.target.value
       }
     ),
     /* @__PURE__ */ t(
@@ -1082,34 +1082,34 @@ function Tr({ config: e }) {
         multiple: !0,
         freeSolo: !0,
         value: e.tags ?? [],
-        onChange: (l, i) => e.tags = i,
-        renderInput: (l) => /* @__PURE__ */ t(D, { label: r("tags"), ...l })
+        onChange: (n, i) => e.tags = i,
+        renderInput: (n) => /* @__PURE__ */ t(D, { label: r("tags"), ...n })
       }
     ),
     /* @__PURE__ */ t(
-      Dr,
+      Ar,
       {
         label: r("previewImage"),
         value: e.previewImage || "",
-        onChange: (l) => e.previewImage = l
+        onChange: (n) => e.previewImage = n
       }
     )
   ] }) });
 }
-function yt({
+function ht({
   data: e,
   params: r,
-  visible: l,
+  visible: n,
   config: i,
-  currentLocale: u,
+  currentLocale: d,
   defaultLocale: m,
-  allComponents: a,
+  allComponents: c,
   onUpdateConfig: p
 }) {
-  var x, b, n, o, s, d;
-  const { t: k } = A(), h = ae(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? Br : K, [e.type]);
+  var g, h, o, s, l, u;
+  const { t: k } = N(), y = se(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? Fr : _, [e.type]);
   return /* @__PURE__ */ t(
-    Rr,
+    Nr,
     {
       preview: r.preview,
       drop: r.drop,
@@ -1118,18 +1118,18 @@ function yt({
       onDelete: () => {
         p((f) => {
           if (f.properties) {
-            const c = Object.entries(f.properties).sort(([, g], [, P]) => g.index - P.index);
-            delete f.properties[e.id], c.filter(([g]) => g !== e.id).forEach(([, g], P) => {
-              g.index = P;
+            const a = Object.entries(f.properties).sort(([, b], [, P]) => b.index - P.index);
+            delete f.properties[e.id], a.filter(([b]) => b !== e.id).forEach(([, b], P) => {
+              b.index = P;
             });
           }
         });
       },
-      visible: l,
+      visible: n,
       onVisibilityChange: (f) => {
         p((w) => {
-          const c = w.properties[e.id].data;
-          c.visible = f;
+          const a = w.properties[e.id].data;
+          a.visible = f;
         });
       },
       alwaysShowActions: !0,
@@ -1144,24 +1144,24 @@ function yt({
               width: "calc(100% - 80px - 8px)",
               flex: 1,
               "& .MuiOutlinedInput-root": {
-                borderColor: e.key ? le(i.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
+                borderColor: e.key ? re(i.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
               },
               "& .MuiFormLabel-root": {
-                color: e.key ? le(i.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
+                color: e.key ? re(i.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
               },
               "& .MuiFormLabel-root.Mui-focused": {
-                color: e.key ? le(i.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
+                color: e.key ? re(i.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
               }
             },
             value: e.key || "",
             onChange: (f) => {
               p((w) => {
-                const c = w.properties[e.id].data;
-                c.key = f.target.value.trim();
+                const a = w.properties[e.id].data;
+                a.key = f.target.value.trim();
               });
             },
             InputProps: {
-              endAdornment: !e.key || e.key && le(i.properties, e.id, e.key) ? /* @__PURE__ */ t(
+              endAdornment: !e.key || e.key && re(i.properties, e.id, e.key) ? /* @__PURE__ */ t(
                 ue,
                 {
                   position: "end",
@@ -1169,8 +1169,8 @@ function yt({
                     width: 16,
                     ml: 0
                   },
-                  children: /* @__PURE__ */ t(X, { title: e.key ? k("duplicateKey") : k("requiredKey"), children: /* @__PURE__ */ t(
-                    dt,
+                  children: /* @__PURE__ */ t(Z, { title: e.key ? k("duplicateKey") : k("requiredKey"), children: /* @__PURE__ */ t(
+                    ct,
                     {
                       sx: {
                         color: e.key ? "warning.main" : "error.main",
@@ -1190,12 +1190,12 @@ function yt({
               label: k("label"),
               size: "small",
               sx: { flex: 1 },
-              value: (((b = (x = e.locales) == null ? void 0 : x[u]) == null ? void 0 : b.name) ?? ((o = (n = e.locales) == null ? void 0 : n[m]) == null ? void 0 : o.name)) || "",
+              value: (((h = (g = e.locales) == null ? void 0 : g[d]) == null ? void 0 : h.name) ?? ((s = (o = e.locales) == null ? void 0 : o[m]) == null ? void 0 : s.name)) || "",
               onChange: (f) => {
                 p((w) => {
-                  var v;
-                  const c = w.properties[e.id].data;
-                  c.locales ?? (c.locales = {}), (v = c.locales)[u] ?? (v[u] = {}), c.locales[u].name = f.target.value;
+                  var x;
+                  const a = w.properties[e.id].data;
+                  a.locales ?? (a.locales = {}), (x = a.locales)[d] ?? (x[d] = {}), a.locales[d].name = f.target.value;
                 });
               }
             }
@@ -1210,237 +1210,224 @@ function yt({
               value: e.type === "string" && e.multiline ? "multiline" : e.type || "string",
               onChange: (f) => {
                 p((w) => {
-                  const c = w.properties[e.id].data;
-                  if (c.locales)
-                    for (const g of Object.keys(c.locales))
-                      c.locales[g].defaultValue = void 0;
-                  const v = f.target.value;
-                  v === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = v);
+                  const a = w.properties[e.id].data;
+                  if (a.locales)
+                    for (const b of Object.keys(a.locales))
+                      a.locales[b].defaultValue = void 0;
+                  const x = f.target.value;
+                  x === "multiline" ? (a.type = "string", a.multiline = !0) : (typeof a.multiline < "u" && delete a.multiline, a.type = x);
                 });
               },
-              children: Ar.map((f) => /* @__PURE__ */ t(he, { value: f.value, children: f.label }, f.value))
+              children: Tr.map((f) => /* @__PURE__ */ t(me, { value: f.value, children: f.label }, f.value))
             }
           )
         ] }),
         /* @__PURE__ */ S(j, { direction: "row", gap: 1, children: [
           /* @__PURE__ */ t(
-            h,
+            y,
             {
-              allComponents: a,
+              allComponents: c,
               defaultLocale: m,
               component: i,
               property: e,
               label: k("defaultValue"),
               size: "small",
               fullWidth: !0,
-              value: (d = (s = e.locales) == null ? void 0 : s[u]) == null ? void 0 : d.defaultValue,
+              value: (u = (l = e.locales) == null ? void 0 : l[d]) == null ? void 0 : u.defaultValue,
               onChange: (f, w) => {
-                p((c) => {
-                  var g;
-                  const v = c.properties[e.id].data;
+                p((a) => {
+                  var b;
+                  const x = a.properties[e.id].data;
                   if (w != null && w.forceUpdateProperty) {
-                    const P = ve(v), C = ve(f);
-                    Object.keys(C).forEach((y) => {
-                      P[y] || nt(v, y, C[y]);
+                    const P = ye(x), C = ye(f);
+                    Object.keys(C).forEach((v) => {
+                      P[v] || nt(x, v, C[v]);
                     });
                   } else
-                    v.locales ?? (v.locales = {}), (g = v.locales)[u] ?? (g[u] = {}), v.locales[u].defaultValue = f;
+                    x.locales ?? (x.locales = {}), (b = x.locales)[d] ?? (b[d] = {}), x.locales[d].defaultValue = f;
                 });
               }
             }
           ),
-          e.type === "custom" ? /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(Ur, { property: e, allComponents: a }) }) : null
+          e.type === "custom" ? /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(Br, { property: e, allComponents: c }) }) : null
         ] })
       ] })
     }
   );
 }
-function Vr(e, r) {
-  const [l, i] = Z(0);
-  return M(() => {
+function Er(e, r) {
+  const [n, i] = M(0);
+  return H(() => {
     const m = setTimeout(() => {
       if (e.current) {
-        let a = e.current.parentElement, p = 0;
-        for (; a; )
-          a.classList.contains("property-container") && p++, a = a.parentElement;
+        let c = e.current.parentElement, p = 0;
+        for (; c; )
+          c.classList.contains("property-container") && p++, c = c.parentElement;
         i(p);
       }
     }, 100);
     return () => clearTimeout(m);
-  }, [e, r]), l;
+  }, [e, r]), n;
 }
-function Er({
+function Ur({
   config: e,
   currentLocale: r,
-  defaultLocale: l,
+  defaultLocale: n,
   allComponents: i,
-  onUpdateConfig: u,
+  onUpdateConfig: d,
   useI18nEditor: m = !0
 }) {
-  const { t: a } = A(), p = pe({ variant: "dialog" }), k = e.properties && V(Object.values(e.properties), "index");
-  return /* @__PURE__ */ t(Se, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
+  const { t: c } = N(), p = Ce({ variant: "dialog" }), k = e.properties && V(Object.values(e.properties), "index");
+  return /* @__PURE__ */ t(Oe, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
     /* @__PURE__ */ S(j, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(F, { variant: "subtitle1", children: a("properties") }),
+      /* @__PURE__ */ t($, { variant: "subtitle1", children: c("properties") }),
       /* @__PURE__ */ t(O, { flex: 1 }),
-      m && /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...me(p), children: /* @__PURE__ */ t(ct, { fontSize: "small" }) })
+      m && /* @__PURE__ */ t(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...je(p), children: /* @__PURE__ */ t(lt, { fontSize: "small" }) })
     ] }),
     e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ t(
-      ft,
+      pt,
       {
         component: j,
         gap: 2,
         list: e.properties,
-        renderItem: (h, x, b) => {
-          const n = bt(e.properties, h.id);
+        renderItem: (y, g, h) => {
+          const o = mt(e.properties, y.id);
           return /* @__PURE__ */ t(
-            re,
+            de,
             {
               elevation: 0,
               className: "property-container",
               sx: {
                 p: 1.25,
                 borderRadius: 1,
-                border: n ? "1px solid" : "1px dashed",
+                border: o ? "1px solid" : "1px dashed",
                 borderColor: "divider"
               },
               children: /* @__PURE__ */ t(j, { gap: 2, children: /* @__PURE__ */ t(
-                yt,
+                ht,
                 {
-                  data: h,
-                  params: b,
-                  visible: n,
+                  data: y,
+                  params: h,
+                  visible: o,
                   config: e,
                   currentLocale: r,
-                  defaultLocale: l,
+                  defaultLocale: n,
                   allComponents: i,
-                  onUpdateConfig: u
+                  onUpdateConfig: d
                 }
               ) })
             },
-            h.id
+            y.id
           );
         }
       }
-    ) : /* @__PURE__ */ t(te, { style: { fontSize: 12 }, children: a("maker.properties.noProperties") }),
+    ) : /* @__PURE__ */ t(ee, { style: { fontSize: 12 }, children: c("maker.properties.noProperties") }),
     /* @__PURE__ */ t(
-      T,
+      A,
       {
         fullWidth: !0,
         variant: "outlined",
         className: "ignore-style-override",
         onClick: () => {
-          u((h) => {
-            var b;
-            const x = $e();
-            h.properties ?? (h.properties = {}), (b = h.properties)[x] ?? (b[x] = { index: (k == null ? void 0 : k.length) || 0, data: { id: x } });
+          d((y) => {
+            var h;
+            const g = Ye();
+            y.properties ?? (y.properties = {}), (h = y.properties)[g] ?? (h[g] = { index: (k == null ? void 0 : k.length) || 0, data: { id: g } });
           });
         },
-        startIcon: /* @__PURE__ */ t(at, {}),
-        children: a("addObject", { object: a("property") })
+        startIcon: /* @__PURE__ */ t(st, {}),
+        children: c("addObject", { object: c("property") })
       }
     ),
-    m && /* @__PURE__ */ t(vt, { ...pt(p), component: e })
+    m && /* @__PURE__ */ t(ft, { ...dt(p), component: e })
   ] }) });
 }
-function Ur({
+function Br({
   property: e,
   allComponents: r
 }) {
-  const l = pe({ variant: "popper" });
-  return /* @__PURE__ */ S($, { children: [
-    /* @__PURE__ */ t(T, { sx: { minWidth: 0 }, ...me(l), children: /* @__PURE__ */ t(ut, { fontSize: "small" }) }),
-    /* @__PURE__ */ t(et, { ...mt(l), children: /* @__PURE__ */ t(st, { onClickAway: l.close, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(O, { width: 500, p: 2, children: /* @__PURE__ */ t(
-      Oe,
+  const n = Ce({ variant: "popper" });
+  return /* @__PURE__ */ S(J, { children: [
+    /* @__PURE__ */ t(A, { sx: { minWidth: 0 }, ...je(n), children: /* @__PURE__ */ t(at, { fontSize: "small" }) }),
+    /* @__PURE__ */ t(Ot, { ...yr(n), children: /* @__PURE__ */ t(nr, { onClickAway: n.close, children: /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(O, { width: 500, p: 2, children: /* @__PURE__ */ t(
+      ze,
       {
         value: e.componentId,
-        onChange: (i, u) => e.componentId = u,
+        onChange: (i, d) => e.componentId = d,
         allComponents: r
       }
     ) }) }) }) })
   ] });
 }
-function Wr({
+function Kr({
   value: e,
   valueImmutable: r,
-  onChange: l,
+  onChange: n,
   defaultLocale: i,
-  allComponents: u
+  allComponents: d
 }) {
-  var k;
-  const m = pe({ variant: "popper" }), { locale: a } = A(), p = typeof (e == null ? void 0 : e.componentId) == "string" ? (k = u[e.componentId]) == null ? void 0 : k.data : void 0;
-  return p ? /* @__PURE__ */ S($, { children: [
-    /* @__PURE__ */ t(T, { sx: { minWidth: 0 }, disabled: !p, ...me(m), children: /* @__PURE__ */ t(ut, { fontSize: "small" }) }),
-    /* @__PURE__ */ t(
-      et,
-      {
-        ...mt(m),
-        sx: {
-          zIndex: 1e3
-        },
-        children: /* @__PURE__ */ t(st, { onClickAway: m.close, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ S(O, { width: 500, p: 2, children: [
-          /* @__PURE__ */ t(F, { variant: "subtitle1", children: "Parameters" }),
-          /* @__PURE__ */ t(j, { gap: 1, children: (p == null ? void 0 : p.properties) && V(Object.values(p.properties), "index").map(({ data: h }) => {
-            var x, b, n, o, s, d, f, w;
-            return /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
-              K,
-              {
-                allComponents: u,
-                defaultLocale: i,
-                size: "small",
-                fullWidth: !0,
-                component: p,
-                property: h,
-                valueImmutable: ee((b = (x = e.properties) == null ? void 0 : x[h.id]) == null ? void 0 : b.value),
-                value: ((o = (n = e.properties) == null ? void 0 : n[h.id]) == null ? void 0 : o.value) ?? ((d = (s = h.locales) == null ? void 0 : s[a]) == null ? void 0 : d.defaultValue) ?? ((w = (f = h.locales) == null ? void 0 : f[i]) == null ? void 0 : w.defaultValue),
-                onChange: (c) => {
-                  if (r) {
-                    const v = JSON.parse(JSON.stringify(e));
-                    l == null || l({ ...v, properties: { ...v.properties, [h.id]: { value: c } } });
-                  } else
-                    H(p).doc.transact(() => {
-                      e.properties ?? (e.properties = {}), e.properties[h.id] = { value: c };
-                    });
-                }
-              }
-            ) }, h.id);
-          }) })
-        ] }) }) })
-      }
-    )
+  var g;
+  const [m, c] = M(!1), { t: p, locale: k } = N(), y = typeof (e == null ? void 0 : e.componentId) == "string" ? (g = d[e.componentId]) == null ? void 0 : g.data : void 0;
+  return y ? /* @__PURE__ */ S(J, { children: [
+    /* @__PURE__ */ t(A, { sx: { minWidth: 0 }, disabled: !y, onClick: () => c(!0), children: /* @__PURE__ */ t(at, { fontSize: "small" }) }),
+    /* @__PURE__ */ S(pe, { open: m, onClose: () => c(!1), maxWidth: "md", fullWidth: !0, children: [
+      /* @__PURE__ */ t(we, { children: p("maker.properties.parameters") }),
+      /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ t(O, { width: "100%", p: 2, children: /* @__PURE__ */ t(
+        bt,
+        {
+          config: y,
+          currentLocale: k,
+          defaultLocale: i,
+          allComponents: d,
+          propertiesValue: e == null ? void 0 : e.properties,
+          onChange: ({ id: h, value: o }) => {
+            const s = er(o.value);
+            if (r) {
+              const l = JSON.parse(JSON.stringify(e));
+              n == null || n({ ...l, properties: { ...l.properties, [h]: { value: s } } });
+            } else
+              Y(y).doc.transact(() => {
+                e.properties ?? (e.properties = {}), e.properties[h] = { value: s };
+              });
+          }
+        }
+      ) }) }),
+      /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ t(A, { onClick: () => c(!1), children: p("close") }) })
+    ] })
   ] }) : null;
 }
-function vt({
+function ft({
   type: e = "properties",
   component: r,
-  ...l
+  ...n
 }) {
-  var b, n, o;
-  const { t: i } = A(), {
+  var h, o, s;
+  const { t: i } = N(), {
     state: {
-      components: u,
+      components: d,
       supportedLocales: m,
-      config: { defaultLocale: a }
+      config: { defaultLocale: c }
     }
-  } = de(), p = xe(), k = H(r).doc, h = e === "properties" ? r.properties : e === "parameters" && ((b = r.renderer) == null ? void 0 : b.type) === "component" ? (n = u[r.renderer.componentId]) == null ? void 0 : n.data.properties : void 0, x = ((o = r.renderer) == null ? void 0 : o.type) === "component" ? r : void 0;
-  return /* @__PURE__ */ S(Pe, { ...l, fullWidth: !0, maxWidth: "lg", children: [
-    /* @__PURE__ */ t(qe, { children: i("i18nEditorTitle") }),
-    /* @__PURE__ */ t(Qe, { children: h && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ S(Me, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(se, { children: m.map(({ locale: s, name: d }) => /* @__PURE__ */ S(ce, { children: [
-        d,
-        a === s && /* @__PURE__ */ t(cr, { sx: { fontSize: 12, color: "text.secondary" } })
-      ] }, s)) }) }),
-      /* @__PURE__ */ t(Ye, { children: V(Object.values(h), "index").map(({ data: s }) => /* @__PURE__ */ t(se, { children: m.map(({ locale: d }) => {
-        var f, w, c, v, g, P, C, y, I, z, R, E, U, W, ie, Y, G, L, q, Q, Ce, je, ze, Re, De, Ae;
-        return /* @__PURE__ */ t(ce, { children: /* @__PURE__ */ t(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ S($, { children: [
+  } = ae(), p = ge(), k = Y(r).doc, y = e === "properties" ? r.properties : e === "parameters" && ((h = r.renderer) == null ? void 0 : h.type) === "component" ? (o = d[r.renderer.componentId]) == null ? void 0 : o.data.properties : void 0, g = ((s = r.renderer) == null ? void 0 : s.type) === "component" ? r : void 0;
+  return /* @__PURE__ */ S(pe, { ...n, fullWidth: !0, maxWidth: "lg", children: [
+    /* @__PURE__ */ t(we, { children: i("i18nEditorTitle") }),
+    /* @__PURE__ */ t(Pe, { children: y && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ S(Le, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(oe, { children: m.map(({ locale: l, name: u }) => /* @__PURE__ */ S(le, { children: [
+        u,
+        c === l && /* @__PURE__ */ t(ar, { sx: { fontSize: 12, color: "text.secondary" } })
+      ] }, l)) }) }),
+      /* @__PURE__ */ t(qe, { children: V(Object.values(y), "index").map(({ data: l }) => /* @__PURE__ */ t(oe, { children: m.map(({ locale: u }) => {
+        var f, w, a, x, b, P, C, v, I, z, R, W, E, U, te, L, G, q, Q, X, Re, De, Ne, Ae, Te, Ve;
+        return /* @__PURE__ */ t(le, { children: /* @__PURE__ */ t(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ S(J, { children: [
           /* @__PURE__ */ t(
             D,
             {
               size: "small",
               label: "Key",
-              value: s.key || "",
-              onChange: (_) => {
+              value: l.key || "",
+              onChange: (K) => {
                 k.transact(() => {
-                  s.key = _.target.value.trim();
+                  l.key = K.target.value.trim();
                 });
               }
             }
@@ -1450,185 +1437,185 @@ function vt({
             {
               size: "small",
               label: i("label"),
-              value: (((w = (f = s.locales) == null ? void 0 : f[d]) == null ? void 0 : w.name) ?? ((v = (c = s.locales) == null ? void 0 : c[a]) == null ? void 0 : v.name)) || "",
-              onChange: (_) => {
+              value: (((w = (f = l.locales) == null ? void 0 : f[u]) == null ? void 0 : w.name) ?? ((x = (a = l.locales) == null ? void 0 : a[c]) == null ? void 0 : x.name)) || "",
+              onChange: (K) => {
                 k.transact(() => {
                   var B;
-                  s.locales ?? (s.locales = {}), (B = s.locales)[d] ?? (B[d] = {}), s.locales[d].name = _.target.value;
+                  l.locales ?? (l.locales = {}), (B = l.locales)[u] ?? (B[u] = {}), l.locales[u].name = K.target.value;
                 });
               }
             }
           ),
           /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
-            K,
+            _,
             {
               allComponents: p,
-              defaultLocale: a,
+              defaultLocale: c,
               component: r,
-              property: s,
+              property: l,
               size: "small",
               fullWidth: !0,
               label: "Default Value",
-              valueImmutable: ee((P = (g = s.locales) == null ? void 0 : g[d]) == null ? void 0 : P.defaultValue),
-              value: ((y = (C = s.locales) == null ? void 0 : C[d]) == null ? void 0 : y.defaultValue) ?? ((z = (I = s.locales) == null ? void 0 : I[a]) == null ? void 0 : z.defaultValue),
-              onChange: (_) => {
+              valueImmutable: ce((P = (b = l.locales) == null ? void 0 : b[u]) == null ? void 0 : P.defaultValue),
+              value: ((v = (C = l.locales) == null ? void 0 : C[u]) == null ? void 0 : v.defaultValue) ?? ((z = (I = l.locales) == null ? void 0 : I[c]) == null ? void 0 : z.defaultValue),
+              onChange: (K) => {
                 k.transact(() => {
                   var B;
-                  s.locales ?? (s.locales = {}), (B = s.locales)[d] ?? (B[d] = {}), s.locales[d].defaultValue = _;
+                  l.locales ?? (l.locales = {}), (B = l.locales)[u] ?? (B[u] = {}), l.locales[u].defaultValue = K;
                 });
               }
             }
           ) })
-        ] }) : e === "parameters" && x ? /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
-          K,
+        ] }) : e === "parameters" && g ? /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
+          _,
           {
             allComponents: p,
-            defaultLocale: a,
+            defaultLocale: c,
             component: r,
-            property: s,
+            property: l,
             size: "small",
             fullWidth: !0,
-            valueImmutable: ee(
-              (W = (U = (E = (R = x.renderer.properties) == null ? void 0 : R[s.id]) == null ? void 0 : E.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value
+            valueImmutable: ce(
+              (U = (E = (W = (R = g.renderer.properties) == null ? void 0 : R[l.id]) == null ? void 0 : W.locales) == null ? void 0 : E[u]) == null ? void 0 : U.value
             ),
-            value: ((L = (G = (Y = (ie = x.renderer.properties) == null ? void 0 : ie[s.id]) == null ? void 0 : Y.locales) == null ? void 0 : G[d]) == null ? void 0 : L.value) ?? ((je = (Ce = (Q = (q = x.renderer.properties) == null ? void 0 : q[s.id]) == null ? void 0 : Q.locales) == null ? void 0 : Ce[a]) == null ? void 0 : je.value) ?? ((Re = (ze = s.locales) == null ? void 0 : ze[d]) == null ? void 0 : Re.defaultValue) ?? ((Ae = (De = s.locales) == null ? void 0 : De[a]) == null ? void 0 : Ae.defaultValue),
-            onChange: (_) => {
+            value: ((q = (G = (L = (te = g.renderer.properties) == null ? void 0 : te[l.id]) == null ? void 0 : L.locales) == null ? void 0 : G[u]) == null ? void 0 : q.value) ?? ((De = (Re = (X = (Q = g.renderer.properties) == null ? void 0 : Q[l.id]) == null ? void 0 : X.locales) == null ? void 0 : Re[c]) == null ? void 0 : De.value) ?? ((Ae = (Ne = l.locales) == null ? void 0 : Ne[u]) == null ? void 0 : Ae.defaultValue) ?? ((Ve = (Te = l.locales) == null ? void 0 : Te[c]) == null ? void 0 : Ve.defaultValue),
+            onChange: (K) => {
               k.transact(() => {
-                var B, Ne, Te, Ve, Ee;
-                (B = x.renderer).properties ?? (B.properties = {}), (Ne = x.renderer.properties)[Te = s.id] ?? (Ne[Te] = {}), (Ve = x.renderer.properties[s.id]).locales ?? (Ve.locales = {}), (Ee = x.renderer.properties[s.id].locales)[d] ?? (Ee[d] = {}), x.renderer.properties[s.id].locales[d].value = _;
+                var B, We, Ee, Ue, Be;
+                (B = g.renderer).properties ?? (B.properties = {}), (We = g.renderer.properties)[Ee = l.id] ?? (We[Ee] = {}), (Ue = g.renderer.properties[l.id]).locales ?? (Ue.locales = {}), (Be = g.renderer.properties[l.id].locales)[u] ?? (Be[u] = {}), g.renderer.properties[l.id].locales[u].value = K;
               });
             }
           }
-        ) }) : null }, s.id) }, d);
-      }) }, s.id)) })
+        ) }) : null }, l.id) }, u);
+      }) }, l.id)) })
     ] }) }) }),
-    /* @__PURE__ */ t(Xe, { children: /* @__PURE__ */ t(T, { onClick: (s) => {
-      var d;
-      return (d = l.onClose) == null ? void 0 : d.call(l, s, "escapeKeyDown");
+    /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ t(A, { onClick: (l) => {
+      var u;
+      return (u = n.onClose) == null ? void 0 : u.call(n, l, "escapeKeyDown");
     }, children: i("close") }) })
   ] });
 }
-const Fe = (e, r) => (l) => {
+const $e = (e, r) => (n) => {
   const i = [
-    l.palette.info.main,
-    l.palette.primary.main,
-    l.palette.secondary.main,
-    l.palette.success.main,
-    l.palette.warning.main
-  ], u = Math.min(i.length - 1, e), m = i[u], a = Be(m, 0.5), p = Be(m, 1);
+    n.palette.info.main,
+    n.palette.primary.main,
+    n.palette.secondary.main,
+    n.palette.success.main,
+    n.palette.warning.main
+  ], d = Math.min(i.length - 1, e), m = i[d], c = _e(m, 0.5), p = _e(m, 1);
   return {
     // 保留原有的边框样式
-    borderColor: `${a} !important`,
+    borderColor: `${c} !important`,
     borderLeft: "3px solid !important",
     // 稍粗的左侧边框
-    borderLeftColor: a,
+    borderLeftColor: c,
     // 使用透明度适应深色/浅色模式
     color: p,
     ...r
   };
 };
-function Br({
+function Fr({
   property: e,
   onChange: r,
-  defaultLocale: l,
+  defaultLocale: n,
   allComponents: i
 }) {
-  const { t: u, locale: m } = A(), a = J(null), p = Vr(a, e), k = N(() => {
+  const { t: d, locale: m } = N(), c = F(null), p = Er(c, e), k = T(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
-        const h = {};
+        const y = {};
         V(Object.values(e.subProperties), "index").filter(
-          (n) => n.data.visible !== !1 && n.data.key
-        ).forEach(({ data: n }) => {
-          var s, d, f, w;
-          if (!n.key) return;
-          let o = ((d = (s = n.locales) == null ? void 0 : s[m]) == null ? void 0 : d.defaultValue) ?? ((w = (f = n.locales) == null ? void 0 : f[l]) == null ? void 0 : w.defaultValue);
-          if (n.type === "number")
-            o = Number(o);
-          else if (n.type === "boolean")
-            o = o === !0 || o === "true";
-          else if ((n.type === "json" || n.type === "yaml") && typeof o == "string")
+          (o) => o.data.visible !== !1 && o.data.key
+        ).forEach(({ data: o }) => {
+          var l, u, f, w;
+          if (!o.key) return;
+          let s = ((u = (l = o.locales) == null ? void 0 : l[m]) == null ? void 0 : u.defaultValue) ?? ((w = (f = o.locales) == null ? void 0 : f[n]) == null ? void 0 : w.defaultValue);
+          if (o.type === "number")
+            s = Number(s);
+          else if (o.type === "boolean")
+            s = s === !0 || s === "true";
+          else if ((o.type === "json" || o.type === "yaml") && typeof s == "string")
             try {
-              n.type === "json" ? o = JSON.parse(o) : o = ye.parse(o);
-            } catch (c) {
-              console.error("Error parsing nested value", o, c), o = {};
+              o.type === "json" ? s = JSON.parse(s) : s = be.parse(s);
+            } catch (a) {
+              console.error("Error parsing nested value", s, a), s = {};
             }
-          h[n.key] = o;
+          y[o.key] = s;
         });
-        const b = ge(h, e.type);
-        r == null || r(b);
-      } catch (h) {
-        console.error("Error converting structure to text:", h);
+        const h = ve(y, e.type);
+        r == null || r(h);
+      } catch (y) {
+        console.error("Error converting structure to text:", y);
       }
-  }, [e, m, l, r]);
-  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ S(j, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: a, children: [
-    /* @__PURE__ */ t(Ct, { sx: { mt: -1 }, children: /* @__PURE__ */ t(F, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
+  }, [e, m, n, r]);
+  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ S(j, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: c, children: [
+    /* @__PURE__ */ t(St, { sx: { mt: -1 }, children: /* @__PURE__ */ t($, { variant: "caption", color: "text.secondary", children: d("maker.properties.subProperties") }) }),
     e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(
-      ft,
+      pt,
       {
         component: j,
         gap: 2,
         list: e.subProperties,
-        renderItem: (h, x, b) => {
-          const n = h.visible !== !1;
+        renderItem: (y, g, h) => {
+          const o = y.visible !== !1;
           return /* @__PURE__ */ t(
-            re,
+            de,
             {
               elevation: 0,
               className: "property-container",
               sx: {
                 p: 1.25,
                 borderRadius: 1,
-                border: n ? "1px solid" : "1px dashed",
-                "&": Fe(p)
+                border: o ? "1px solid" : "1px dashed",
+                "&": $e(p)
               },
               children: /* @__PURE__ */ t(j, { gap: 2, children: /* @__PURE__ */ t(
-                yt,
+                ht,
                 {
-                  data: h,
-                  params: b,
-                  visible: n,
+                  data: y,
+                  params: h,
+                  visible: o,
                   config: {
                     properties: e.subProperties
                   },
                   currentLocale: m,
-                  defaultLocale: l,
+                  defaultLocale: n,
                   allComponents: i,
-                  onUpdateConfig: (o) => {
+                  onUpdateConfig: (s) => {
                     try {
-                      const s = { properties: e.subProperties || {} };
-                      o(s);
-                      const d = {
+                      const l = { properties: e.subProperties || {} };
+                      s(l);
+                      const u = {
                         ...e,
-                        subProperties: s.properties
+                        subProperties: l.properties
                       };
-                      r == null || r(d, { forceUpdateProperty: !0 }), k();
-                    } catch (s) {
-                      console.error("Error updating property:", s);
+                      r == null || r(u, { forceUpdateProperty: !0 }), k();
+                    } catch (l) {
+                      console.error("Error updating property:", l);
                     }
                   }
                 }
               ) })
             },
-            h.id
+            y.id
           );
         }
       }
-    ) : /* @__PURE__ */ t(te, { style: { fontSize: 12, height: 100 }, children: u("maker.properties.noSubProperties") }),
+    ) : /* @__PURE__ */ t(ee, { style: { fontSize: 12, height: 100 }, children: d("maker.properties.noSubProperties") }),
     /* @__PURE__ */ t(
-      T,
+      A,
       {
         fullWidth: !0,
         variant: "outlined",
         className: "ignore-style-override",
         size: "small",
-        startIcon: /* @__PURE__ */ t(at, {}),
+        startIcon: /* @__PURE__ */ t(st, {}),
         onClick: () => {
           try {
-            const h = e.subProperties || {}, x = $e(), n = {
-              index: Object.values(h).length,
+            const y = e.subProperties || {}, g = Ye(), o = {
+              index: Object.values(y).length,
               data: {
-                id: x,
+                id: g,
                 key: "",
                 type: "string",
                 visible: !0,
@@ -1641,57 +1628,57 @@ function Br({
                 // 为嵌套属性预初始化
                 subProperties: {}
               }
-            }, o = {
+            }, s = {
               ...e,
               subProperties: {
-                ...h,
-                [x]: n
+                ...y,
+                [g]: o
               }
             };
-            r == null || r(o, { forceUpdateProperty: !0 }), k();
-          } catch (h) {
-            console.error("Error adding property:", h);
+            r == null || r(s, { forceUpdateProperty: !0 }), k();
+          } catch (y) {
+            console.error("Error adding property:", y);
           }
         },
         sx: {
-          "&": Fe(p, {
+          "&": $e(p, {
             // borderLeft: undefined,
           })
         },
-        children: u("maker.properties.addSubProperty")
+        children: d("maker.properties.addSubProperty")
       }
     )
   ] });
 }
-function K({
+function _({
   component: e,
   property: r,
-  value: l,
+  value: n,
   onChange: i,
-  valueImmutable: u,
+  valueImmutable: d,
   defaultLocale: m,
-  allComponents: a,
+  allComponents: c,
   ...p
 }) {
-  var o, s, d, f, w;
-  const { locale: k } = A(), h = Zt(), x = J(null), b = () => {
-    var v;
-    const c = (v = h == null ? void 0 : h.current) == null ? void 0 : v.getUploader();
-    c == null || c.open(), x.current && c.onceUploadSuccess(({ response: g }) => {
-      var C, y;
-      let P = ((C = g == null ? void 0 : g.data) == null ? void 0 : C.filename) || "";
-      P && (P = `mediakit://${P}`, l && !l.includes("mediakit://") && (P += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (y = x.current) == null || y.call(x, P);
+  var s, l, u, f, w;
+  const { locale: k } = N(), y = Xt(), g = F(null), h = () => {
+    var x;
+    const a = (x = y == null ? void 0 : y.current) == null ? void 0 : x.getUploader();
+    a == null || a.open(), g.current && a.onceUploadSuccess(({ response: b }) => {
+      var C, v;
+      let P = ((C = b == null ? void 0 : b.data) == null ? void 0 : C.filename) || "";
+      P && (P = `mediakit://${P}`, n && !n.includes("mediakit://") && (P += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (v = g.current) == null || v.call(g, P);
     });
-  }, n = p.label || ((s = (o = r.locales) == null ? void 0 : o[k]) == null ? void 0 : s.name) || ((f = (d = r.locales) == null ? void 0 : d[m]) == null ? void 0 : f.name) || r.key || r.id;
+  }, o = p.label || ((l = (s = r.locales) == null ? void 0 : s[k]) == null ? void 0 : l.name) || ((f = (u = r.locales) == null ? void 0 : u[m]) == null ? void 0 : f.name) || r.key || r.id;
   if (r.type === "number")
     return /* @__PURE__ */ t(
-      Kr,
+      _r,
       {
         ...p,
-        label: n,
+        label: o,
         NumberProps: {
-          value: ["number", "string"].includes(typeof l) ? l : null,
-          onChange: (c, v) => i == null ? void 0 : i(v)
+          value: ["number", "string"].includes(typeof n) ? n : null,
+          onChange: (a, x) => i == null ? void 0 : i(x)
         }
       }
     );
@@ -1700,17 +1687,17 @@ function K({
       D,
       {
         ...p,
-        label: n,
+        label: o,
         type: "text",
-        value: l ?? "",
-        onChange: (c) => {
-          const v = c.target.value;
-          if (v === "" || v === "-") {
-            i == null || i(v);
+        value: n ?? "",
+        onChange: (a) => {
+          const x = a.target.value;
+          if (x === "" || x === "-") {
+            i == null || i(x);
             return;
           }
-          if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(v)) {
-            let P = v;
+          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);
           }
         }
@@ -1718,160 +1705,160 @@ function K({
     );
   if (r.type === "boolean")
     return /* @__PURE__ */ t(
-      Ge,
+      Qe,
       {
-        label: n,
+        label: o,
         labelPlacement: "start",
-        control: /* @__PURE__ */ t(Le, { checked: l === !0, onChange: (c, v) => i == null ? void 0 : i(v) })
+        control: /* @__PURE__ */ t(Xe, { checked: n === !0, onChange: (a, x) => i == null ? void 0 : i(x) })
       }
     );
   if (r.type === "color")
     return /* @__PURE__ */ t(
-      Cr,
+      zr,
       {
-        label: n,
-        value: l,
-        onChange: (c) => {
-          i == null || i(c);
+        label: o,
+        value: n,
+        onChange: (a) => {
+          i == null || i(a);
         }
       }
     );
   if (r.type === "json" || r.type === "yaml")
     return /* @__PURE__ */ t(
-      jr,
+      Rr,
       {
-        label: n,
-        value: l,
-        onChange: (c) => {
-          i == null || i(c);
+        label: o,
+        value: n,
+        onChange: (a) => {
+          i == null || i(a);
         },
         property: r,
         component: e,
         defaultLocale: m,
-        allComponents: a,
-        PropertyValueField: K,
-        onUpload: (c) => {
-          x.current = c, b();
+        allComponents: c,
+        PropertyValueField: _,
+        onUpload: (a) => {
+          g.current = a, h();
         }
       }
     );
   if (r.type === "custom") {
-    const c = (w = a[r.componentId]) == null ? void 0 : w.data;
-    return c ? /* @__PURE__ */ t(O, { width: "100%", children: /* @__PURE__ */ t(
+    const a = (w = c[r.componentId]) == null ? void 0 : w.data;
+    return a ? /* @__PURE__ */ t(O, { width: "100%", children: /* @__PURE__ */ t(
       ot,
       {
-        componentId: c.id,
-        props: { label: n, value: l, onChange: i },
+        componentId: a.id,
+        props: { label: o, value: n, onChange: i },
         locale: k,
         dev: {
           mode: "draft",
-          components: a,
+          components: c,
           defaultLocale: m
         }
       }
-    ) }) : /* @__PURE__ */ t(D, { ...p, label: n, disabled: !0, placeholder: "Click right button select a component" });
+    ) }) : /* @__PURE__ */ t(D, { ...p, label: o, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (r.type === "component")
     return /* @__PURE__ */ S(j, { width: "100%", direction: "row", gap: 1, children: [
       /* @__PURE__ */ t(O, { flex: 1, children: /* @__PURE__ */ t(
-        Oe,
+        ze,
         {
-          allComponents: a,
-          label: n,
-          value: l == null ? void 0 : l.componentId,
-          onChange: (c, v) => {
-            u || !l ? i == null || i({ ...l && JSON.parse(JSON.stringify(l)), componentId: v }) : typeof l == "object" && (l.componentId = v);
+          allComponents: c,
+          label: o,
+          value: n == null ? void 0 : n.componentId,
+          onChange: (a, x) => {
+            d || !n ? i == null || i({ ...n && JSON.parse(JSON.stringify(n)), componentId: x }) : typeof n == "object" && (n.componentId = x);
           }
         }
       ) }),
       /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
-        Wr,
+        Kr,
         {
-          value: l,
-          valueImmutable: u,
+          value: n,
+          valueImmutable: d,
           onChange: i,
           defaultLocale: m,
-          allComponents: a
+          allComponents: c
         }
       ) })
     ] });
   if (!r.type || ["string", "url"].includes(r.type)) {
-    const c = r.type === "string" ? r.multiline : void 0, v = r.type === "url" ? l == null ? void 0 : l.url : l;
+    const a = r.type === "string" ? r.multiline : void 0, x = r.type === "url" ? n == null ? void 0 : n.url : n;
     return /* @__PURE__ */ t(
       D,
       {
         ...p,
-        label: n,
-        value: typeof v == "string" ? v : "",
-        multiline: c,
-        minRows: c ? 2 : void 0,
-        maxRows: c ? 10 : void 0,
-        onChange: (g) => i == null ? void 0 : i(
-          r.type === "url" ? { ...l, url: g.target.value, mediaKitUrl: g.target.value } : g.target.value
+        label: o,
+        value: typeof x == "string" ? x : "",
+        multiline: a,
+        minRows: a ? 2 : void 0,
+        maxRows: a ? 10 : void 0,
+        onChange: (b) => i == null ? void 0 : i(
+          r.type === "url" ? { ...n, url: b.target.value, mediaKitUrl: b.target.value } : b.target.value
         ),
         InputProps: r.type === "url" ? {
           sx: { pr: 0 },
           endAdornment: /* @__PURE__ */ S(ue, { position: "end", children: [
             /* @__PURE__ */ t(
-              Ie,
+              Se,
               {
-                onChange: async ({ response: g }) => {
+                onChange: async ({ response: b }) => {
                   var I, z, R;
-                  const P = ((I = g == null ? void 0 : g.data) == null ? void 0 : I.url) || ((z = g == null ? void 0 : g.data) == null ? void 0 : z.fileUrl);
+                  const P = ((I = b == null ? void 0 : b.data) == null ? void 0 : I.url) || ((z = b == null ? void 0 : b.data) == null ? void 0 : z.fileUrl);
                   let C;
-                  P && (C = await fe(P).catch(() => be(P)).catch(() => {
+                  P && (C = await he(P).catch(() => fe(P)).catch(() => {
                   }));
-                  let y = ((R = g == null ? void 0 : g.data) == null ? void 0 : R.filename) || "";
-                  y && (y = `mediakit://${y}`), i == null || i({
+                  let v = ((R = b == null ? void 0 : b.data) == null ? void 0 : R.filename) || "";
+                  v && (v = `mediakit://${v}`), i == null || i({
                     url: P,
-                    mediaKitUrl: y,
+                    mediaKitUrl: v,
                     width: C == null ? void 0 : C.naturalWidth,
                     height: C == null ? void 0 : C.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(dt, { sx: { cursor: "default" }, fontSize: "small" }) })
+            /* @__PURE__ */ t(Z, { 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" }) })
           ] })
         } : void 0
       }
     );
   }
   return r.type === "array" ? /* @__PURE__ */ t(
-    kr,
+    Pr,
     {
-      label: n,
-      value: Array.isArray(l) ? l : [],
-      onChange: (c) => i == null ? void 0 : i(c),
+      label: o,
+      value: Array.isArray(n) ? n : [],
+      onChange: (a) => i == null ? void 0 : i(a),
       property: r,
-      renderItem: ({ item: c, index: v, onChange: g }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(j, { gap: 1, width: "100%", children: V(Object.values(r.subProperties), "index").filter((P) => P.data.visible !== !1).map(({ data: P }) => P.key ? /* @__PURE__ */ t(
-        K,
+      renderItem: ({ item: a, 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(
+        _,
         {
           component: e,
           property: P,
-          value: c[P.key],
+          value: a[P.key],
           onChange: (C) => {
-            const y = { ...c, [P.key]: C };
-            g(y);
+            const v = { ...a, [P.key]: C };
+            b(v);
           },
           size: "small",
           fullWidth: !0,
           defaultLocale: m,
-          allComponents: a
+          allComponents: c
         },
         P.id
-      ) : null) }, v) : /* @__PURE__ */ t(D, { size: p.size, fullWidth: !0, value: c, onChange: (P) => g(P.target.value) })
+      ) : null) }, x) : /* @__PURE__ */ t(D, { size: p.size, fullWidth: !0, value: a, onChange: (P) => b(P.target.value) })
     }
   ) : (console.error("Unsupported property type", r.type), null);
 }
-function Kr({
+function _r({
   NumberProps: e,
   ...r
 }) {
-  const { getInputProps: l } = ir(e), i = l();
+  const { getInputProps: n } = ir(e), i = n();
   return /* @__PURE__ */ t(D, { ...r, inputProps: i });
 }
-const Fr = `import React from '@blocklet/pages-kit/builtin/react'
+const Jr = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
 
 export default function () {
@@ -1880,182 +1867,183 @@ export default function () {
       Hello World
     </Box>
   )
-}`, _r = `console.log('hello')
+}`, $r = `console.log('hello')
 `;
-function Jr({
+function Mr({
   value: e
 }) {
-  const { locale: r } = A(), l = it(), i = H(e).doc;
-  return M(() => {
-    var u;
-    (u = e.renderer) != null && u.script || (i.transact(() => {
-      e.renderer.script = e.renderer.type === "react-component" ? Fr : _r;
-    }), l());
+  const { locale: r } = N(), n = rt(), i = Y(e).doc;
+  return H(() => {
+    var d;
+    (d = e.renderer) != null && d.script || (i.transact(() => {
+      e.renderer.script = e.renderer.type === "react-component" ? Jr : $r;
+    }), n());
   }, [e]), /* @__PURE__ */ t(O, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(
-    ke,
+    xe,
     {
       keyId: e.id,
       locale: r,
       language: "typescript",
       value: e.renderer.script || "",
-      onChange: (u) => e.renderer.script = u,
+      onChange: (d) => e.renderer.script = d,
       typeScriptNoValidation: !1
     },
     e.id
   ) });
 }
-function $r({ value: e }) {
-  var x, b, n;
-  const { t: r } = A(), l = H(e).doc, {
+function Hr({ value: e }) {
+  var g, h, o;
+  const { t: r } = N(), n = Y(e).doc, {
     state: {
       components: i,
-      config: { defaultLocale: u },
+      config: { defaultLocale: d },
       resources: m
     },
-    localState: { currentLocale: a }
-  } = de(), p = xe(), k = ((x = i[e.renderer.componentId]) == null ? void 0 : x.data) ?? ((n = (b = m.components) == null ? void 0 : b[e.renderer.componentId]) == null ? void 0 : n.component), h = pe({ variant: "dialog" });
+    localState: { currentLocale: c }
+  } = ae(), p = ge(), k = ((g = i[e.renderer.componentId]) == null ? void 0 : g.data) ?? ((o = (h = m.components) == null ? void 0 : h[e.renderer.componentId]) == null ? void 0 : o.component), y = Ce({ variant: "dialog" });
   return /* @__PURE__ */ S(j, { gap: 1, children: [
     /* @__PURE__ */ t(
-      Oe,
+      ze,
       {
         allComponents: p,
         excludes: [e.id],
         value: e.renderer.componentId,
-        onChange: (o, s) => e.renderer.componentId = s
+        onChange: (s, l) => e.renderer.componentId = l
       }
     ),
-    k && /* @__PURE__ */ S($, { children: [
+    k && /* @__PURE__ */ S(J, { children: [
       /* @__PURE__ */ S(j, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ t(F, { variant: "subtitle2", children: r("parameters") }),
-        /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...me(h), children: /* @__PURE__ */ t(ct, { fontSize: "small" }) })
+        /* @__PURE__ */ t($, { variant: "subtitle2", children: r("parameters") }),
+        /* @__PURE__ */ t(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...je(y), children: /* @__PURE__ */ t(lt, { fontSize: "small" }) })
       ] }),
-      k.properties && V(Object.values(k.properties), "index").map(({ data: o }) => {
-        var s, d, f, w, c, v, g, P, C, y, I, z, R, E, U, W;
+      k.properties && V(Object.values(k.properties), "index").map(({ data: s }) => {
+        var l, u, f, w, a, x, b, P, C, v, I, z, R, W, E, U;
         return /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
-          K,
+          _,
           {
             allComponents: p,
-            defaultLocale: u,
+            defaultLocale: d,
             component: k,
-            property: o,
+            property: s,
             fullWidth: !0,
             size: "small",
-            valueImmutable: ee((w = (f = (d = (s = e.renderer.properties) == null ? void 0 : s[o.id]) == null ? void 0 : d.locales) == null ? void 0 : f[a]) == null ? void 0 : w.value),
-            value: ((P = (g = (v = (c = e.renderer.properties) == null ? void 0 : c[o.id]) == null ? void 0 : v.locales) == null ? void 0 : g[a]) == null ? void 0 : P.value) ?? ((z = (I = (y = (C = e.renderer.properties) == null ? void 0 : C[o.id]) == null ? void 0 : y.locales) == null ? void 0 : I[u]) == null ? void 0 : z.value) ?? ((E = (R = o.locales) == null ? void 0 : R[a]) == null ? void 0 : E.defaultValue) ?? ((W = (U = o.locales) == null ? void 0 : U[u]) == null ? void 0 : W.defaultValue),
-            onChange: (ie) => {
-              l.transact(() => {
-                var Y, G, L, q, Q;
-                (Y = e.renderer).properties ?? (Y.properties = {}), (G = e.renderer.properties)[L = o.id] ?? (G[L] = {}), (q = e.renderer.properties[o.id]).locales ?? (q.locales = {}), (Q = e.renderer.properties[o.id].locales)[a] ?? (Q[a] = {}), e.renderer.properties[o.id].locales[a].value = ie;
+            valueImmutable: ce((w = (f = (u = (l = e.renderer.properties) == null ? void 0 : l[s.id]) == null ? void 0 : u.locales) == null ? void 0 : f[c]) == null ? void 0 : w.value),
+            value: ((P = (b = (x = (a = e.renderer.properties) == null ? void 0 : a[s.id]) == null ? void 0 : x.locales) == null ? void 0 : b[c]) == null ? void 0 : P.value) ?? ((z = (I = (v = (C = e.renderer.properties) == null ? void 0 : C[s.id]) == null ? void 0 : v.locales) == null ? void 0 : I[d]) == null ? void 0 : z.value) ?? ((W = (R = s.locales) == null ? void 0 : R[c]) == null ? void 0 : W.defaultValue) ?? ((U = (E = s.locales) == null ? void 0 : E[d]) == null ? void 0 : U.defaultValue),
+            onChange: (te) => {
+              n.transact(() => {
+                var L, G, q, Q, X;
+                (L = e.renderer).properties ?? (L.properties = {}), (G = e.renderer.properties)[q = s.id] ?? (G[q] = {}), (Q = e.renderer.properties[s.id]).locales ?? (Q.locales = {}), (X = e.renderer.properties[s.id].locales)[c] ?? (X[c] = {}), e.renderer.properties[s.id].locales[c].value = te;
               });
             }
           }
-        ) }, o.id);
+        ) }, s.id);
       }),
-      /* @__PURE__ */ t(vt, { ...pt(h), component: e, type: "parameters" })
+      /* @__PURE__ */ t(ft, { ...dt(y), component: e, type: "parameters" })
     ] })
   ] });
 }
-function Oe({
+function ze({
   label: e,
   options: r,
-  excludes: l,
+  excludes: n,
   value: i,
-  onChange: u,
+  onChange: d,
   allComponents: m,
-  ...a
+  ...c
 }) {
-  var x;
-  const { t: p } = A(), k = r ?? V(Object.values(mr(m, ...l ?? [])), "index").map((b) => b.data), h = (typeof i == "string" ? (x = m[i]) == null ? void 0 : x.data : void 0) ?? null;
+  var g;
+  const { t: p } = N(), k = r ?? V(Object.values(hr(m, ...n ?? [])), "index").map((h) => h.data), y = (typeof i == "string" ? (g = m[i]) == null ? void 0 : g.data : void 0) ?? null;
   return /* @__PURE__ */ t(
     Ze,
     {
-      ...a,
+      ...c,
       size: "small",
       options: k,
       autoHighlight: !0,
-      isOptionEqualToValue: (b, n) => b.id === n.id,
-      getOptionKey: (b) => b.id,
-      getOptionLabel: (b) => b.name || b.id,
-      renderInput: (b) => /* @__PURE__ */ t(D, { label: e || p("component"), ...b }),
-      value: h,
-      onChange: (b, n) => {
-        var s, d, f, w, c, v;
-        let o = {};
-        n && (o = {
-          blockletId: (s = m[n == null ? void 0 : n.id]) == null ? void 0 : s.blockletId,
-          blockletTitle: (d = m[n == null ? void 0 : n.id]) == null ? void 0 : d.blockletTitle,
-          componentName: ((w = (f = m[n == null ? void 0 : n.id]) == null ? void 0 : f.data) == null ? void 0 : w.name) || ((v = (c = m[n == null ? void 0 : n.id]) == null ? void 0 : c.data) == null ? void 0 : v.id)
-        }), u == null || u(b, n == null ? void 0 : n.id, o);
+      isOptionEqualToValue: (h, o) => h.id === o.id,
+      getOptionKey: (h) => h.id,
+      getOptionLabel: (h) => h.name || h.id,
+      renderInput: (h) => /* @__PURE__ */ t(D, { label: e || p("component"), ...h }),
+      value: y,
+      onChange: (h, o) => {
+        var l, u, f, w, a, x;
+        let s = {};
+        o && (s = {
+          blockletId: (l = m[o == null ? void 0 : o.id]) == null ? void 0 : l.blockletId,
+          blockletTitle: (u = m[o == null ? void 0 : o.id]) == null ? void 0 : u.blockletTitle,
+          componentName: ((w = (f = m[o == null ? void 0 : o.id]) == null ? void 0 : f.data) == null ? void 0 : w.name) || ((x = (a = m[o == null ? void 0 : o.id]) == null ? void 0 : a.data) == null ? void 0 : x.id)
+        }), d == null || d(h, o == null ? void 0 : o.id, s);
       }
     }
   );
 }
-function Mr({
+function bt({
   config: e,
   allComponents: r,
-  defaultLocale: l,
+  defaultLocale: n,
   propertiesValue: i,
-  currentLocale: u,
+  currentLocale: d,
   onChange: m,
-  props: a
+  props: c
 }) {
-  const { t: p } = A(), [k, h] = Z(e == null ? void 0 : e.properties), [x, b] = Z(null);
-  M(() => {
+  const { t: p } = N(), [k, y] = M(e == null ? void 0 : e.properties), [g, h] = M(null);
+  H(() => {
     (() => {
-      var w, c;
-      ((w = e == null ? void 0 : e.renderer) == null ? void 0 : w.type) === "react-component" && lt(e == null ? void 0 : e.properties) ? tr((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((v) => {
-        const g = rr(v);
-        h(g);
-      }) : h(e == null ? void 0 : e.properties);
+      var w, a;
+      ((w = e == null ? void 0 : e.renderer) == null ? void 0 : w.type) === "react-component" && it(e == null ? void 0 : e.properties) ? tr((a = e == null ? void 0 : e.renderer) == null ? void 0 : a.script).then((x) => {
+        const b = rr(x);
+        y(b);
+      }) : y(e == null ? void 0 : e.properties);
     })();
   }, [JSON.stringify(e)]);
-  const n = N(() => !e || !k ? {} : Object.values(k).reduce(
+  const o = T(() => !e || !k ? {} : Object.values(k).reduce(
     (f, { data: w }) => {
-      var v, g, P, C, y;
-      const c = w.key || w.id;
+      var x, b, P, C, v;
+      const a = w.key || w.id;
       return f[w.id] = {
-        key: c,
-        value: (a == null ? void 0 : a[c]) ?? ((v = i == null ? void 0 : i[w.id]) == null ? void 0 : v.value) ?? ((P = (g = w.locales) == null ? void 0 : g[u]) == null ? void 0 : P.defaultValue) ?? ((y = (C = w.locales) == null ? void 0 : C[l]) == null ? void 0 : y.defaultValue),
+        key: a,
+        value: (c == null ? void 0 : c[a]) ?? ((x = i == null ? void 0 : i[w.id]) == null ? void 0 : x.value) ?? ((P = (b = w.locales) == null ? void 0 : b[d]) == null ? void 0 : P.defaultValue) ?? ((v = (C = w.locales) == null ? void 0 : C[n]) == null ? void 0 : v.defaultValue),
         id: w.id,
         type: w.type
       }, f;
     },
     {}
-  ), [JSON.stringify(k), e, i, u, l]), o = ae(() => {
+  ), [JSON.stringify(k), e, i, d, n]), s = se(() => {
     if (!k)
       return {
         canUseProperties: [],
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const f = V(Object.values(k), "index"), w = f.filter(({ data: g }) => g.key && bt(k, g.id)), c = f.filter(({ data: g }) => g.key), v = c.map(({ data: g }) => g.key);
+    const f = V(Object.values(k), "index"), w = f.filter(({ data: b }) => b.key && mt(k, b.id)), a = f.filter(({ data: b }) => b.key && b.type !== "component"), x = a.map(({ data: b }) => b.key);
     return {
-      canUseProperties: c,
+      canUseProperties: a,
       visibleProperties: w,
-      canUsePropertiesKeys: v
+      canUsePropertiesKeys: x
     };
-  }, [JSON.stringify(k)]), s = n(), d = pr(s, "key");
-  return /* @__PURE__ */ t(Se, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
-    /* @__PURE__ */ t(F, { variant: "subtitle1", children: p("maker.properties.parameters") }),
-    !e || o.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(te, { style: { fontSize: 12 }, children: p("maker.properties.noParameters") }) : /* @__PURE__ */ S($, { children: [
-      /* @__PURE__ */ t(j, { gap: 2, children: o.visibleProperties.map(({ data: f }) => {
-        var w, c;
+  }, [JSON.stringify(k)]), l = o(), u = mr(l, "key");
+  return /* @__PURE__ */ t(Oe, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
+    /* @__PURE__ */ t($, { variant: "subtitle1", children: p("maker.properties.parameters") }),
+    !e || s.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(ee, { style: { fontSize: 12 }, children: p("maker.properties.noParameters") }) : /* @__PURE__ */ S(J, { children: [
+      /* @__PURE__ */ t(j, { gap: 2, children: s.visibleProperties.map(({ data: f }) => {
+        var w, a;
         return /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
-          K,
+          _,
           {
             allComponents: r,
-            defaultLocale: l,
+            defaultLocale: n,
             size: "small",
             fullWidth: !0,
             component: e,
             property: f,
-            valueImmutable: ee((w = i == null ? void 0 : i[f.id]) == null ? void 0 : w.value),
-            value: (a == null ? void 0 : a[f.key || f.id]) ?? ((c = s[f.id]) == null ? void 0 : c.value),
-            onChange: (v) => {
+            valueImmutable: ce((w = i == null ? void 0 : i[f.id]) == null ? void 0 : w.value),
+            value: (c == null ? void 0 : c[f.key || f.id]) ?? ((a = l[f.id]) == null ? void 0 : a.value),
+            onChange: (x) => {
               m({
                 path: ["properties", f.id],
-                value: { value: v },
-                shouldSync: !(!f.type || Ke.includes(f.type)),
+                id: f.id,
+                value: { value: x },
+                shouldSync: !(!f.type || Je.includes(f.type)),
                 excludeKeys: [],
                 key: f.key || f.id
               });
@@ -2068,39 +2056,43 @@ function Mr({
         {
           componentId: (e == null ? void 0 : e.id) || "",
           renderType: "setting",
-          locale: u,
-          properties: s,
-          dev: { mode: "draft", components: r, defaultLocale: l },
+          locale: d,
+          properties: l,
+          dev: { mode: "draft", components: r, defaultLocale: n },
           props: {
-            ...hr(a ?? {}, o.canUsePropertiesKeys),
+            ...fr(c ?? {}, s.canUsePropertiesKeys),
             onChange: (f) => {
-              const { canUsePropertiesKeys: w } = o;
-              Object.keys(f).filter((v) => {
-                var g;
-                return f[v] !== ((g = d == null ? void 0 : d[v]) == null ? void 0 : g.value);
-              }).filter((v) => !(v === "locale" && !dr(d[v], "locale"))).reduce((v, g) => v.then(() => {
-                const P = d[g], C = w.includes(g);
+              const { canUsePropertiesKeys: w } = s;
+              Object.keys(f).filter((x) => {
+                var b;
+                return f[x] !== ((b = u == null ? void 0 : u[x]) == null ? void 0 : b.value);
+              }).filter((x) => {
+                var b;
+                return !(x === "locale" && !ur(u[x], "locale") || ((b = u[x]) == null ? void 0 : b.type) === "component");
+              }).reduce((x, b) => x.then(() => {
+                const P = u[b], C = w.includes(b);
                 if (P != null && P.id && C)
                   return m({
                     path: ["properties", P.id],
-                    value: { value: f[g] },
-                    shouldSync: !(!P.type || Ke.includes(P.type)),
+                    id: P.id,
+                    value: { value: f[b] },
+                    shouldSync: !(!P.type || Je.includes(P.type)),
                     excludeKeys: [],
                     key: P.key || P.id
                   }), Promise.resolve();
-                const y = `propertyNotFound${g}`;
-                if (x === y)
+                const v = `propertyNotFound${b}`;
+                if (g === v)
                   return Promise.resolve();
-                We.close(x);
-                const I = We.warning(
+                Fe.close(g);
+                const I = Fe.warning(
                   p("maker.properties.propertyNotFound", {
-                    key: g
+                    key: b
                   }),
                   {
-                    key: y
+                    key: v
                   }
                 );
-                return b(I), Promise.resolve();
+                return h(I), Promise.resolve();
               }), Promise.resolve());
             }
           }
@@ -2110,12 +2102,12 @@ function Mr({
   ] }) });
 }
 export {
-  Tr as BasicInfo,
-  Oe as CustomComponentAutocomplete,
-  Ti as CustomComponentSettings,
-  Fr as DefaultReactComponentScriptTemplate,
-  _r as DefaultWebComponentScriptTemplate,
-  Mr as ParametersConfig,
-  Er as PropertiesConfig,
-  K as PropertyValueField
+  Wr as BasicInfo,
+  ze as CustomComponentAutocomplete,
+  Vi as CustomComponentSettings,
+  Jr as DefaultReactComponentScriptTemplate,
+  $r as DefaultWebComponentScriptTemplate,
+  bt as ParametersConfig,
+  Ur as PropertiesConfig,
+  _ as PropertyValueField
 };