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

package/lib/es/setting.js

@@ -1,46 +1,46 @@
 import { jsx as t, jsxs as S, Fragment as H } from "react/jsx-runtime";
-import { t as xe, g as oe, i as Je, b as $e, h as ae, E as yt, n as Me, j as ge } from "./chunks/state-DqChB5ys.js";
+import { t as ge, g as oe, i as Fe, b as Je, h as de, E as yt, n as Me, j as xe } from "./chunks/state-DqChB5ys.js";
 import Z from "@arcblock/ux/lib/Empty";
-import { useLocaleContext as N } from "@arcblock/ux/lib/Locale/context";
+import { useLocaleContext as D } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as we } from "@blocklet/code-editor";
 import vt from "@mui/icons-material/AddRounded";
-import xt from "@mui/icons-material/ArrowDownward";
-import gt from "@mui/icons-material/ArrowUpward";
+import gt from "@mui/icons-material/ArrowDownward";
+import xt from "@mui/icons-material/ArrowUpward";
 import wt from "@mui/icons-material/DeleteOutline";
-import { Typography as J, TextField as D, Stack as z, FormLabel as ne, Box as j, TableContainer as kt, Paper as ee, Table as He, TableHead as Ye, TableRow as le, TableCell as se, TableBody as Le, Button as T, IconButton as ue, FormControlLabel as Ge, Switch as qe, InputAdornment as pe, Dialog as ke, DialogTitle as Qe, DialogContent as Xe, DialogActions as Ze, alpha as Pt, Tooltip as X, buttonClasses as It, Autocomplete as et, MenuItem as me, Collapse as St, Divider as Ot, Popper as jt } from "@mui/material";
+import { Typography as F, TextField as C, Stack as j, FormLabel as le, Box as R, TableContainer as kt, Paper as ee, Table as He, TableHead as Ye, TableRow as ne, TableCell as se, TableBody as Ge, Button as T, IconButton as ue, FormControlLabel as Le, Switch as qe, InputAdornment as pe, Dialog as ke, DialogTitle as Qe, DialogContent as Xe, DialogActions as Ze, alpha as Pt, Tooltip as X, buttonClasses as It, Autocomplete as et, MenuItem as me, Collapse as St, Divider as Ot, Popper as Rt } from "@mui/material";
 import V from "lodash/sortBy";
-import { useCallback as A, useMemo as ce, forwardRef as tt, useState as $, useEffect as M, useImperativeHandle as rt, lazy as zt, Suspense as Rt, useRef as F, useId as Ct } from "react";
-import { useUpdate as it, useDebounce as Dt } from "react-use";
-import { styled as Nt } from "@arcblock/ux/lib/Theme";
+import { useCallback as A, useMemo as ce, forwardRef as tt, useState as J, useEffect as M, useImperativeHandle as rt, lazy as jt, Suspense as zt, useRef as $, useId as Nt } from "react";
+import { useUpdate as it, useDebounce as Ct } from "react-use";
+import { styled as Dt } from "@arcblock/ux/lib/Theme";
 import { cx as At } from "@emotion/css";
 import { useReactive as Tt, useBoolean as Vt, useUpdate as Et } from "ahooks";
 import We from "gradient-parser";
 import "lodash/without";
 import Ut from "tinycolor2";
-import { red as Wt, pink as Bt, purple as Kt, indigo as Ft, blue as _t, cyan as Jt, teal as $t, green as Mt, lime as Ht, yellow as Yt, amber as Lt, orange as Gt, brown as qt, grey as Qt, blueGrey as Xt } from "@mui/material/colors";
+import { red as Wt, pink as Bt, purple as Kt, indigo as $t, blue as _t, cyan as Ft, teal as Jt, 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 he, UploaderButton as Pe, UploaderProvider as Ie, useUploader as Zt } from "./uploader.js";
 import { Icon as er } from "@iconify-icon/react";
 import ot from "lodash/isEmpty";
-import nt from "lodash/set";
+import lt from "lodash/set";
 import * as be from "yaml";
-import { cloneDeep as tr } from "lodash";
+import tr from "lodash/cloneDeep";
 import Be from "@arcblock/ux/lib/Toast";
-import { CustomComponentRenderer as lt, transpileAndLoadScript as rr, getPropertiesFromCode as ir } from "@blocklet/pages-kit/components";
-import { unstable_useNumberInput as or, ClickAwayListener as nr } from "@mui/base";
-import { VisibilityOffRounded as lr, VisibilityRounded as sr, DeleteOutlineRounded as cr, DragIndicatorRounded as dr, TranslateRounded as st, AddRounded as ct, InfoRounded as dt, StarRounded as ar, SettingsRounded as at } from "@mui/icons-material";
+import { CustomComponentRenderer as nt, transpileAndLoadScript as rr, getPropertiesFromCode as ir } from "@blocklet/pages-kit/components";
+import { unstable_useNumberInput as or, ClickAwayListener as lr } from "@mui/base";
+import { VisibilityOffRounded as nr, VisibilityRounded as sr, DeleteOutlineRounded as cr, DragIndicatorRounded as ar, TranslateRounded as st, AddRounded as ct, InfoRounded as at, StarRounded as dr, SettingsRounded as dt } from "@mui/icons-material";
 import { alpha as Ke } from "@mui/material/styles";
 import { getYjsValue as te } from "@syncedstore/core";
 import ur from "lodash/assign";
 import pr from "lodash/has";
-import de from "lodash/isNil";
+import ae from "lodash/isNil";
 import mr from "lodash/isObject";
 import fr from "lodash/keyBy";
 import hr from "lodash/omit";
 import br from "lodash/pick";
 import yr from "lodash/reduce";
 import { usePopupState as Se, bindTrigger as Oe, bindDialog as ut, bindPopper as vr } from "material-ui-popup-state/hooks";
-import { ErrorBoundary as xr } from "react-error-boundary";
-import { useDrop as pt, useDrag as gr } from "react-dnd";
+import { ErrorBoundary as gr } from "react-error-boundary";
+import { useDrop as pt, useDrag as xr } from "react-dnd";
 function wr({
   onClick: e,
   disabled: r,
@@ -55,7 +55,7 @@ function kr({
   sx: o,
   ...i
 }) {
-  return /* @__PURE__ */ t(ue, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(gt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(ue, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(xt, { fontSize: "small" }) });
 }
 function Pr({
   onClick: e,
@@ -63,7 +63,7 @@ function Pr({
   sx: o,
   ...i
 }) {
-  return /* @__PURE__ */ t(ue, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(xt, { fontSize: "small" }) });
+  return /* @__PURE__ */ t(ue, { size: "small", color: "primary", disabled: r, onClick: e, ...i, children: /* @__PURE__ */ t(gt, { fontSize: "small" }) });
 }
 function Ir({
   label: e,
@@ -71,75 +71,75 @@ function Ir({
   onChange: o,
   disabled: i = !1,
   itemLabel: u = "",
-  emptyHeight: p = 40,
-  property: d,
-  renderItem: m,
-  ...w
+  emptyHeight: m = 40,
+  property: c,
+  renderItem: b,
+  ...g
 }) {
-  const { t: x, locale: g } = N(), h = it(), n = A(
-    (f) => {
-      o(xe(f, d.type));
+  const { t: f, locale: w } = D(), p = it(), l = A(
+    (h) => {
+      o(ge(h, c.type));
     },
-    [o, d.type]
-  ), s = ce(() => Array.isArray(r) ? r : [], [r]), l = A(() => {
-    const f = [...s, ""];
-    n(f), h();
-  }, [s, n, h]), a = A(() => {
-    if (!d || !d.subProperties)
-      return l();
-    const f = {};
-    V(Object.values(d.subProperties), "index").forEach(({ data: C }) => {
+    [o, c.type]
+  ), s = ce(() => Array.isArray(r) ? r : [], [r]), n = A(() => {
+    const h = [...s, ""];
+    l(h), p();
+  }, [s, l, p]), d = A(() => {
+    if (!c || !c.subProperties)
+      return n();
+    const h = {};
+    V(Object.values(c.subProperties), "index").forEach(({ data: N }) => {
       var U, W;
-      if (!C.key) return;
-      const E = ((W = (U = C.locales) == null ? void 0 : U[g]) == null ? void 0 : W.defaultValue) ?? "";
-      f[C.key] = E;
+      if (!N.key) return;
+      const E = ((W = (U = N.locales) == null ? void 0 : U[w]) == null ? void 0 : W.defaultValue) ?? "";
+      h[N.key] = E;
     });
-    const R = [...s, f];
-    n(R), h();
-  }, [s, n, h, d, g, l]), b = A(
-    (f) => {
+    const z = [...s, h];
+    l(z), p();
+  }, [s, l, p, c, w, n]), y = A(
+    (h) => {
       try {
-        const I = JSON.parse(f);
-        Array.isArray(I) ? n(I) : console.error("JSON解析结果不是数组");
+        const I = JSON.parse(h);
+        Array.isArray(I) ? l(I) : console.error("JSON解析结果不是数组");
       } catch (I) {
         console.error("JSON解析错误:", I);
       }
     },
-    [n]
+    [l]
   ), P = A(
-    (f) => {
-      const I = s.filter((R, C) => C !== f);
-      n(I), h();
+    (h) => {
+      const I = s.filter((z, N) => N !== h);
+      l(I), p();
     },
-    [s, n, h]
-  ), c = A(
-    (f) => {
-      if (f <= 0) return;
-      const I = [...s], R = I[f];
-      I[f] = I[f - 1], I[f - 1] = R, n(I), h();
+    [s, l, p]
+  ), a = A(
+    (h) => {
+      if (h <= 0) return;
+      const I = [...s], z = I[h];
+      I[h] = I[h - 1], I[h - 1] = z, l(I), p();
     },
-    [s, n, h]
-  ), v = A(
-    (f) => {
-      if (f >= s.length - 1) return;
-      const I = [...s], R = I[f];
-      I[f] = I[f + 1], I[f + 1] = R, n(I), h();
+    [s, l, p]
+  ), x = A(
+    (h) => {
+      if (h >= s.length - 1) return;
+      const I = [...s], z = I[h];
+      I[h] = I[h + 1], I[h + 1] = z, l(I), p();
     },
-    [s, n, h]
-  ), y = A(
-    (f, I) => {
-      const R = [...s];
-      R[f] = I, n(R);
+    [s, l, p]
+  ), v = A(
+    (h, I) => {
+      const z = [...s];
+      z[h] = I, l(z);
     },
-    [s, n]
-  ), k = d && d.subProperties && Object.keys(d.subProperties).length > 0, O = ce(() => [
+    [s, l]
+  ), k = c && c.subProperties && Object.keys(c.subProperties).length > 0, O = ce(() => [
     {
       field: "index",
       headerName: "#",
       width: 40,
       align: "center",
-      renderCell: ({ index: f }) => /* @__PURE__ */ t(
-        J,
+      renderCell: ({ index: h }) => /* @__PURE__ */ t(
+        F,
         {
           variant: "body1",
           sx: {
@@ -152,28 +152,28 @@ function Ir({
             justifyContent: "center",
             color: "text.secondary"
           },
-          children: f + 1
+          children: h + 1
         }
       )
     },
     {
       field: "content",
       headerName: "",
-      renderCell: ({ row: f, index: I }) => m && k ? m({
-        item: f,
+      renderCell: ({ row: h, index: I }) => b && k ? b({
+        item: h,
         index: I,
-        property: d,
-        onChange: (R) => y(I, R)
+        property: c,
+        onChange: (z) => v(I, z)
       }) : /* @__PURE__ */ t(
-        D,
+        C,
         {
           fullWidth: !0,
           size: "small",
           disabled: i,
-          value: f,
-          placeholder: u || `${x("item")} ${I + 1}`,
-          onChange: (R) => y(I, R.target.value),
-          ...w
+          value: h,
+          placeholder: u || `${f("item")} ${I + 1}`,
+          onChange: (z) => v(I, z.target.value),
+          ...g
         }
       )
     },
@@ -183,34 +183,34 @@ function Ir({
       width: 30,
       // 增加宽度以容纳更多按钮
       align: "center",
-      renderCell: ({ index: f }) => /* @__PURE__ */ S(z, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ t(kr, { disabled: i || f === 0, onClick: () => c(f) }),
+      renderCell: ({ index: h }) => /* @__PURE__ */ S(j, { direction: "column", spacing: 0.25, children: [
+        /* @__PURE__ */ t(kr, { disabled: i || h === 0, onClick: () => a(h) }),
         /* @__PURE__ */ t(
           Pr,
           {
-            disabled: i || f === s.length - 1,
-            onClick: () => v(f)
+            disabled: i || h === s.length - 1,
+            onClick: () => x(h)
           }
         ),
-        /* @__PURE__ */ t(wr, { disabled: i, onClick: () => P(f) })
+        /* @__PURE__ */ t(wr, { disabled: i, onClick: () => P(h) })
       ] })
     }
   ], [
-    m,
+    b,
     k,
-    d,
-    y,
+    c,
+    v,
     u,
-    x,
+    f,
     i,
-    w,
+    g,
     P,
-    c,
-    v,
+    a,
+    x,
     s.length
   ]);
-  return k ? /* @__PURE__ */ S(z, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ t(ne, { children: e }),
+  return k ? /* @__PURE__ */ S(j, { width: "100%", gap: 1, children: [
+    e && /* @__PURE__ */ t(le, { children: e }),
     s.length > 0 ? /* @__PURE__ */ t(kt, { component: ee, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ S(
       He,
       {
@@ -229,48 +229,48 @@ function Ir({
           borderCollapse: "collapse"
         },
         children: [
-          /* @__PURE__ */ t(Ye, { sx: { display: "none" }, children: /* @__PURE__ */ t(le, { children: O.map((f) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(Ye, { sx: { display: "none" }, children: /* @__PURE__ */ t(ne, { children: O.map((h) => /* @__PURE__ */ t(
             se,
             {
-              width: f.width,
-              align: f.align || "left",
+              width: h.width,
+              align: h.align || "left",
               sx: { fontWeight: "bold" },
-              children: f.renderHeader ? f.renderHeader() : f.headerName
+              children: h.renderHeader ? h.renderHeader() : h.headerName
             },
-            f.field
+            h.field
           )) }) }),
-          /* @__PURE__ */ t(Le, { children: s.map((f, I, R) => /* @__PURE__ */ t(
-            le,
+          /* @__PURE__ */ t(Ge, { children: s.map((h, I, z) => /* @__PURE__ */ t(
+            ne,
             {
               sx: {
-                borderBottom: I < R.length - 1 ? "1px solid" : "none",
+                borderBottom: I < z.length - 1 ? "1px solid" : "none",
                 borderColor: "divider",
                 "&:hover": {
                   backgroundColor: "action.hover"
                 }
               },
-              children: O.map((C) => /* @__PURE__ */ t(
+              children: O.map((N) => /* @__PURE__ */ t(
                 se,
                 {
-                  width: C.width,
-                  align: C.align || "left",
+                  width: N.width,
+                  align: N.align || "left",
                   sx: {
                     borderBottom: "none"
                   },
-                  children: C.renderCell({
-                    row: f,
+                  children: N.renderCell({
+                    row: h,
                     index: I,
-                    onChange: (E) => y(I, E)
+                    onChange: (E) => v(I, E)
                   })
                 },
-                `${I}-${C.field}`
+                `${I}-${N.field}`
               ))
             },
             I
           )) })
         ]
       }
-    ) }) : /* @__PURE__ */ t(Z, { style: { fontSize: 12, height: p }, children: x("maker.properties.arrayEmpty") }),
+    ) }) : /* @__PURE__ */ t(Z, { style: { fontSize: 12, height: m }, children: f("maker.properties.arrayEmpty") }),
     /* @__PURE__ */ t(
       T,
       {
@@ -279,55 +279,55 @@ function Ir({
         variant: "outlined",
         disabled: i,
         startIcon: /* @__PURE__ */ t(vt, {}),
-        onClick: a,
-        children: x("maker.properties.addArrayItem")
+        onClick: d,
+        children: f("maker.properties.addArrayItem")
       }
     )
-  ] }) : /* @__PURE__ */ S(z, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ t(ne, { children: e }),
-    /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
+  ] }) : /* @__PURE__ */ S(j, { width: "100%", gap: 1, children: [
+    e && /* @__PURE__ */ t(le, { children: e }),
+    /* @__PURE__ */ t(R, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
       we,
       {
-        keyId: d.id,
-        locale: g,
+        keyId: c.id,
+        locale: w,
         language: "json",
         value: JSON.stringify(s, null, 2),
-        onChange: (f) => b(f || "")
+        onChange: (h) => y(h || "")
       },
-      d.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], Lt[300], Gt[300], // deepOrange['300'],
+$t[300], _t[300], // lightBlue['300'],
+Ft[300], Jt[300], Mt[300], // lightGreen['300'],
+Ht[300], Yt[300], Gt[300], Lt[300], // deepOrange['300'],
 qt[300], Qt[300], Xt[300];
-const Sr = tt(function({ showMarkdown: r, markdown: o, onMarkdownChange: i, showUploader: u, value: p, meta: d, onChange: m, ...w }, x) {
-  const [g, h] = $("");
+const Sr = tt(function({ showMarkdown: r, markdown: o, onMarkdownChange: i, showUploader: u, value: m, meta: c, onChange: b, ...g }, f) {
+  const [w, p] = J("");
   M(() => {
-    h(p || "");
-  }, [p, h]);
-  const n = async () => {
-    if (g !== p) {
-      const l = oe(g);
-      if (!l) {
-        m(g, void 0);
+    p(m || "");
+  }, [m, p]);
+  const l = async () => {
+    if (w !== m) {
+      const n = oe(w);
+      if (!n) {
+        b(w, void 0);
         return;
       }
-      const a = await fe(l).catch(() => he(l)).catch(() => {
+      const d = await fe(n).catch(() => he(n)).catch(() => {
       });
-      m(g, { ...a, filename: g });
+      b(w, { ...d, filename: w });
     }
   };
-  Dt(
+  Ct(
     () => {
-      g !== p && m(g);
+      w !== m && b(w);
     },
     300,
-    [g]
-  ), rt(x, () => ({
-    submit: n
+    [w]
+  ), rt(f, () => ({
+    submit: l
   }));
   const s = {};
   return u && (s.InputProps = {
@@ -335,81 +335,97 @@ const Sr = tt(function({ showMarkdown: r, markdown: o, onMarkdownChange: i, show
     endAdornment: /* @__PURE__ */ t(pe, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ t(
       Pe,
       {
-        onChange: async ({ response: l }) => {
-          var c;
-          const a = (c = l == null ? void 0 : l.data) == null ? void 0 : c.filename, b = oe(a) || "";
+        onChange: async ({ response: n }) => {
+          var a;
+          const d = (a = n == null ? void 0 : n.data) == null ? void 0 : a.filename, y = oe(d) || "";
           let P = {};
-          b && (P = await fe(b).catch(() => he(b)).catch(() => {
-          })), m(a, {
+          y && (P = await fe(y).catch(() => he(y)).catch(() => {
+          })), b(d, {
             ...P,
-            filename: a
+            filename: d
           });
         }
       }
     ) })
   }), /* @__PURE__ */ t(
-    D,
+    C,
     {
       size: "small",
       fullWidth: !0,
-      ...w,
-      label: /* @__PURE__ */ S(z, { direction: "row", spacing: 1, alignItems: "center", children: [
-        w.label,
+      ...g,
+      label: /* @__PURE__ */ S(j, { direction: "row", spacing: 1, alignItems: "center", children: [
+        g.label,
         r && /* @__PURE__ */ S(H, { children: [
           " (",
           /* @__PURE__ */ t(
-            Ge,
+            Le,
             {
               checked: o,
-              label: /* @__PURE__ */ t(j, { component: er, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
+              label: /* @__PURE__ */ t(R, { component: er, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
               labelPlacement: "start",
               control: /* @__PURE__ */ t(qe, { size: "small" }),
               sx: { ml: 0.25, pr: 1 },
-              onChange: (l, a) => i == null ? void 0 : i(a)
+              onChange: (n, d) => i == null ? void 0 : i(d)
             }
           ),
           ")"
         ] })
       ] }),
-      InputLabelProps: { shrink: !0, ...w.InputLabelProps },
-      value: g,
-      onChange: (l) => h(l.target.value),
+      InputLabelProps: { shrink: !0, ...g.InputLabelProps },
+      value: w,
+      onChange: (n) => p(n.target.value),
       ...s,
-      onKeyDown: (l) => {
-        l.keyCode !== 229 && l.key === "Enter" && n();
+      onKeyDown: (n) => {
+        n.keyCode !== 229 && n.key === "Enter" && l();
       }
     }
   );
-}), Or = zt(() => import("react-best-gradient-color-picker"));
-function jr(e) {
+}), Or = jt(() => import("react-best-gradient-color-picker")), Rr = 0, jr = 100;
+function zr(e) {
   try {
     const o = We.parse(e).map((u) => {
-      const p = u.colorStops.map((d) => {
-        if (d.type !== "rgba") {
-          const m = Ut(d.value).toRgb();
+      const m = u.colorStops.map((c, b) => {
+        let { value: g } = c;
+        if (typeof g != "string" && !Array.isArray(g))
+          throw new Error("Invalid color stop value type");
+        let { type: f } = c;
+        if (f !== "rgba") {
+          const l = Ut(g).toRgb();
+          g = [`${l.r}`, `${l.g}`, `${l.b}`, `${l.a}`], f = "rgba";
+        }
+        if (c.length)
           return {
-            ...d,
-            value: [m.r, m.g, m.b, m.a],
-            type: "rgba"
+            ...c,
+            value: g,
+            type: f
           };
-        }
-        return d;
+        const w = u.colorStops.length;
+        let p;
+        return b === 0 ? p = Rr : b === w - 1 ? p = jr : p = b / (w - 1) * 100, {
+          ...c,
+          value: g,
+          type: f,
+          length: {
+            value: `${p}`,
+            type: "%"
+          }
+        };
       });
       return {
         ...u,
-        colorStops: p
+        colorStops: m
       };
     });
-    return We.stringify(o);
+    return We.stringify(o).replace(/NaN/g, "100");
   } catch {
-    return $e(e) ? e : "";
+    return Je(e) ? `${e}`.replace(/NaN/g, "100") : "";
   }
 }
-function zr({ color: e, sx: r = {}, ...o }) {
-  $e(e);
+function Nr({ color: e, sx: r = {}, ...o }) {
+  Je(e);
   const i = {};
-  return Je(e) ? i.backgroundImage = e : i.backgroundColor = e, /* @__PURE__ */ t(
-    j,
+  return Fe(e) ? i.backgroundImage = e : i.backgroundColor = e, /* @__PURE__ */ t(
+    R,
     {
       sx: {
         ...r,
@@ -428,35 +444,47 @@ function zr({ color: e, sx: r = {}, ...o }) {
     }
   );
 }
-const Rr = tt(function({ onSave: r }, o) {
+const Cr = tt(function({ onSave: r }, o) {
   const i = Tt({
     value: ""
-  }), { t: u } = N(), p = {};
-  i.value ? Je(i.value) ? p.backgroundImage = i.value : p.backgroundColor = i.value : p.border = "1px solid #ccc";
-  const [d, { setFalse: m, setTrue: w }] = Vt(!1), x = A(() => {
-    m();
-  }, [m]), g = () => {
-    r({ value: i.value }, x);
+  }), { t: u } = D(), m = {};
+  i.value ? Fe(i.value) ? m.backgroundImage = i.value : m.backgroundColor = i.value : m.border = "1px solid #ccc";
+  const [c, { setFalse: b, setTrue: g }] = Vt(!1), f = A(() => {
+    b();
+  }, [b]), w = () => {
+    r({ value: i.value }, f);
   };
   return rt(o, () => ({
-    open({ value: h } = { value: "" }) {
-      i.value = h, w();
+    open({ value: p } = { value: "" }) {
+      i.value = zr(p), g();
     },
     close() {
-      x();
+      f();
     }
-  })), /* @__PURE__ */ S(ke, { open: d, onClose: x, hideBackdrop: !0, children: [
+  })), /* @__PURE__ */ S(ke, { disableEnforceFocus: !0, open: c, onClose: f, hideBackdrop: !0, children: [
     /* @__PURE__ */ t(Qe, { children: u("maker.configBackground") }),
-    /* @__PURE__ */ t(Xe, { sx: { width: 600 }, children: /* @__PURE__ */ S(j, { width: "100%", display: "flex", children: [
-      /* @__PURE__ */ t(j, { flex: 1, mr: 1, sx: p, children: !i.value && /* @__PURE__ */ t(Z, { children: u("error.notConfig") }) }),
-      /* @__PURE__ */ t(Rt, { children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(Xe, { sx: { width: 600 }, children: /* @__PURE__ */ S(R, { width: "100%", display: "flex", children: [
+      /* @__PURE__ */ t(
+        R,
+        {
+          flex: 1,
+          mr: 1,
+          sx: {
+            ...m,
+            borderRadius: 0.5
+          },
+          children: !i.value && /* @__PURE__ */ t(Z, { children: u("error.notConfig") })
+        }
+      ),
+      /* @__PURE__ */ t(zt, { children: /* @__PURE__ */ t(
         Or,
         {
-          width: 200,
-          height: 200,
-          value: jr(i.value),
-          onChange: (h) => {
-            i.value = h;
+          disableDarkMode: !0,
+          width: 240,
+          height: 240,
+          value: i.value,
+          onChange: (p) => {
+            i.value = p;
           },
           hidePresets: !0,
           hideAdvancedSliders: !0,
@@ -466,12 +494,12 @@ const Rr = tt(function({ onSave: r }, o) {
       ) })
     ] }) }),
     /* @__PURE__ */ S(Ze, { children: [
-      /* @__PURE__ */ t(T, { variant: "outlined", size: "small", onClick: x, children: u("common.cancel") }),
-      /* @__PURE__ */ t(T, { variant: "contained", size: "small", onClick: g, children: u("maker.save") })
+      /* @__PURE__ */ t(T, { variant: "outlined", size: "small", onClick: f, children: u("common.cancel") }),
+      /* @__PURE__ */ t(T, { variant: "contained", size: "small", onClick: w, children: u("maker.save") })
     ] })
   ] });
 });
-Nt(j)`
+Dt(R)`
   .color-item {
     position: relative;
   }
@@ -492,12 +520,12 @@ Nt(j)`
     right: 0;
   }
 `;
-function Cr({
+function Dr({
   value: e,
   onChange: r,
   ...o
 }) {
-  const i = F(null);
+  const i = $(null);
   return /* @__PURE__ */ S(H, { children: [
     /* @__PURE__ */ t(
       Sr,
@@ -507,7 +535,7 @@ function Cr({
         onChange: r,
         InputProps: {
           endAdornment: /* @__PURE__ */ t(pe, { position: "end", children: /* @__PURE__ */ t(
-            zr,
+            Nr,
             {
               color: e ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
@@ -521,43 +549,43 @@ function Cr({
       }
     ),
     /* @__PURE__ */ t(
-      Rr,
+      Cr,
       {
         ref: i,
-        onSave: ({ value: u }, p) => {
-          r(u), p();
+        onSave: ({ value: u }, m) => {
+          r(u), m();
         }
       }
     )
   ] });
 }
-function Dr({
+function Ar({
   label: e,
   value: r,
   onChange: o,
   property: i,
   component: u,
-  defaultLocale: p,
-  allComponents: d,
-  PropertyValueField: m,
-  onUpload: w
+  defaultLocale: m,
+  allComponents: c,
+  PropertyValueField: b,
+  onUpload: g
 }) {
-  const { locale: x } = N(), g = F(null);
+  const { locale: f } = D(), w = $(null);
   if (!ot(i.subProperties)) {
-    const n = V(Object.values(i.subProperties || {}), "index").filter(
+    const l = V(Object.values(i.subProperties || {}), "index").filter(
       (s) => s.data.visible !== !1 && s.data.key
     );
-    return /* @__PURE__ */ S(z, { width: "100%", children: [
-      /* @__PURE__ */ t(ne, { sx: { px: 0.25, py: 0.5 }, children: e }),
-      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(j, { sx: { position: "relative" }, children: n.map((s, l) => {
-        const { data: a } = s, b = a.key ?? a.id, P = l === n.length - 1;
-        let c = null;
+    return /* @__PURE__ */ S(j, { width: "100%", children: [
+      /* @__PURE__ */ t(le, { sx: { px: 0.25, py: 0.5 }, children: e }),
+      /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(R, { sx: { position: "relative" }, children: l.map((s, n) => {
+        const { data: d } = s, y = d.key ?? d.id, P = n === l.length - 1;
+        let a = null;
         try {
-          r && typeof r == "object" ? c = r[b] : typeof r == "string" && (c = (i.type === "yaml" ? be.parse(r || "") : JSON.parse(r || "{}"))[b]);
+          r && typeof r == "object" ? a = r[y] : typeof r == "string" && (a = (i.type === "yaml" ? be.parse(r || "") : JSON.parse(r || "{}"))[y]);
         } catch {
         }
-        c == null && (a.locales && x && a.locales[x] ? c = a.locales[x].defaultValue : a.locales && p && a.locales[p] && (c = a.locales[p].defaultValue));
-        const v = (k) => {
+        a == null && (d.locales && f && d.locales[f] ? a = d.locales[f].defaultValue : d.locales && m && d.locales[m] && (a = d.locales[m].defaultValue));
+        const x = (k) => {
           try {
             let O = {};
             if (typeof r == "string")
@@ -566,15 +594,15 @@ function Dr({
               } catch {
               }
             else typeof r == "object" && r !== null && (O = { ...r });
-            nt(O, b, k);
-            const f = xe(O, i.type);
-            o == null || o(f);
+            lt(O, y, k);
+            const h = ge(O, i.type);
+            o == null || o(h);
           } catch (O) {
             console.error("Error updating property:", O);
           }
-        }, y = 8;
+        }, v = 8;
         return /* @__PURE__ */ S(
-          j,
+          R,
           {
             sx: {
               mb: P ? 0 : 1,
@@ -584,7 +612,7 @@ function Dr({
             },
             children: [
               /* @__PURE__ */ S(
-                j,
+                R,
                 {
                   sx: {
                     position: "relative",
@@ -593,11 +621,11 @@ function Dr({
                   },
                   children: [
                     /* @__PURE__ */ t(
-                      j,
+                      R,
                       {
                         sx: {
                           position: "absolute",
-                          left: y,
+                          left: v,
                           top: 0,
                           height: 16,
                           // 连接到字段中点的高度
@@ -608,11 +636,11 @@ function Dr({
                       }
                     ),
                     /* @__PURE__ */ t(
-                      j,
+                      R,
                       {
                         sx: {
                           position: "absolute",
-                          left: y,
+                          left: v,
                           top: 16,
                           // 连接到字段中点
                           width: 12,
@@ -623,11 +651,11 @@ function Dr({
                       }
                     ),
                     !P && /* @__PURE__ */ t(
-                      j,
+                      R,
                       {
                         sx: {
                           position: "absolute",
-                          left: y,
+                          left: v,
                           top: 16,
                           // 从当前项中点
                           bottom: -8,
@@ -641,28 +669,28 @@ function Dr({
                   ]
                 }
               ),
-              /* @__PURE__ */ t(j, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
-                m,
+              /* @__PURE__ */ t(R, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
+                b,
                 {
                   component: u,
-                  property: a,
-                  value: c,
-                  onChange: v,
+                  property: d,
+                  value: a,
+                  onChange: x,
                   size: "small",
                   fullWidth: !0,
-                  defaultLocale: p,
-                  allComponents: d
+                  defaultLocale: m,
+                  allComponents: c
                 }
               ) })
             ]
           },
-          a.id
+          d.id
         );
       }) }) })
     ] });
   }
-  return /* @__PURE__ */ t(z, { width: "100%", gap: 2, children: /* @__PURE__ */ S(
-    z,
+  return /* @__PURE__ */ t(j, { width: "100%", gap: 2, children: /* @__PURE__ */ S(
+    j,
     {
       sx: {
         width: "100%",
@@ -675,7 +703,7 @@ function Dr({
       },
       children: [
         /* @__PURE__ */ t(
-          ne,
+          le,
           {
             sx: {
               position: "absolute",
@@ -690,20 +718,20 @@ function Dr({
           we,
           {
             keyId: i.id,
-            locale: x,
+            locale: f,
             language: i.type === "yaml" ? "yaml" : "json",
             value: typeof r == "string" ? r : "",
-            onChange: (n) => {
-              o == null || o(n);
+            onChange: (l) => {
+              o == null || o(l);
             },
-            onUpload: (n) => {
-              g.current = n, w && w(n);
+            onUpload: (l) => {
+              w.current = l, g && g(l);
             }
           },
           i.id
         ),
         /* @__PURE__ */ t(
-          j,
+          R,
           {
             component: "fieldset",
             sx: {
@@ -719,16 +747,16 @@ function Dr({
               px: 1,
               py: 0
             },
-            children: /* @__PURE__ */ t(j, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ t(j, { component: "span", sx: { opacity: 0 }, children: e }) })
+            children: /* @__PURE__ */ t(R, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ t(R, { component: "span", sx: { opacity: 0 }, children: e }) })
           }
         )
       ]
     }
   ) });
 }
-const Nr = ["string", "multiline", "json", "yaml", "url", "component", "custom"];
-function Fe(e) {
-  return e.type ? !Nr.includes(e.type) : !1;
+const Tr = ["string", "multiline", "json", "yaml", "url", "component", "custom"];
+function $e(e) {
+  return e.type ? !Tr.includes(e.type) : !1;
 }
 function mt({
   disabled: e,
@@ -736,119 +764,119 @@ function mt({
   renderItem: o,
   ...i
 }) {
-  const u = F(null), p = Ct(), d = Et(), m = V(Object.entries(r), (s) => s[1].index).map((s) => s[0]), w = F(m), x = A(
+  const u = $(null), m = Nt(), c = Et(), b = V(Object.entries(r), (s) => s[1].index).map((s) => s[0]), g = $(b), f = A(
     (s) => {
-      w.current = s, d();
+      g.current = s, c();
     },
-    [d]
-  ), g = A(
-    ({ index: s }, { index: l }) => {
-      const a = [...w.current];
-      a.splice(l, 0, ...a.splice(s, 1)), x(a);
+    [c]
+  ), w = A(
+    ({ index: s }, { index: n }) => {
+      const d = [...g.current];
+      d.splice(n, 0, ...d.splice(s, 1)), f(d);
     },
-    [x]
+    [f]
   );
   M(() => {
-    x(m);
-  }, [m.join("-")]);
-  const [{ isOver: h }, n] = pt({
-    accept: p,
+    f(b);
+  }, [b.join("-")]);
+  const [{ isOver: p }, l] = pt({
+    accept: m,
     collect: (s) => ({
       isOver: s.isOver()
     }),
     canDrop: () => !e,
     drop: () => {
-      var a;
+      var d;
       const s = () => {
-        w.current.forEach((b, P) => {
-          const c = r[b];
-          c && (c.index = P);
+        g.current.forEach((y, P) => {
+          const a = r[y];
+          a && (a.index = P);
         });
-      }, l = (a = te(r)) == null ? void 0 : a.doc;
-      l ? l.transact(() => {
+      }, n = (d = te(r)) == null ? void 0 : d.doc;
+      n ? n.transact(() => {
         s();
       }) : s();
     }
   });
   return M(() => {
-    h || x(m);
-  }, [h]), n(u), /* @__PURE__ */ t(j, { ...i, ref: u, className: At(h && "isDragging"), children: w.current.map((s, l) => /* @__PURE__ */ t(
-    Ar,
+    p || f(b);
+  }, [p]), l(u), /* @__PURE__ */ t(R, { ...i, ref: u, className: At(p && "isDragging"), children: g.current.map((s, n) => /* @__PURE__ */ t(
+    Vr,
     {
-      type: p,
+      type: m,
       disabled: e,
       id: s,
-      index: l,
-      itemIndex: (a) => w.current.indexOf(a),
-      move: g,
-      children: (a) => {
-        const b = r[s];
-        return b ? o(b.data, l, a) : null;
+      index: n,
+      itemIndex: (d) => g.current.indexOf(d),
+      move: w,
+      children: (d) => {
+        const y = r[s];
+        return y ? o(y.data, n, d) : null;
       }
     },
     s
   )) });
 }
-function Ar({
+function Vr({
   disabled: e,
   id: r,
   index: o,
   type: i,
   children: u,
-  itemIndex: p,
-  move: d
+  itemIndex: m,
+  move: c
 }) {
-  const m = F(), [{ isDragging: w }, x, g] = gr({
+  const b = $(), [{ isDragging: g }, f, w] = xr({
     type: i,
     item: () => ({ id: r }),
     canDrag: () => !e,
-    collect: (n) => ({ isDragging: n.isDragging() })
-  }), [, h] = pt({
+    collect: (l) => ({ isDragging: l.isDragging() })
+  }), [, p] = pt({
     accept: i,
     canDrop: () => !e,
-    hover(n, s) {
-      var y;
-      if (!m.current)
+    hover(l, s) {
+      var v;
+      if (!b.current)
         return;
-      const l = p(n.id), a = o;
-      if (l === a)
+      const n = m(l.id), d = o;
+      if (n === d)
         return;
-      const b = (y = m.current) == null ? void 0 : y.getBoundingClientRect(), P = (b.bottom - b.top) / 2, v = s.getClientOffset().y - b.top;
-      l < a && v < P || l > a && v > P || d({ id: n.id, index: l }, { id: r, index: o });
+      const y = (v = b.current) == null ? void 0 : v.getBoundingClientRect(), P = (y.bottom - y.top) / 2, x = s.getClientOffset().y - y.top;
+      n < d && x < P || n > d && x > P || c({ id: l.id, index: n }, { id: r, index: o });
     }
   });
   return typeof u == "function" ? u({
-    isDragging: w,
-    drag: x,
-    drop: (n) => (m.current = n, h(n)),
-    preview: g
-  }) : (x(h(g(m))), /* @__PURE__ */ t(j, { ref: m, children: u }));
+    isDragging: g,
+    drag: f,
+    drop: (l) => (b.current = l, p(l)),
+    preview: w
+  }) : (f(p(w(b))), /* @__PURE__ */ t(R, { ref: b, children: u }));
 }
-function Tr({
+function Er({
   drop: e,
   preview: r,
   drag: o,
   disabled: i,
   isDragging: u,
-  children: p,
-  onDelete: d,
-  onVisibilityChange: m,
-  visible: w = !0,
-  actions: x,
-  alwaysShowActions: g = !1
+  children: m,
+  onDelete: c,
+  onVisibilityChange: b,
+  visible: g = !0,
+  actions: f,
+  alwaysShowActions: w = !1
 }) {
-  const { t: h } = N();
+  const { t: p } = D();
   return /* @__PURE__ */ t(
-    j,
+    R,
     {
       ref: e,
       sx: {
         ":hover .hover-visible": { maxWidth: "100%" },
-        opacity: w ? 1 : 0.5
+        opacity: g ? 1 : 0.5
       },
-      children: /* @__PURE__ */ S(j, { sx: { position: "relative" }, children: [
+      children: /* @__PURE__ */ S(R, { sx: { position: "relative" }, children: [
         /* @__PURE__ */ t(
-          j,
+          R,
           {
             ref: r,
             sx: {
@@ -858,15 +886,15 @@ function Tr({
               opacity: 0.9999
               // NOTE: make preview effective
             },
-            children: p
+            children: m
           }
         ),
         !i && /* @__PURE__ */ t(
-          j,
+          R,
           {
-            className: g ? "" : "hover-visible",
+            className: w ? "" : "hover-visible",
             sx: {
-              maxWidth: g ? "100%" : 0,
+              maxWidth: w ? "100%" : 0,
               overflow: "hidden",
               position: "absolute",
               right: 2,
@@ -874,11 +902,11 @@ function Tr({
               transition: "max-width 0.3s ease-in-out"
             },
             children: /* @__PURE__ */ S(
-              z,
+              j,
               {
                 direction: "row",
                 sx: {
-                  bgcolor: (n) => Pt(n.palette.grey[200], 0.9),
+                  bgcolor: (l) => Pt(l.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
                   [`.${It.root}`]: {
@@ -889,10 +917,10 @@ function Tr({
                   }
                 },
                 children: [
-                  x,
-                  m && /* @__PURE__ */ t(X, { title: h(w ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: () => m(!w), children: w ? /* @__PURE__ */ t(lr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(sr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  d && /* @__PURE__ */ t(X, { title: h("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: d, children: /* @__PURE__ */ t(cr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ t(X, { title: h("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { ref: o, children: /* @__PURE__ */ t(dr, { sx: { color: "grey.500" } }) }) })
+                  f,
+                  b && /* @__PURE__ */ t(X, { title: p(g ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: () => b(!g), children: g ? /* @__PURE__ */ t(nr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(sr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  c && /* @__PURE__ */ t(X, { title: p("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { onClick: c, children: /* @__PURE__ */ t(cr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  /* @__PURE__ */ t(X, { title: p("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(T, { ref: o, children: /* @__PURE__ */ t(ar, { sx: { color: "grey.500" } }) }) })
                 ]
               }
             )
@@ -902,28 +930,28 @@ function Tr({
     }
   );
 }
-function Vr({
+function Ur({
   label: e,
   value: r,
   onChange: o
 }) {
-  const [i, u] = $(!1);
-  return /* @__PURE__ */ S(z, { gap: 1, children: [
+  const [i, u] = J(!1);
+  return /* @__PURE__ */ S(j, { gap: 1, children: [
     /* @__PURE__ */ t(
-      D,
+      C,
       {
         label: e,
         size: "small",
         value: r,
-        onChange: (p) => o == null ? void 0 : o(p.target.value),
+        onChange: (m) => o == null ? void 0 : o(m.target.value),
         InputProps: {
           endAdornment: /* @__PURE__ */ t(
             Pe,
             {
-              onChange: ({ response: p }) => {
-                var m;
-                const d = (m = p == null ? void 0 : p.data) == null ? void 0 : m.filename;
-                d && (o == null || o(d));
+              onChange: ({ response: m }) => {
+                var b;
+                const c = (b = m == null ? void 0 : m.data) == null ? void 0 : b.filename;
+                c && (o == null || o(c));
               }
             }
           )
@@ -931,7 +959,7 @@ function Vr({
       }
     ),
     r && /* @__PURE__ */ t(
-      j,
+      R,
       {
         component: "img",
         sx: { objectFit: "contain", borderRadius: 1, cursor: "pointer" },
@@ -943,20 +971,20 @@ function Vr({
         onClick: () => u(!0)
       }
     ),
-    /* @__PURE__ */ t(ke, { open: i, onClose: () => u(!1), children: /* @__PURE__ */ t(j, { component: "img", sx: { objectFit: "contain" }, src: oe(r), alt: e }) })
+    /* @__PURE__ */ t(ke, { open: i, onClose: () => u(!1), children: /* @__PURE__ */ t(R, { component: "img", sx: { objectFit: "contain" }, src: oe(r), alt: e }) })
   ] });
 }
 function ye(e, r = "") {
   return yr(
     e,
     (o, i, u) => {
-      const p = r ? `${r}.${u}` : u;
-      return mr(i) ? ur(o, ye(i, p)) : o[p] = i, o;
+      const m = r ? `${r}.${u}` : u;
+      return mr(i) ? ur(o, ye(i, m)) : o[m] = i, o;
     },
     {}
   );
 }
-const Er = [
+const Wr = [
   { value: "string", label: "Text" },
   { value: "multiline", label: "Text (Multiline)" },
   { value: "number", label: "Number" },
@@ -977,51 +1005,51 @@ function ve(e, r) {
   var o;
   return !e || !r ? !1 : ((o = e[r]) == null ? void 0 : o.data.visible) ?? !0;
 }
-function Ui({ componentId: e }) {
+function Bi({ componentId: e }) {
   const {
     state: { components: r }
-  } = ae(), o = r[e], i = o == null ? void 0 : o.data;
-  return i ? /* @__PURE__ */ t(z, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(j, { p: 2, children: /* @__PURE__ */ t(xr, { FallbackComponent: yt, resetKeys: [e], children: /* @__PURE__ */ t(Ur, { value: i }) }) }) }) : null;
+  } = de(), o = r[e], i = o == null ? void 0 : o.data;
+  return i ? /* @__PURE__ */ t(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(R, { p: 2, children: /* @__PURE__ */ t(gr, { FallbackComponent: yt, resetKeys: [e], children: /* @__PURE__ */ t(Br, { value: i }) }) }) }) : null;
 }
-function Ur({ value: e }) {
-  var w, x, g;
-  const { t: r } = N(), {
+function Br({ value: e }) {
+  var g, f, w;
+  const { t: r } = D(), {
     localState: { currentLocale: o, componentDebugProps: i },
     state: {
       config: { defaultLocale: u }
     },
-    localActions: { setComponentDebugProps: p }
-  } = ae(), d = te(e).doc, m = ge();
-  return /* @__PURE__ */ t(z, { height: "100%", children: /* @__PURE__ */ S(z, { gap: 2, children: [
-    /* @__PURE__ */ t(Wr, { config: e }),
+    localActions: { setComponentDebugProps: m }
+  } = de(), c = te(e).doc, b = xe();
+  return /* @__PURE__ */ t(j, { height: "100%", children: /* @__PURE__ */ S(j, { gap: 2, children: [
+    /* @__PURE__ */ t(Kr, { config: e }),
     /* @__PURE__ */ t(
-      Kr,
+      _r,
       {
         config: e,
         currentLocale: o,
         defaultLocale: u,
-        allComponents: m,
-        onUpdateConfig: (h) => {
-          d.transact(() => {
-            h(e);
+        allComponents: b,
+        onUpdateConfig: (p) => {
+          c.transact(() => {
+            p(e);
           });
         }
       }
     ),
-    /* @__PURE__ */ S(z, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ t(J, { variant: "subtitle1", children: r("renderer") }),
+    /* @__PURE__ */ S(j, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ t(F, { variant: "subtitle1", children: r("renderer") }),
       /* @__PURE__ */ S(
-        D,
+        C,
         {
           hiddenLabel: !0,
           size: "small",
           select: !0,
           SelectProps: { autoWidth: !0 },
-          value: ((w = e.renderer) == null ? void 0 : w.type) || "react-component",
-          onChange: (h) => {
-            d.transact(() => {
-              const n = h.target.value;
-              e.renderer ?? (e.renderer = { type: n }), e.renderer.type = n;
+          value: ((g = e.renderer) == null ? void 0 : g.type) || "react-component",
+          onChange: (p) => {
+            c.transact(() => {
+              const l = p.target.value;
+              e.renderer ?? (e.renderer = { type: l }), e.renderer.type = l;
             });
           },
           children: [
@@ -1031,17 +1059,18 @@ function Ur({ value: e }) {
         }
       )
     ] }),
-    ((x = e.renderer) == null ? void 0 : x.type) === "component" ? /* @__PURE__ */ t(Lr, { value: e }) : ((g = e.renderer) == null ? void 0 : g.type) === "react-component" ? /* @__PURE__ */ t(Yr, { value: e }) : null,
+    ((f = e.renderer) == null ? void 0 : f.type) === "component" && /* @__PURE__ */ t(qr, { value: e }),
+    ((w = e.renderer) == null ? void 0 : w.type) === "react-component" && /* @__PURE__ */ t(Lr, { value: e }),
     /* @__PURE__ */ t(
       bt,
       {
         config: e,
         currentLocale: o,
         defaultLocale: u,
-        allComponents: m,
-        onChange: ({ key: h, value: n }) => {
-          p({
-            [h]: n.value
+        allComponents: b,
+        onChange: ({ key: p, value: l }) => {
+          m({
+            [p]: l.value
           });
         },
         props: {
@@ -1051,12 +1080,12 @@ function Ur({ value: e }) {
     )
   ] }) });
 }
-function Wr({ config: e }) {
-  const { t: r } = N();
-  return /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ S(z, { gap: 2, children: [
-    /* @__PURE__ */ t(J, { variant: "subtitle1", children: r("basicInfo") }),
+function Kr({ config: e }) {
+  const { t: r } = D();
+  return /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
+    /* @__PURE__ */ t(F, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ t(
-      D,
+      C,
       {
         label: r("name"),
         size: "small",
@@ -1065,7 +1094,7 @@ function Wr({ config: e }) {
       }
     ),
     /* @__PURE__ */ t(
-      D,
+      C,
       {
         label: r("description"),
         size: "small",
@@ -1086,11 +1115,11 @@ function Wr({ config: e }) {
         freeSolo: !0,
         value: e.tags ?? [],
         onChange: (o, i) => e.tags = i,
-        renderInput: (o) => /* @__PURE__ */ t(D, { label: r("tags"), ...o })
+        renderInput: (o) => /* @__PURE__ */ t(C, { label: r("tags"), ...o })
       }
     ),
     /* @__PURE__ */ t(
-      Vr,
+      Ur,
       {
         label: r("previewImage"),
         value: e.previewImage || "",
@@ -1105,42 +1134,42 @@ function ft({
   visible: o,
   config: i,
   currentLocale: u,
-  defaultLocale: p,
-  allComponents: d,
-  onUpdateConfig: m
+  defaultLocale: m,
+  allComponents: c,
+  onUpdateConfig: b
 }) {
-  var g, h, n, s, l, a;
-  const { t: w } = N(), x = ce(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? Jr : _, [e.type]);
+  var w, p, l, s, n, d;
+  const { t: g } = D(), f = ce(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? Mr : _, [e.type]);
   return /* @__PURE__ */ t(
-    Tr,
+    Er,
     {
       preview: r.preview,
       drop: r.drop,
       drag: r.drag,
       isDragging: r.isDragging,
       onDelete: () => {
-        m((b) => {
-          if (b.properties) {
-            const c = Object.entries(b.properties).sort(([, y], [, k]) => y.index - k.index);
-            delete b.properties[e.id], c.filter(([y]) => y !== e.id).forEach(([, y], k) => {
-              y.index = k;
+        b((y) => {
+          if (y.properties) {
+            const a = Object.entries(y.properties).sort(([, v], [, k]) => v.index - k.index);
+            delete y.properties[e.id], a.filter(([v]) => v !== e.id).forEach(([, v], k) => {
+              v.index = k;
             });
           }
         });
       },
       visible: o,
-      onVisibilityChange: (b) => {
-        m((P) => {
-          const c = P.properties[e.id].data;
-          c.visible = b;
+      onVisibilityChange: (y) => {
+        b((P) => {
+          const a = P.properties[e.id].data;
+          a.visible = y;
         });
       },
       alwaysShowActions: !0,
-      children: /* @__PURE__ */ S(z, { direction: "column", gap: 2, children: [
+      children: /* @__PURE__ */ S(j, { direction: "column", gap: 2, children: [
         /* @__PURE__ */ t(
-          D,
+          C,
           {
-            label: w("key"),
+            label: g("key"),
             size: "small",
             required: !0,
             sx: {
@@ -1157,10 +1186,10 @@ function ft({
               }
             },
             value: e.key || "",
-            onChange: (b) => {
-              m((P) => {
-                const c = P.properties[e.id].data;
-                c.key = b.target.value.trim();
+            onChange: (y) => {
+              b((P) => {
+                const a = P.properties[e.id].data;
+                a.key = y.target.value.trim();
               });
             },
             InputProps: {
@@ -1172,8 +1201,8 @@ function ft({
                     width: 16,
                     ml: 0
                   },
-                  children: /* @__PURE__ */ t(X, { title: e.key ? w("duplicateKey") : w("requiredKey"), children: /* @__PURE__ */ t(
-                    dt,
+                  children: /* @__PURE__ */ t(X, { title: e.key ? g("duplicateKey") : g("requiredKey"), children: /* @__PURE__ */ t(
+                    at,
                     {
                       sx: {
                         color: e.key ? "warning.main" : "error.main",
@@ -1186,115 +1215,115 @@ function ft({
             }
           }
         ),
-        /* @__PURE__ */ S(z, { direction: "row", gap: 1, children: [
+        /* @__PURE__ */ S(j, { direction: "row", gap: 1, children: [
           /* @__PURE__ */ t(
-            D,
+            C,
             {
-              label: w("label"),
+              label: g("label"),
               size: "small",
               sx: { flex: 1 },
-              value: (((h = (g = e.locales) == null ? void 0 : g[u]) == null ? void 0 : h.name) ?? ((s = (n = e.locales) == null ? void 0 : n[p]) == null ? void 0 : s.name)) || "",
-              onChange: (b) => {
-                m((P) => {
-                  var v;
-                  const c = P.properties[e.id].data;
-                  c.locales ?? (c.locales = {}), (v = c.locales)[u] ?? (v[u] = {}), c.locales[u].name = b.target.value;
+              value: (((p = (w = e.locales) == null ? void 0 : w[u]) == null ? void 0 : p.name) ?? ((s = (l = e.locales) == null ? void 0 : l[m]) == null ? void 0 : s.name)) || "",
+              onChange: (y) => {
+                b((P) => {
+                  var x;
+                  const a = P.properties[e.id].data;
+                  a.locales ?? (a.locales = {}), (x = a.locales)[u] ?? (x[u] = {}), a.locales[u].name = y.target.value;
                 });
               }
             }
           ),
           /* @__PURE__ */ t(
-            D,
+            C,
             {
-              label: w("type"),
+              label: g("type"),
               size: "small",
               select: !0,
               sx: { flex: 1 },
               value: e.type === "string" && e.multiline ? "multiline" : e.type || "string",
-              onChange: (b) => {
-                m((P) => {
-                  const c = P.properties[e.id].data;
-                  if (c.locales)
-                    for (const y of Object.keys(c.locales))
-                      c.locales[y].defaultValue = void 0;
-                  const v = b.target.value;
-                  v === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = v);
+              onChange: (y) => {
+                b((P) => {
+                  const a = P.properties[e.id].data;
+                  if (a.locales)
+                    for (const v of Object.keys(a.locales))
+                      a.locales[v].defaultValue = void 0;
+                  const x = y.target.value;
+                  x === "multiline" ? (a.type = "string", a.multiline = !0) : (typeof a.multiline < "u" && delete a.multiline, a.type = x);
                 });
               },
-              children: Er.map((b) => /* @__PURE__ */ t(me, { value: b.value, children: b.label }, b.value))
+              children: Wr.map((y) => /* @__PURE__ */ t(me, { value: y.value, children: y.label }, y.value))
             }
           )
         ] }),
-        /* @__PURE__ */ S(z, { direction: "row", gap: 1, children: [
+        /* @__PURE__ */ S(j, { direction: "row", gap: 1, children: [
           /* @__PURE__ */ t(
-            x,
+            f,
             {
-              allComponents: d,
-              defaultLocale: p,
+              allComponents: c,
+              defaultLocale: m,
               component: i,
               property: e,
-              label: w("defaultValue"),
+              label: g("defaultValue"),
               size: "small",
               fullWidth: !0,
-              value: (a = (l = e.locales) == null ? void 0 : l[u]) == null ? void 0 : a.defaultValue,
-              onChange: (b, P) => {
-                m((c) => {
-                  var y;
-                  const v = c.properties[e.id].data;
+              value: (d = (n = e.locales) == null ? void 0 : n[u]) == null ? void 0 : d.defaultValue,
+              onChange: (y, P) => {
+                b((a) => {
+                  var v;
+                  const x = a.properties[e.id].data;
                   if (P != null && P.forceUpdateProperty) {
-                    const k = ye(v), O = ye(b);
-                    Object.keys(O).forEach((f) => {
-                      k[f] || nt(v, f, O[f]);
+                    const k = ye(x), O = ye(y);
+                    Object.keys(O).forEach((h) => {
+                      k[h] || lt(x, h, O[h]);
                     });
                   } else
-                    v.locales ?? (v.locales = {}), (y = v.locales)[u] ?? (y[u] = {}), v.locales[u].defaultValue = b;
+                    x.locales ?? (x.locales = {}), (v = x.locales)[u] ?? (v[u] = {}), x.locales[u].defaultValue = y;
                 });
               }
             }
           ),
-          e.type === "custom" ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(Fr, { property: e, allComponents: d }) }) : null
+          e.type === "custom" ? /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(Fr, { property: e, allComponents: c }) }) : null
         ] })
       ] })
     }
   );
 }
-function Br(e, r) {
-  const [o, i] = $(0);
+function $r(e, r) {
+  const [o, i] = J(0);
   return M(() => {
-    const p = setTimeout(() => {
+    const m = setTimeout(() => {
       if (e.current) {
-        let d = e.current.parentElement, m = 0;
-        for (; d; )
-          d.classList.contains("property-container") && m++, d = d.parentElement;
-        i(m);
+        let c = e.current.parentElement, b = 0;
+        for (; c; )
+          c.classList.contains("property-container") && b++, c = c.parentElement;
+        i(b);
       }
     }, 100);
-    return () => clearTimeout(p);
+    return () => clearTimeout(m);
   }, [e, r]), o;
 }
-function Kr({
+function _r({
   config: e,
   currentLocale: r,
   defaultLocale: o,
   allComponents: i,
   onUpdateConfig: u,
-  useI18nEditor: p = !0
+  useI18nEditor: m = !0
 }) {
-  const { t: d } = N(), m = Se({ variant: "dialog" }), w = e.properties && V(Object.values(e.properties), "index");
-  return /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ S(z, { gap: 2, children: [
-    /* @__PURE__ */ S(z, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(J, { variant: "subtitle1", children: d("properties") }),
-      /* @__PURE__ */ t(j, { flex: 1 }),
-      p && /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Oe(m), children: /* @__PURE__ */ t(st, { fontSize: "small" }) })
+  const { t: c } = D(), b = Se({ variant: "dialog" }), g = e.properties && V(Object.values(e.properties), "index");
+  return /* @__PURE__ */ t(Ie, { 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: c("properties") }),
+      /* @__PURE__ */ t(R, { flex: 1 }),
+      m && /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Oe(b), children: /* @__PURE__ */ t(st, { fontSize: "small" }) })
     ] }),
     e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ t(
       mt,
       {
-        component: z,
+        component: j,
         gap: 2,
         list: e.properties,
-        renderItem: (x, g, h) => {
-          const n = ve(e.properties, x.id);
+        renderItem: (f, w, p) => {
+          const l = ve(e.properties, f.id);
           return /* @__PURE__ */ t(
             ee,
             {
@@ -1303,15 +1332,15 @@ function Kr({
               sx: {
                 p: 1.25,
                 borderRadius: 1,
-                border: n ? "1px solid" : "1px dashed",
+                border: l ? "1px solid" : "1px dashed",
                 borderColor: "divider"
               },
-              children: /* @__PURE__ */ t(z, { gap: 2, children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t(j, { gap: 2, children: /* @__PURE__ */ t(
                 ft,
                 {
-                  data: x,
-                  params: h,
-                  visible: n,
+                  data: f,
+                  params: p,
+                  visible: l,
                   config: e,
                   currentLocale: r,
                   defaultLocale: o,
@@ -1320,11 +1349,11 @@ function Kr({
                 }
               ) })
             },
-            x.id
+            f.id
           );
         }
       }
-    ) : /* @__PURE__ */ t(Z, { style: { fontSize: 12 }, children: d("maker.properties.noProperties") }),
+    ) : /* @__PURE__ */ t(Z, { style: { fontSize: 12 }, children: c("maker.properties.noProperties") }),
     /* @__PURE__ */ t(
       T,
       {
@@ -1332,17 +1361,17 @@ function Kr({
         variant: "outlined",
         className: "ignore-style-override",
         onClick: () => {
-          u((x) => {
-            var h;
-            const g = Me();
-            x.properties ?? (x.properties = {}), (h = x.properties)[g] ?? (h[g] = { index: (w == null ? void 0 : w.length) || 0, data: { id: g } });
+          u((f) => {
+            var p;
+            const w = Me();
+            f.properties ?? (f.properties = {}), (p = f.properties)[w] ?? (p[w] = { index: (g == null ? void 0 : g.length) || 0, data: { id: w } });
           });
         },
         startIcon: /* @__PURE__ */ t(ct, {}),
-        children: d("addObject", { object: d("property") })
+        children: c("addObject", { object: c("property") })
       }
     ),
-    p && /* @__PURE__ */ t(ht, { ...ut(m), component: e })
+    m && /* @__PURE__ */ t(ht, { ...ut(b), component: e })
   ] }) });
 }
 function Fr({
@@ -1351,9 +1380,9 @@ function Fr({
 }) {
   const o = Se({ variant: "popper" });
   return /* @__PURE__ */ S(H, { children: [
-    /* @__PURE__ */ t(T, { sx: { minWidth: 0 }, ...Oe(o), children: /* @__PURE__ */ t(at, { fontSize: "small" }) }),
-    /* @__PURE__ */ t(jt, { ...vr(o), children: /* @__PURE__ */ t(nr, { onClickAway: o.close, children: /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(j, { width: 500, p: 2, children: /* @__PURE__ */ t(
-      je,
+    /* @__PURE__ */ t(T, { sx: { minWidth: 0 }, ...Oe(o), children: /* @__PURE__ */ t(dt, { fontSize: "small" }) }),
+    /* @__PURE__ */ t(Rt, { ...vr(o), children: /* @__PURE__ */ t(lr, { onClickAway: o.close, children: /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(R, { width: 500, p: 2, children: /* @__PURE__ */ t(
+      Re,
       {
         value: e.componentId,
         onChange: (i, u) => e.componentId = u,
@@ -1362,28 +1391,28 @@ function Fr({
     ) }) }) }) })
   ] });
 }
-function _r({
+function Jr({
   value: e,
   valueImmutable: r,
   onChange: o,
   defaultLocale: i,
   allComponents: u
 }) {
-  var g;
-  const [p, d] = $(!1), { t: m, locale: w } = N(), x = typeof (e == null ? void 0 : e.componentId) == "string" ? (g = u[e.componentId]) == null ? void 0 : g.data : void 0;
-  return x ? /* @__PURE__ */ S(j, { sx: { width: "100%", position: "relative" }, children: [
+  var w;
+  const [m, c] = J(!1), { t: b, locale: g } = D(), f = typeof (e == null ? void 0 : e.componentId) == "string" ? (w = u[e.componentId]) == null ? void 0 : w.data : void 0;
+  return f ? /* @__PURE__ */ S(R, { sx: { width: "100%", position: "relative" }, children: [
     /* @__PURE__ */ t(
       ue,
       {
         sx: { minWidth: 0 },
-        disabled: !x,
+        disabled: !f,
         size: "small",
-        onClick: () => d(!p),
-        color: p ? "primary" : "default",
-        children: /* @__PURE__ */ t(at, { fontSize: "small" })
+        onClick: () => c(!m),
+        color: m ? "primary" : "default",
+        children: /* @__PURE__ */ t(dt, { fontSize: "small" })
       }
     ),
-    /* @__PURE__ */ t(St, { in: p, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ S(
+    /* @__PURE__ */ t(St, { in: m, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ S(
       ee,
       {
         elevation: 1,
@@ -1396,21 +1425,21 @@ function _r({
           width: "100%"
         },
         children: [
-          /* @__PURE__ */ t(j, { width: "100%", mb: 2, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(R, { width: "100%", mb: 2, children: /* @__PURE__ */ t(
             bt,
             {
-              config: x,
-              currentLocale: w,
+              config: f,
+              currentLocale: g,
               defaultLocale: i,
               allComponents: u,
               propertiesValue: e == null ? void 0 : e.properties,
-              onChange: ({ id: h, value: n }) => {
-                const s = tr(n.value), l = JSON.parse(JSON.stringify(e));
-                r ? o == null || o({ ...l, properties: { ...l.properties, [h]: { value: s } } }) : (l.properties = l.properties ?? {}, l.properties[h] = { value: s }, o == null || o(l));
+              onChange: ({ id: p, value: l }) => {
+                const s = tr(l.value), n = JSON.parse(JSON.stringify(e));
+                r ? o == null || o({ ...n, properties: { ...n.properties, [p]: { value: s } } }) : (n.properties = n.properties ?? {}, n.properties[p] = { value: s }, o == null || o(n));
               }
             }
           ) }),
-          /* @__PURE__ */ t(T, { size: "small", onClick: () => d(!1), sx: { mt: 1 }, children: m("close") })
+          /* @__PURE__ */ t(T, { size: "small", onClick: () => c(!1), sx: { mt: 1 }, children: b("close") })
         ]
       }
     ) })
@@ -1421,97 +1450,97 @@ function ht({
   component: r,
   ...o
 }) {
-  var h, n, s;
-  const { t: i } = N(), {
+  var p, l, s;
+  const { t: i } = D(), {
     state: {
       components: u,
-      supportedLocales: p,
-      config: { defaultLocale: d }
+      supportedLocales: m,
+      config: { defaultLocale: c }
     }
-  } = ae(), m = ge(), w = te(r).doc, x = e === "properties" ? r.properties : e === "parameters" && ((h = r.renderer) == null ? void 0 : h.type) === "component" ? (n = u[r.renderer.componentId]) == null ? void 0 : n.data.properties : void 0, g = ((s = r.renderer) == null ? void 0 : s.type) === "component" ? r : void 0;
+  } = de(), b = xe(), g = te(r).doc, f = e === "properties" ? r.properties : e === "parameters" && ((p = r.renderer) == null ? void 0 : p.type) === "component" ? (l = u[r.renderer.componentId]) == null ? void 0 : l.data.properties : void 0, w = ((s = r.renderer) == null ? void 0 : s.type) === "component" ? r : void 0;
   return /* @__PURE__ */ S(ke, { ...o, fullWidth: !0, maxWidth: "lg", children: [
     /* @__PURE__ */ t(Qe, { children: i("i18nEditorTitle") }),
-    /* @__PURE__ */ t(Xe, { children: x && /* @__PURE__ */ t(z, { children: /* @__PURE__ */ S(He, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ t(Ye, { children: /* @__PURE__ */ t(le, { children: p.map(({ locale: l, name: a }) => /* @__PURE__ */ S(se, { children: [
-        a,
-        d === l && /* @__PURE__ */ t(ar, { sx: { fontSize: 12, color: "text.secondary" } })
-      ] }, l)) }) }),
-      /* @__PURE__ */ t(Le, { children: V(Object.values(x), "index").map(({ data: l }) => /* @__PURE__ */ t(le, { children: p.map(({ locale: a }) => {
-        var b, P, c, v, y, k, O, f, I, R, C, E, U, W, re, Y, L, G, q, Q, ze, Re, Ce, De, Ne, Ae;
-        return /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(z, { gap: 1, children: e === "properties" ? /* @__PURE__ */ S(H, { children: [
+    /* @__PURE__ */ t(Xe, { children: f && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ S(He, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ t(Ye, { children: /* @__PURE__ */ t(ne, { children: m.map(({ locale: n, name: d }) => /* @__PURE__ */ S(se, { children: [
+        d,
+        c === n && /* @__PURE__ */ t(dr, { sx: { fontSize: 12, color: "text.secondary" } })
+      ] }, n)) }) }),
+      /* @__PURE__ */ t(Ge, { children: V(Object.values(f), "index").map(({ data: n }) => /* @__PURE__ */ t(ne, { children: m.map(({ locale: d }) => {
+        var y, P, a, x, v, k, O, h, I, z, N, E, U, W, re, Y, G, L, q, Q, je, ze, Ne, Ce, De, Ae;
+        return /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ S(H, { children: [
           /* @__PURE__ */ t(
-            D,
+            C,
             {
               size: "small",
               label: "Key",
-              value: l.key || "",
+              value: n.key || "",
               onChange: (K) => {
-                w.transact(() => {
-                  l.key = K.target.value.trim();
+                g.transact(() => {
+                  n.key = K.target.value.trim();
                 });
               }
             }
           ),
           /* @__PURE__ */ t(
-            D,
+            C,
             {
               size: "small",
               label: i("label"),
-              value: (((P = (b = l.locales) == null ? void 0 : b[a]) == null ? void 0 : P.name) ?? ((v = (c = l.locales) == null ? void 0 : c[d]) == null ? void 0 : v.name)) || "",
+              value: (((P = (y = n.locales) == null ? void 0 : y[d]) == null ? void 0 : P.name) ?? ((x = (a = n.locales) == null ? void 0 : a[c]) == null ? void 0 : x.name)) || "",
               onChange: (K) => {
-                w.transact(() => {
+                g.transact(() => {
                   var B;
-                  l.locales ?? (l.locales = {}), (B = l.locales)[a] ?? (B[a] = {}), l.locales[a].name = K.target.value;
+                  n.locales ?? (n.locales = {}), (B = n.locales)[d] ?? (B[d] = {}), n.locales[d].name = K.target.value;
                 });
               }
             }
           ),
-          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
             _,
             {
-              allComponents: m,
-              defaultLocale: d,
+              allComponents: b,
+              defaultLocale: c,
               component: r,
-              property: l,
+              property: n,
               size: "small",
               fullWidth: !0,
               label: "Default Value",
-              valueImmutable: de((k = (y = l.locales) == null ? void 0 : y[a]) == null ? void 0 : k.defaultValue),
-              value: ((f = (O = l.locales) == null ? void 0 : O[a]) == null ? void 0 : f.defaultValue) ?? ((R = (I = l.locales) == null ? void 0 : I[d]) == null ? void 0 : R.defaultValue),
+              valueImmutable: ae((k = (v = n.locales) == null ? void 0 : v[d]) == null ? void 0 : k.defaultValue),
+              value: ((h = (O = n.locales) == null ? void 0 : O[d]) == null ? void 0 : h.defaultValue) ?? ((z = (I = n.locales) == null ? void 0 : I[c]) == null ? void 0 : z.defaultValue),
               onChange: (K) => {
-                w.transact(() => {
+                g.transact(() => {
                   var B;
-                  l.locales ?? (l.locales = {}), (B = l.locales)[a] ?? (B[a] = {}), l.locales[a].defaultValue = K;
+                  n.locales ?? (n.locales = {}), (B = n.locales)[d] ?? (B[d] = {}), n.locales[d].defaultValue = K;
                 });
               }
             }
           ) })
-        ] }) : e === "parameters" && g ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+        ] }) : e === "parameters" && w ? /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
           _,
           {
-            allComponents: m,
-            defaultLocale: d,
+            allComponents: b,
+            defaultLocale: c,
             component: r,
-            property: l,
+            property: n,
             size: "small",
             fullWidth: !0,
-            valueImmutable: de(
-              (W = (U = (E = (C = g.renderer.properties) == null ? void 0 : C[l.id]) == null ? void 0 : E.locales) == null ? void 0 : U[a]) == null ? void 0 : W.value
+            valueImmutable: ae(
+              (W = (U = (E = (N = w.renderer.properties) == null ? void 0 : N[n.id]) == null ? void 0 : E.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value
             ),
-            value: ((G = (L = (Y = (re = g.renderer.properties) == null ? void 0 : re[l.id]) == null ? void 0 : Y.locales) == null ? void 0 : L[a]) == null ? void 0 : G.value) ?? ((Re = (ze = (Q = (q = g.renderer.properties) == null ? void 0 : q[l.id]) == null ? void 0 : Q.locales) == null ? void 0 : ze[d]) == null ? void 0 : Re.value) ?? ((De = (Ce = l.locales) == null ? void 0 : Ce[a]) == null ? void 0 : De.defaultValue) ?? ((Ae = (Ne = l.locales) == null ? void 0 : Ne[d]) == null ? void 0 : Ae.defaultValue),
+            value: ((L = (G = (Y = (re = w.renderer.properties) == null ? void 0 : re[n.id]) == null ? void 0 : Y.locales) == null ? void 0 : G[d]) == null ? void 0 : L.value) ?? ((ze = (je = (Q = (q = w.renderer.properties) == null ? void 0 : q[n.id]) == null ? void 0 : Q.locales) == null ? void 0 : je[c]) == null ? void 0 : ze.value) ?? ((Ce = (Ne = n.locales) == null ? void 0 : Ne[d]) == null ? void 0 : Ce.defaultValue) ?? ((Ae = (De = n.locales) == null ? void 0 : De[c]) == null ? void 0 : Ae.defaultValue),
             onChange: (K) => {
-              w.transact(() => {
+              g.transact(() => {
                 var B, Te, Ve, Ee, Ue;
-                (B = g.renderer).properties ?? (B.properties = {}), (Te = g.renderer.properties)[Ve = l.id] ?? (Te[Ve] = {}), (Ee = g.renderer.properties[l.id]).locales ?? (Ee.locales = {}), (Ue = g.renderer.properties[l.id].locales)[a] ?? (Ue[a] = {}), g.renderer.properties[l.id].locales[a].value = K;
+                (B = w.renderer).properties ?? (B.properties = {}), (Te = w.renderer.properties)[Ve = n.id] ?? (Te[Ve] = {}), (Ee = w.renderer.properties[n.id]).locales ?? (Ee.locales = {}), (Ue = w.renderer.properties[n.id].locales)[d] ?? (Ue[d] = {}), w.renderer.properties[n.id].locales[d].value = K;
               });
             }
           }
-        ) }) : null }, l.id) }, a);
-      }) }, l.id)) })
+        ) }) : null }, n.id) }, d);
+      }) }, n.id)) })
     ] }) }) }),
-    /* @__PURE__ */ t(Ze, { children: /* @__PURE__ */ t(T, { onClick: (l) => {
-      var a;
-      return (a = o.onClose) == null ? void 0 : a.call(o, l, "escapeKeyDown");
+    /* @__PURE__ */ t(Ze, { children: /* @__PURE__ */ t(T, { onClick: (n) => {
+      var d;
+      return (d = o.onClose) == null ? void 0 : d.call(o, n, "escapeKeyDown");
     }, children: i("close") }) })
   ] });
 }
@@ -1522,62 +1551,62 @@ const _e = (e, r) => (o) => {
     o.palette.secondary.main,
     o.palette.success.main,
     o.palette.warning.main
-  ], u = Math.min(i.length - 1, e), p = i[u], d = Ke(p, 0.5), m = Ke(p, 1);
+  ], u = Math.min(i.length - 1, e), m = i[u], c = Ke(m, 0.5), b = Ke(m, 1);
   return {
     // 保留原有的边框样式
-    borderColor: `${d} !important`,
+    borderColor: `${c} !important`,
     borderLeft: "3px solid !important",
     // 稍粗的左侧边框
-    borderLeftColor: d,
+    borderLeftColor: c,
     // 使用透明度适应深色/浅色模式
-    color: m,
+    color: b,
     ...r
   };
 };
-function Jr({
+function Mr({
   property: e,
   onChange: r,
   defaultLocale: o,
   allComponents: i
 }) {
-  const { t: u, locale: p } = N(), d = F(null), m = Br(d, e), w = A(() => {
+  const { t: u, locale: m } = D(), c = $(null), b = $r(c, e), g = A(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
-        const x = {};
+        const f = {};
         V(Object.values(e.subProperties), "index").filter(
-          (n) => n.data.visible !== !1 && n.data.key
-        ).forEach(({ data: n }) => {
-          var l, a, b, P;
-          if (!n.key) return;
-          let s = ((a = (l = n.locales) == null ? void 0 : l[p]) == null ? void 0 : a.defaultValue) ?? ((P = (b = n.locales) == null ? void 0 : b[o]) == null ? void 0 : P.defaultValue);
-          if (n.type === "number")
+          (l) => l.data.visible !== !1 && l.data.key
+        ).forEach(({ data: l }) => {
+          var n, d, y, P;
+          if (!l.key) return;
+          let s = ((d = (n = l.locales) == null ? void 0 : n[m]) == null ? void 0 : d.defaultValue) ?? ((P = (y = l.locales) == null ? void 0 : y[o]) == null ? void 0 : P.defaultValue);
+          if (l.type === "number")
             s = Number(s);
-          else if (n.type === "boolean")
+          else if (l.type === "boolean")
             s = s === !0 || s === "true";
-          else if ((n.type === "json" || n.type === "yaml") && typeof s == "string")
+          else if ((l.type === "json" || l.type === "yaml") && typeof s == "string")
             try {
-              n.type === "json" ? s = JSON.parse(s) : s = be.parse(s);
-            } catch (c) {
-              console.error("Error parsing nested value", s, c), s = {};
+              l.type === "json" ? s = JSON.parse(s) : s = be.parse(s);
+            } catch (a) {
+              console.error("Error parsing nested value", s, a), s = {};
             }
-          x[n.key] = s;
+          f[l.key] = s;
         });
-        const h = xe(x, e.type);
-        r == null || r(h);
-      } catch (x) {
-        console.error("Error converting structure to text:", x);
+        const p = ge(f, e.type);
+        r == null || r(p);
+      } catch (f) {
+        console.error("Error converting structure to text:", f);
       }
-  }, [e, p, o, r]);
-  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ S(z, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: d, children: [
-    /* @__PURE__ */ t(Ot, { sx: { mt: -1 }, children: /* @__PURE__ */ t(J, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
+  }, [e, m, o, r]);
+  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ S(j, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: c, children: [
+    /* @__PURE__ */ t(Ot, { sx: { mt: -1 }, children: /* @__PURE__ */ t(F, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
     e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(
       mt,
       {
-        component: z,
+        component: j,
         gap: 2,
         list: e.subProperties,
-        renderItem: (x, g, h) => {
-          const n = x.visible !== !1;
+        renderItem: (f, w, p) => {
+          const l = f.visible !== !1;
           return /* @__PURE__ */ t(
             ee,
             {
@@ -1586,38 +1615,38 @@ function Jr({
               sx: {
                 p: 1.25,
                 borderRadius: 1,
-                border: n ? "1px solid" : "1px dashed",
-                "&": _e(m)
+                border: l ? "1px solid" : "1px dashed",
+                "&": _e(b)
               },
-              children: /* @__PURE__ */ t(z, { gap: 2, children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t(j, { gap: 2, children: /* @__PURE__ */ t(
                 ft,
                 {
-                  data: x,
-                  params: h,
-                  visible: n,
+                  data: f,
+                  params: p,
+                  visible: l,
                   config: {
                     properties: e.subProperties
                   },
-                  currentLocale: p,
+                  currentLocale: m,
                   defaultLocale: o,
                   allComponents: i,
                   onUpdateConfig: (s) => {
                     try {
-                      const l = { properties: e.subProperties || {} };
-                      s(l);
-                      const a = {
+                      const n = { properties: e.subProperties || {} };
+                      s(n);
+                      const d = {
                         ...e,
-                        subProperties: l.properties
+                        subProperties: n.properties
                       };
-                      r == null || r(a, { forceUpdateProperty: !0 }), w();
-                    } catch (l) {
-                      console.error("Error updating property:", l);
+                      r == null || r(d, { forceUpdateProperty: !0 }), g();
+                    } catch (n) {
+                      console.error("Error updating property:", n);
                     }
                   }
                 }
               ) })
             },
-            x.id
+            f.id
           );
         }
       }
@@ -1632,15 +1661,15 @@ function Jr({
         startIcon: /* @__PURE__ */ t(ct, {}),
         onClick: () => {
           try {
-            const x = e.subProperties || {}, g = Me(), n = {
-              index: Object.values(x).length,
+            const f = e.subProperties || {}, w = Me(), l = {
+              index: Object.values(f).length,
               data: {
-                id: g,
+                id: w,
                 key: "",
                 type: "string",
                 visible: !0,
                 locales: {
-                  [p]: {
+                  [m]: {
                     name: "",
                     defaultValue: ""
                   }
@@ -1651,17 +1680,17 @@ function Jr({
             }, s = {
               ...e,
               subProperties: {
-                ...x,
-                [g]: n
+                ...f,
+                [w]: l
               }
             };
-            r == null || r(s, { forceUpdateProperty: !0 }), w();
-          } catch (x) {
-            console.error("Error adding property:", x);
+            r == null || r(s, { forceUpdateProperty: !0 }), g();
+          } catch (f) {
+            console.error("Error adding property:", f);
           }
         },
         sx: {
-          "&": _e(m, {
+          "&": _e(b, {
             // borderLeft: undefined,
           })
         },
@@ -1676,48 +1705,48 @@ function _({
   value: o,
   onChange: i,
   valueImmutable: u,
-  defaultLocale: p,
-  allComponents: d,
-  ...m
+  defaultLocale: m,
+  allComponents: c,
+  ...b
 }) {
-  var s, l, a, b, P;
-  const { locale: w } = N(), x = Zt(), g = F(null), h = () => {
-    var v;
-    const c = (v = x == null ? void 0 : x.current) == null ? void 0 : v.getUploader();
-    c == null || c.open(), g.current && c.onceUploadSuccess(({ response: y }) => {
-      var O, f;
-      let k = ((O = y == null ? void 0 : y.data) == null ? void 0 : O.filename) || "";
-      k && (k = `mediakit://${k}`, o && !o.includes("mediakit://") && (k += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (f = g.current) == null || f.call(g, k);
+  var s, n, d, y, P;
+  const { locale: g } = D(), f = Zt(), w = $(null), p = () => {
+    var x;
+    const a = (x = f == null ? void 0 : f.current) == null ? void 0 : x.getUploader();
+    a == null || a.open(), w.current && a.onceUploadSuccess(({ response: v }) => {
+      var O, h;
+      let k = ((O = v == null ? void 0 : v.data) == null ? void 0 : O.filename) || "";
+      k && (k = `mediakit://${k}`, o && !o.includes("mediakit://") && (k += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (h = w.current) == null || h.call(w, k);
     });
-  }, n = m.label ?? (((l = (s = r.locales) == null ? void 0 : s[w]) == null ? void 0 : l.name) || ((b = (a = r.locales) == null ? void 0 : a[p]) == null ? void 0 : b.name) || r.key || r.id);
+  }, l = b.label ?? (((n = (s = r.locales) == null ? void 0 : s[g]) == null ? void 0 : n.name) || ((y = (d = r.locales) == null ? void 0 : d[m]) == null ? void 0 : y.name) || r.key || r.id);
   if (r.type === "number")
     return /* @__PURE__ */ t(
-      $r,
+      Hr,
       {
-        ...m,
-        label: n,
+        ...b,
+        label: l,
         NumberProps: {
           value: ["number", "string"].includes(typeof o) ? o : null,
-          onChange: (c, v) => i == null ? void 0 : i(v)
+          onChange: (a, x) => i == null ? void 0 : i(x)
         }
       }
     );
   if (r.type === "decimal")
     return /* @__PURE__ */ t(
-      D,
+      C,
       {
-        ...m,
-        label: n,
+        ...b,
+        label: l,
         type: "text",
         value: o ?? "",
-        onChange: (c) => {
-          const v = c.target.value;
-          if (v === "" || v === "-") {
-            i == null || i(v);
+        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 k = v;
+          if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(x)) {
+            let k = x;
             /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(k) && (k = Number(k)), i == null || i(k);
           }
         }
@@ -1725,96 +1754,96 @@ function _({
     );
   if (r.type === "boolean")
     return /* @__PURE__ */ t(
-      Ge,
+      Le,
       {
-        label: n,
+        label: l,
         labelPlacement: "start",
-        control: /* @__PURE__ */ t(qe, { checked: o === !0, onChange: (c, v) => i == null ? void 0 : i(v) })
+        control: /* @__PURE__ */ t(qe, { checked: o === !0, onChange: (a, x) => i == null ? void 0 : i(x) })
       }
     );
   if (r.type === "color")
     return /* @__PURE__ */ t(
-      Cr,
+      Dr,
       {
-        label: n,
+        label: l,
         value: o,
-        onChange: (c) => {
-          i == null || i(c);
+        onChange: (a) => {
+          i == null || i(a);
         }
       }
     );
   if (r.type === "json" || r.type === "yaml")
     return /* @__PURE__ */ t(
-      Dr,
+      Ar,
       {
-        label: n,
+        label: l,
         value: o,
-        onChange: (c) => {
-          i == null || i(c);
+        onChange: (a) => {
+          i == null || i(a);
         },
         property: r,
         component: e,
-        defaultLocale: p,
-        allComponents: d,
+        defaultLocale: m,
+        allComponents: c,
         PropertyValueField: _,
-        onUpload: (c) => {
-          g.current = c, h();
+        onUpload: (a) => {
+          w.current = a, p();
         }
       }
     );
   if (r.type === "custom") {
-    const c = (P = d[r.componentId]) == null ? void 0 : P.data;
-    return c ? /* @__PURE__ */ t(j, { width: "100%", children: /* @__PURE__ */ t(
-      lt,
+    const a = (P = c[r.componentId]) == null ? void 0 : P.data;
+    return a ? /* @__PURE__ */ t(R, { width: "100%", children: /* @__PURE__ */ t(
+      nt,
       {
-        componentId: c.id,
-        props: { label: n, value: o, onChange: i },
-        locale: w,
+        componentId: a.id,
+        props: { label: l, value: o, onChange: i },
+        locale: g,
         dev: {
           mode: "draft",
-          components: d,
-          defaultLocale: p
+          components: c,
+          defaultLocale: m
         }
       }
-    ) }) : /* @__PURE__ */ t(D, { ...m, label: n, disabled: !0, placeholder: "Click right button select a component" });
+    ) }) : /* @__PURE__ */ t(C, { ...b, label: l, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (r.type === "component")
-    return /* @__PURE__ */ S(z, { width: "100%", direction: "column", gap: 1, children: [
+    return /* @__PURE__ */ S(j, { width: "100%", direction: "column", gap: 1, children: [
       /* @__PURE__ */ t(
-        je,
+        Re,
         {
-          allComponents: d,
-          label: n,
+          allComponents: c,
+          label: l,
           value: o == null ? void 0 : o.componentId,
-          onChange: (c, v) => {
-            u || !o ? i == null || i({ ...o && JSON.parse(JSON.stringify(o)), componentId: v }) : typeof o == "object" && (o.componentId = v, i == null || i({ ...o && JSON.parse(JSON.stringify(o)), componentId: v }));
+          onChange: (a, x) => {
+            u || !o ? i == null || i({ ...o && JSON.parse(JSON.stringify(o)), componentId: x }) : typeof o == "object" && (o.componentId = x, i == null || i({ ...o && JSON.parse(JSON.stringify(o)), componentId: x }));
           }
         }
       ),
       (o == null ? void 0 : o.componentId) && /* @__PURE__ */ t(
-        _r,
+        Jr,
         {
           value: o,
           valueImmutable: u,
           onChange: i,
-          defaultLocale: p,
-          allComponents: d
+          defaultLocale: m,
+          allComponents: c
         }
       )
     ] });
   if (!r.type || ["string", "url"].includes(r.type)) {
-    const c = r.type === "string" ? r.multiline : void 0, v = r.type === "url" ? o == null ? void 0 : o.url : o;
+    const a = r.type === "string" ? r.multiline : void 0, x = r.type === "url" ? o == null ? void 0 : o.url : o;
     return /* @__PURE__ */ t(
-      D,
+      C,
       {
-        ...m,
-        label: n,
-        value: typeof v == "string" ? v : "",
-        multiline: c,
-        minRows: c ? 2 : void 0,
-        maxRows: c ? 10 : void 0,
-        onChange: (y) => i == null ? void 0 : i(
-          r.type === "url" ? { ...o, url: y.target.value, mediaKitUrl: y.target.value } : y.target.value
+        ...b,
+        label: l,
+        value: typeof x == "string" ? x : "",
+        multiline: a,
+        minRows: a ? 2 : void 0,
+        maxRows: a ? 10 : void 0,
+        onChange: (v) => i == null ? void 0 : i(
+          r.type === "url" ? { ...o, url: v.target.value, mediaKitUrl: v.target.value } : v.target.value
         ),
         InputProps: r.type === "url" ? {
           sx: { pr: 0 },
@@ -1822,23 +1851,23 @@ function _({
             /* @__PURE__ */ t(
               Pe,
               {
-                onChange: async ({ response: y }) => {
-                  var I, R, C;
-                  const k = ((I = y == null ? void 0 : y.data) == null ? void 0 : I.url) || ((R = y == null ? void 0 : y.data) == null ? void 0 : R.fileUrl);
+                onChange: async ({ response: v }) => {
+                  var I, z, N;
+                  const k = ((I = v == null ? void 0 : v.data) == null ? void 0 : I.url) || ((z = v == null ? void 0 : v.data) == null ? void 0 : z.fileUrl);
                   let O;
                   k && (O = await fe(k).catch(() => he(k)).catch(() => {
                   }));
-                  let f = ((C = y == null ? void 0 : y.data) == null ? void 0 : C.filename) || "";
-                  f && (f = `mediakit://${f}`), i == null || i({
+                  let h = ((N = v == null ? void 0 : v.data) == null ? void 0 : N.filename) || "";
+                  h && (h = `mediakit://${h}`), i == null || i({
                     url: k,
-                    mediaKitUrl: f,
+                    mediaKitUrl: h,
                     width: O == null ? void 0 : O.naturalWidth,
                     height: O == null ? void 0 : O.naturalHeight
                   });
                 }
               }
             ),
-            /* @__PURE__ */ t(X, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ t(dt, { sx: { cursor: "default" }, fontSize: "small" }) })
+            /* @__PURE__ */ t(X, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ t(at, { sx: { cursor: "default" }, fontSize: "small" }) })
           ] })
         } : void 0
       }
@@ -1847,38 +1876,38 @@ function _({
   return r.type === "array" ? /* @__PURE__ */ t(
     Ir,
     {
-      label: n,
+      label: l,
       value: Array.isArray(o) ? o : [],
-      onChange: (c) => i == null ? void 0 : i(c),
+      onChange: (a) => i == null ? void 0 : i(a),
       property: r,
-      renderItem: ({ item: c, index: v, onChange: y }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(z, { gap: 1, width: "100%", children: V(Object.values(r.subProperties), "index").filter((k) => k.data.visible !== !1).map(({ data: k }) => k.key ? /* @__PURE__ */ t(
+      renderItem: ({ item: a, index: x, onChange: v }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(j, { gap: 1, width: "100%", children: V(Object.values(r.subProperties), "index").filter((k) => k.data.visible !== !1).map(({ data: k }) => k.key ? /* @__PURE__ */ t(
         _,
         {
           component: e,
           property: k,
-          value: c[k.key],
+          value: a[k.key],
           onChange: (O) => {
-            const f = { ...c, [k.key]: O };
-            y(f);
+            const h = { ...a, [k.key]: O };
+            v(h);
           },
           size: "small",
           fullWidth: !0,
-          defaultLocale: p,
-          allComponents: d
+          defaultLocale: m,
+          allComponents: c
         },
         k.id
-      ) : null) }, v) : /* @__PURE__ */ t(D, { size: m.size, fullWidth: !0, value: c, onChange: (k) => y(k.target.value) })
+      ) : null) }, x) : /* @__PURE__ */ t(C, { size: b.size, fullWidth: !0, value: a, onChange: (k) => v(k.target.value) })
     }
   ) : (console.error("Unsupported property type", r.type), null);
 }
-function $r({
+function Hr({
   NumberProps: e,
   ...r
 }) {
   const { getInputProps: o } = or(e), i = o();
-  return /* @__PURE__ */ t(D, { ...r, inputProps: i });
+  return /* @__PURE__ */ t(C, { ...r, inputProps: i });
 }
-const Mr = `import React from '@blocklet/pages-kit/builtin/react'
+const Yr = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
 
 export default function () {
@@ -1887,18 +1916,18 @@ export default function () {
       Hello World
     </Box>
   )
-}`, Hr = `console.log('hello')
+}`, Gr = `console.log('hello')
 `;
-function Yr({
+function Lr({
   value: e
 }) {
-  const { locale: r } = N(), o = it(), i = te(e).doc;
+  const { locale: r } = D(), o = it(), i = te(e).doc;
   return M(() => {
     var u;
     (u = e.renderer) != null && u.script || (i.transact(() => {
-      e.renderer.script = e.renderer.type === "react-component" ? Mr : Hr;
+      e.renderer.script = e.renderer.type === "react-component" ? Yr : Gr;
     }), o());
-  }, [e]), /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(
+  }, [e]), /* @__PURE__ */ t(R, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(
     we,
     {
       keyId: e.id,
@@ -1911,88 +1940,88 @@ function Yr({
     e.id
   ) });
 }
-function Lr({ value: e }) {
-  var g, h, n;
-  const { t: r } = N(), o = te(e).doc, {
+function qr({ value: e }) {
+  var w, p, l;
+  const { t: r } = D(), o = te(e).doc, {
     state: {
       components: i,
       config: { defaultLocale: u },
-      resources: p
+      resources: m
     },
-    localState: { currentLocale: d }
-  } = ae(), m = ge(), w = ((g = i[e.renderer.componentId]) == null ? void 0 : g.data) ?? ((n = (h = p.components) == null ? void 0 : h[e.renderer.componentId]) == null ? void 0 : n.component), x = Se({ variant: "dialog" });
-  return /* @__PURE__ */ S(z, { gap: 1, children: [
+    localState: { currentLocale: c }
+  } = de(), b = xe(), g = ((w = i[e.renderer.componentId]) == null ? void 0 : w.data) ?? ((l = (p = m.components) == null ? void 0 : p[e.renderer.componentId]) == null ? void 0 : l.component), f = Se({ variant: "dialog" });
+  return /* @__PURE__ */ S(j, { gap: 1, children: [
     /* @__PURE__ */ t(
-      je,
+      Re,
       {
-        allComponents: m,
+        allComponents: b,
         excludes: [e.id],
         value: e.renderer.componentId,
-        onChange: (s, l) => e.renderer.componentId = l
+        onChange: (s, n) => e.renderer.componentId = n
       }
     ),
-    w && /* @__PURE__ */ S(H, { children: [
-      /* @__PURE__ */ S(z, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ t(J, { variant: "subtitle2", children: r("parameters") }),
-        /* @__PURE__ */ t(T, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Oe(x), children: /* @__PURE__ */ t(st, { fontSize: "small" }) })
+    g && /* @__PURE__ */ S(H, { 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 }, ...Oe(f), children: /* @__PURE__ */ t(st, { fontSize: "small" }) })
       ] }),
-      w.properties && V(Object.values(w.properties), "index").map(({ data: s }) => {
-        var l, a, b, P, c, v, y, k, O, f, I, R, C, E, U, W;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+      g.properties && V(Object.values(g.properties), "index").map(({ data: s }) => {
+        var n, d, y, P, a, x, v, k, O, h, I, z, N, E, U, W;
+        return /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
           _,
           {
-            allComponents: m,
+            allComponents: b,
             defaultLocale: u,
-            component: w,
+            component: g,
             property: s,
             fullWidth: !0,
             size: "small",
-            valueImmutable: de((P = (b = (a = (l = e.renderer.properties) == null ? void 0 : l[s.id]) == null ? void 0 : a.locales) == null ? void 0 : b[d]) == null ? void 0 : P.value),
-            value: ((k = (y = (v = (c = e.renderer.properties) == null ? void 0 : c[s.id]) == null ? void 0 : v.locales) == null ? void 0 : y[d]) == null ? void 0 : k.value) ?? ((R = (I = (f = (O = e.renderer.properties) == null ? void 0 : O[s.id]) == null ? void 0 : f.locales) == null ? void 0 : I[u]) == null ? void 0 : R.value) ?? ((E = (C = s.locales) == null ? void 0 : C[d]) == null ? void 0 : E.defaultValue) ?? ((W = (U = s.locales) == null ? void 0 : U[u]) == null ? void 0 : W.defaultValue),
+            valueImmutable: ae((P = (y = (d = (n = e.renderer.properties) == null ? void 0 : n[s.id]) == null ? void 0 : d.locales) == null ? void 0 : y[c]) == null ? void 0 : P.value),
+            value: ((k = (v = (x = (a = e.renderer.properties) == null ? void 0 : a[s.id]) == null ? void 0 : x.locales) == null ? void 0 : v[c]) == null ? void 0 : k.value) ?? ((z = (I = (h = (O = e.renderer.properties) == null ? void 0 : O[s.id]) == null ? void 0 : h.locales) == null ? void 0 : I[u]) == null ? void 0 : z.value) ?? ((E = (N = s.locales) == null ? void 0 : N[c]) == null ? void 0 : E.defaultValue) ?? ((W = (U = s.locales) == null ? void 0 : U[u]) == null ? void 0 : W.defaultValue),
             onChange: (re) => {
               o.transact(() => {
-                var Y, L, G, q, Q;
-                (Y = e.renderer).properties ?? (Y.properties = {}), (L = e.renderer.properties)[G = s.id] ?? (L[G] = {}), (q = e.renderer.properties[s.id]).locales ?? (q.locales = {}), (Q = e.renderer.properties[s.id].locales)[d] ?? (Q[d] = {}), e.renderer.properties[s.id].locales[d].value = re;
+                var Y, G, L, q, Q;
+                (Y = e.renderer).properties ?? (Y.properties = {}), (G = e.renderer.properties)[L = s.id] ?? (G[L] = {}), (q = e.renderer.properties[s.id]).locales ?? (q.locales = {}), (Q = e.renderer.properties[s.id].locales)[c] ?? (Q[c] = {}), e.renderer.properties[s.id].locales[c].value = re;
               });
             }
           }
         ) }, s.id);
       }),
-      /* @__PURE__ */ t(ht, { ...ut(x), component: e, type: "parameters" })
+      /* @__PURE__ */ t(ht, { ...ut(f), component: e, type: "parameters" })
     ] })
   ] });
 }
-function je({
+function Re({
   label: e,
   options: r,
   excludes: o,
   value: i,
   onChange: u,
-  allComponents: p,
-  ...d
+  allComponents: m,
+  ...c
 }) {
-  var g;
-  const { t: m } = N(), w = r ?? V(Object.values(hr(p, ...o ?? [])), "index").map((h) => h.data), x = (typeof i == "string" ? (g = p[i]) == null ? void 0 : g.data : void 0) ?? null;
+  var w;
+  const { t: b } = D(), g = r ?? V(Object.values(hr(m, ...o ?? [])), "index").map((p) => p.data), f = (typeof i == "string" ? (w = m[i]) == null ? void 0 : w.data : void 0) ?? null;
   return /* @__PURE__ */ t(
     et,
     {
-      ...d,
+      ...c,
       size: "small",
-      options: w,
+      options: g,
       autoHighlight: !0,
-      isOptionEqualToValue: (h, n) => h.id === n.id,
-      getOptionKey: (h) => h.id,
-      getOptionLabel: (h) => h.name || h.id,
-      renderInput: (h) => /* @__PURE__ */ t(D, { label: e || m("component"), ...h }),
-      value: x,
-      onChange: (h, n) => {
-        var l, a, b, P, c, v;
+      isOptionEqualToValue: (p, l) => p.id === l.id,
+      getOptionKey: (p) => p.id,
+      getOptionLabel: (p) => p.name || p.id,
+      renderInput: (p) => /* @__PURE__ */ t(C, { label: e || b("component"), ...p }),
+      value: f,
+      onChange: (p, l) => {
+        var n, d, y, P, a, x;
         let s = {};
-        n && (s = {
-          blockletId: (l = p[n == null ? void 0 : n.id]) == null ? void 0 : l.blockletId,
-          blockletTitle: (a = p[n == null ? void 0 : n.id]) == null ? void 0 : a.blockletTitle,
-          componentName: ((P = (b = p[n == null ? void 0 : n.id]) == null ? void 0 : b.data) == null ? void 0 : P.name) || ((v = (c = p[n == null ? void 0 : n.id]) == null ? void 0 : c.data) == null ? void 0 : v.id)
-        }), u == null || u(h, n == null ? void 0 : n.id, s);
+        l && (s = {
+          blockletId: (n = m[l == null ? void 0 : l.id]) == null ? void 0 : n.blockletId,
+          blockletTitle: (d = m[l == null ? void 0 : l.id]) == null ? void 0 : d.blockletTitle,
+          componentName: ((P = (y = m[l == null ? void 0 : l.id]) == null ? void 0 : y.data) == null ? void 0 : P.name) || ((x = (a = m[l == null ? void 0 : l.id]) == null ? void 0 : a.data) == null ? void 0 : x.id)
+        }), u == null || u(p, l == null ? void 0 : l.id, s);
       }
     }
   );
@@ -2003,51 +2032,51 @@ function bt({
   defaultLocale: o,
   propertiesValue: i,
   currentLocale: u,
-  onChange: p,
-  props: d
+  onChange: m,
+  props: c
 }) {
-  const { t: m } = N(), [w, x] = $(e == null ? void 0 : e.properties), [g, h] = $(null);
+  const { t: b } = D(), [g, f] = J(e == null ? void 0 : e.properties), [w, p] = J(null);
   M(() => {
     (() => {
-      var P, c;
-      ((P = e == null ? void 0 : e.renderer) == null ? void 0 : P.type) === "react-component" && ot(e == null ? void 0 : e.properties) ? rr((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((v) => {
-        const y = ir(v);
-        x(y);
-      }) : x(e == null ? void 0 : e.properties);
+      var P, a;
+      ((P = e == null ? void 0 : e.renderer) == null ? void 0 : P.type) === "react-component" && ot(e == null ? void 0 : e.properties) ? rr((a = e == null ? void 0 : e.renderer) == null ? void 0 : a.script).then((x) => {
+        const v = ir(x);
+        f(v);
+      }) : f(e == null ? void 0 : e.properties);
     })();
   }, [JSON.stringify(e)]);
-  const n = A(() => !e || !w ? {} : Object.values(w).reduce(
-    (b, { data: P }) => {
-      var v, y, k, O, f;
-      const c = P.key || P.id;
-      return b[P.id] = {
-        key: c,
-        value: (d == null ? void 0 : d[c]) ?? ((v = i == null ? void 0 : i[P.id]) == null ? void 0 : v.value) ?? ((k = (y = P.locales) == null ? void 0 : y[u]) == null ? void 0 : k.defaultValue) ?? ((f = (O = P.locales) == null ? void 0 : O[o]) == null ? void 0 : f.defaultValue),
+  const l = A(() => !e || !g ? {} : Object.values(g).reduce(
+    (y, { data: P }) => {
+      var x, v, k, O, h;
+      const a = P.key || P.id;
+      return y[P.id] = {
+        key: a,
+        value: (c == null ? void 0 : c[a]) ?? ((x = i == null ? void 0 : i[P.id]) == null ? void 0 : x.value) ?? ((k = (v = P.locales) == null ? void 0 : v[u]) == null ? void 0 : k.defaultValue) ?? ((h = (O = P.locales) == null ? void 0 : O[o]) == null ? void 0 : h.defaultValue),
         id: P.id,
         type: P.type
-      }, b;
+      }, y;
     },
     {}
-  ), [JSON.stringify(w), e, i, u, o]), s = ce(() => {
-    if (!w)
+  ), [JSON.stringify(g), e, i, u, o]), s = ce(() => {
+    if (!g)
       return {
         canUseProperties: [],
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const b = V(Object.values(w), "index"), P = b.filter(({ data: y }) => y.key && ve(w, y.id)), c = b.filter(({ data: y }) => y.key && y.type !== "component"), v = c.map(({ data: y }) => y.key);
+    const y = V(Object.values(g), "index"), P = y.filter(({ data: v }) => v.key && ve(g, v.id)), a = y.filter(({ data: v }) => v.key && v.type !== "component"), x = a.map(({ data: v }) => v.key);
     return {
-      canUseProperties: c,
+      canUseProperties: a,
       visibleProperties: P,
-      canUsePropertiesKeys: v
+      canUsePropertiesKeys: x
     };
-  }, [JSON.stringify(w)]), l = n(), a = fr(l, "key");
-  return /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ S(z, { gap: 2, children: [
-    /* @__PURE__ */ t(J, { variant: "subtitle1", children: m("maker.properties.parameters") }),
-    !e || s.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(Z, { style: { fontSize: 12 }, children: m("maker.properties.noParameters") }) : /* @__PURE__ */ S(H, { children: [
-      /* @__PURE__ */ t(z, { gap: 2, children: s.visibleProperties.map(({ data: b }) => {
-        var P, c;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+  }, [JSON.stringify(g)]), n = l(), d = fr(n, "key");
+  return /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ S(j, { gap: 2, children: [
+    /* @__PURE__ */ t(F, { variant: "subtitle1", children: b("maker.properties.parameters") }),
+    !e || s.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(Z, { style: { fontSize: 12 }, children: b("maker.properties.noParameters") }) : /* @__PURE__ */ S(H, { children: [
+      /* @__PURE__ */ t(j, { gap: 2, children: s.visibleProperties.map(({ data: y }) => {
+        var P, a;
+        return /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
           _,
           {
             allComponents: r,
@@ -2055,64 +2084,64 @@ function bt({
             size: "small",
             fullWidth: !0,
             component: e,
-            property: b,
-            valueImmutable: de((P = i == null ? void 0 : i[b.id]) == null ? void 0 : P.value),
-            value: (d == null ? void 0 : d[b.key || b.id]) ?? ((c = l[b.id]) == null ? void 0 : c.value),
-            onChange: (v) => {
-              p({
-                path: ["properties", b.id],
-                id: b.id,
-                value: { value: v },
-                shouldSync: Fe(b),
+            property: y,
+            valueImmutable: ae((P = i == null ? void 0 : i[y.id]) == null ? void 0 : P.value),
+            value: (c == null ? void 0 : c[y.key || y.id]) ?? ((a = n[y.id]) == null ? void 0 : a.value),
+            onChange: (x) => {
+              m({
+                path: ["properties", y.id],
+                id: y.id,
+                value: { value: x },
+                shouldSync: $e(y),
                 excludeKeys: [],
-                key: b.key || b.id
+                key: y.key || y.id
               });
             }
           }
-        ) }, b.id);
+        ) }, y.id);
       }) }),
-      /* @__PURE__ */ t(z, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ t(
-        lt,
+      /* @__PURE__ */ t(j, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ t(
+        nt,
         {
           componentId: (e == null ? void 0 : e.id) || "",
           renderType: "setting",
           locale: u,
-          properties: l,
+          properties: n,
           dev: { mode: "draft", components: r, defaultLocale: o },
           props: {
-            ...br(d ?? {}, s.canUsePropertiesKeys),
-            onChange: (b) => {
+            ...br(c ?? {}, s.canUsePropertiesKeys),
+            onChange: (y) => {
               const { canUsePropertiesKeys: P } = s;
-              Object.keys(b).filter((v) => {
-                var y;
-                return b[v] !== ((y = a == null ? void 0 : a[v]) == null ? void 0 : y.value);
-              }).filter((v) => {
-                var y, k, O, f;
-                return !(v === "locale" && !pr(a[v], "locale") || ((y = a[v]) == null ? void 0 : y.type) === "component" || (((k = a[v]) == null ? void 0 : k.type) === "yaml" || ((O = a[v]) == null ? void 0 : O.type) === "json") && ve(w, (f = a[v]) == null ? void 0 : f.id));
-              }).reduce((v, y) => v.then(() => {
-                const k = a[y], O = P.includes(y);
+              Object.keys(y).filter((x) => {
+                var v;
+                return y[x] !== ((v = d == null ? void 0 : d[x]) == null ? void 0 : v.value);
+              }).filter((x) => {
+                var v, k, O, h;
+                return !(x === "locale" && !pr(d[x], "locale") || ((v = d[x]) == null ? void 0 : v.type) === "component" || (((k = d[x]) == null ? void 0 : k.type) === "yaml" || ((O = d[x]) == null ? void 0 : O.type) === "json") && ve(g, (h = d[x]) == null ? void 0 : h.id));
+              }).reduce((x, v) => x.then(() => {
+                const k = d[v], O = P.includes(v);
                 if (k != null && k.id && O)
-                  return p({
+                  return m({
                     path: ["properties", k.id],
                     id: k.id,
-                    value: { value: b[y] },
-                    shouldSync: Fe(k),
+                    value: { value: y[v] },
+                    shouldSync: $e(k),
                     excludeKeys: [],
                     key: k.key || k.id
                   }), Promise.resolve();
-                const f = `propertyNotFound${y}`;
-                if (g === f)
+                const h = `propertyNotFound${v}`;
+                if (w === h)
                   return Promise.resolve();
-                Be.close(g);
+                Be.close(w);
                 const I = Be.warning(
-                  m("maker.properties.propertyNotFound", {
-                    key: y
+                  b("maker.properties.propertyNotFound", {
+                    key: v
                   }),
                   {
-                    key: f
+                    key: h
                   }
                 );
-                return h(I), Promise.resolve();
+                return p(I), Promise.resolve();
               }), Promise.resolve());
             }
           }
@@ -2122,12 +2151,12 @@ function bt({
   ] }) });
 }
 export {
-  Wr as BasicInfo,
-  je as CustomComponentAutocomplete,
-  Ui as CustomComponentSettings,
-  Mr as DefaultReactComponentScriptTemplate,
-  Hr as DefaultWebComponentScriptTemplate,
+  Kr as BasicInfo,
+  Re as CustomComponentAutocomplete,
+  Bi as CustomComponentSettings,
+  Yr as DefaultReactComponentScriptTemplate,
+  Gr as DefaultWebComponentScriptTemplate,
   bt as ParametersConfig,
-  Kr as PropertiesConfig,
+  _r as PropertiesConfig,
   _ as PropertyValueField
 };